python tkinterでフレーム内のウィジェットを右上と左上に表示したい

Question

作成したGUIに後からロゴを追加しようとして、詰まりました。
御助力頂けたら幸いです。

GUIの右上に空きのスペースがあるので、そこに追加しようと思っているのですが、上手く右上に表示されません。

緑色のフレームは右寄せ、でロゴだけを左上に寄せる方法はどうすればいいでしょうか？

理想

現在

''' mmain '''

import sys , os , datetime , random , json , time , traceback

# tkinter
import tkinter as tk
from tkinter.ttk import *
from ttkthemes import *

class Application(Frame):

    def __init__(self, master=None):
        Frame.__init__(self,master)
        # master.resizable(width=False, height=False)
        master.geometry("600x100")
        self.pack(fill='both') #描写
        self.create_widgets(self)       #フォームの作成



    #フォームの作成
    def create_widgets(self,master):
        
        ''' 
        最上段
        '''
        L_Frm0 = tk.Frame(master, bg = 'red')
        L_Frm0.pack(padx=10 ,pady=10 , fill='both')
        
        
        ''' 
        ロゴ
        '''
        canvas_logo = tk.Canvas(L_Frm0 , highlightthickness=0 ,width=80 , height=80,bg = 'blue' )  
        canvas_logo.grid(row=0,column = 1 , sticky="ne")
        

        """ 
        メール設定
        """

        # メール全体のフレーム
        L_Frm1 = tk.Frame(L_Frm0, width =300 ,height=80, bg = 'green')
        L_Frm1.grid( row=0, column=0 , sticky="we")
        footer = tk.Label(master, text="Copyright © 2021 JasRuneAll Rights Reserved." ,font=("",6))
        footer.pack(fill='both')


if __name__ == "__main__":
    
    root = ThemedTk()
    app = Application(master=root)
    app.mainloop()

Answer 1

質問のコードとは変わりますが、目的のレイアウトを組む際の最小の方法です。

import tkinter as tk

root = tk.Tk()
root.geometry("800x200")
root.grid_columnconfigure([0, 1, 2, 3], weight=1)
root.grid_rowconfigure([0, 1], weight=1)

# 緑フレーム
frameA = tk.Frame(root, bg="green")
frameA.grid(row=0, column=0, rowspan=2, columnspan=2, sticky=tk.NSEW)  # size: 2x2

# 白フレーム
frameB = tk.Frame(root, bg="white")
frameB.grid(row=0, column=2, rowspan=2, columnspan=2, sticky=tk.NSEW)  # size: 2x2

# ロゴ
frameC = tk.Frame(root, bg="blue", width=100, height=100) ## 固定幅
frameC.grid(row=0, column=3, sticky=tk.NE) # NE (north-east 右上)

root.mainloop()

grid configure の設定では、2行x4列の8等分したセルを均等に割り当てます。

	0	1	2	3
0				Logo
1

緑は左半分、白は右半分ですが、青のロゴは白の右上に覆いかぶさるようにしてます。
但し、白の部分に何か表示してる場合は、隠れてしまうので注意。
右上のロゴのセルの余白スペースを有効活用したい場合は、
グリッドの区分を更に細かくしたりすることになります。（実際のレイアウト・用途次第）

Comments

[Yuiti628]

なるほど。
勉強になります！

ありがとうございました。