[Python初心者] Tkinter Classを使用してグループ化したい。

Question

オレンジ、赤、青、緑、ピンクで分かれているFrameをClassを使って書きたい。
そして、赤のFrame内で処理した**Input Path**をオレンジのFrame内にある黄色(Canvas)と白(MediaInfo)に継承したいです。

import tkinter as tk
from tkinter import filedialog
import os
import sys
import subprocess

win = tk.Tk()
win.title("IVT Transcode app")

win.geometry("700x700")  #Turn on for locked Resolution
win.configure(background='#52514F')  # DARK MODE! | ダークモード!



# ----Dictionaries & Variables | 辞書と変数----
output_format = ['.MP4', '.AVI', '.MOV', '.MXF']
ffmpeg_path = open(os.path.join(sys.path[0], "ffmpeg/ffmpeg"), "r")
ffprobe_path = open(os.path.join(sys.path[0], "ffmpeg/ffprobe"), "r")

## Input Settings ##
class FirstFrame: 
    def __init__(self,master):
        FrameOne = tk.LabelFrame(master, text="Input Settings", fg="white", bg="red", padx="5", pady="5")
        FrameOne.grid(column=2, row=2, padx='20', pady='5', sticky='nsew')

        self.file_dialog_input = None
        self.Text_Input_Path = tk.Label(FrameOne, text="Input Path         ", 
            fg="white", bg="#52514F", font=('Helvetica', 10))
        self.Text_Input_Path.grid(column=0, row=0, sticky='w')
        self.Field_Input_Path = tk.Entry(FrameOne, fg="black", highlightbackground="#52514F")
        self.Field_Input_Path.grid(column=1, row=0, sticky='nsew')
        self.Button_Input_Path = tk.Button(FrameOne, text="Open File", command=self.file_dialog_input_path, highlightbackground="#52514F", font=('Helvetica', 10))
        self.Button_Input_Path.grid(column=2, row=0, sticky='e')

    def file_dialog_input_path(self):
        self.file_dialog_input = tk.filedialog.askopenfilename(initialdir = "/",title = "Select file",filetypes=[('MOV file (*.mov)', '*mov'), ('AVI file (*.avi)', '*.avi'),('MP4 file (*.mp4)', '*.mp4')])
        self.Field_Input_Path.insert(tk.END, self.file_dialog_input)
        print (self.file_dialog_input)


## Output Settings ##
class SecondFrame:
    def __init__(self,master):
        FrameTwo = tk.LabelFrame(master, text="Output Settings", fg="white", bg="blue", padx="5", pady="5") 
        FrameTwo.grid(column=2, row=3, padx='20', pady='5', sticky='nsew')

        self.file_dialog_output = None
        self.Text_Output_Path = tk.Label(FrameTwo, text="Output Path", fg="white", bg="#52514F", font=('Helvetica', 10))
        self.Text_Output_Path.grid(column=0, row=0, sticky='w')
        self.Text_Output_Name = tk.Label(FrameTwo, text="Output Filename", fg="white", bg="#52514F", font=('Helvetica', 10))
        self.Text_Output_Name.grid(column=0, row=1, sticky='w')
        self.Field_Output_Path = tk.Entry(FrameTwo, fg="black", highlightbackground="#52514F")
        self.Field_Output_Path.grid(column=1, row=0, sticky='nsew')
        self.Field_Output_Name  = tk.Entry(FrameTwo, fg="black", highlightbackground="#52514F")
        self.Field_Output_Name.grid(column=1, row=1, sticky='nsew') 
        self.Button_Output_Path = tk.Button(FrameTwo, text="Select Path", command=self.file_dialog_output_path, highlightbackground="#52514F", pady='2', font=('Helvetica', 10))
        self.Button_Output_Path.grid(column=2, row=0, sticky='nsew')

        #Extention Option | 拡張子選択
        self.Extension_Value = tk.StringVar()
        self.Extension_Value.set(".MOV") # default value as MOV | デフォルトMOV
        self.Extension_Option = tk.OptionMenu(FrameTwo, self.Extension_Value, *output_format)
        self.Extension_Option.config(bg='#52514F', font=('Helvetica', 10), pady='2')
        self.Extension_Option.grid(column=2, row=1, sticky='nsew')

        

    def file_dialog_output_path(self):
        self.file_dialog_output = tk.filedialog.askdirectory(initialdir = "/",title = "Select path")
        self.Field_Output_Path.insert(tk.END, self.file_dialog_output)
        print (self.file_dialog_output)
        #TextOutputText = tk.Text(FifthFrame, height=8, width=45, bg="grey", highlightbackground='grey')        
        #TextOutputText.delete('1.0', tk.END)
        #TextOutputText.insert(tk.END, self.file_dialog_output)

## Buttoun Settings##
class ThirdFrame:
    def __init__(self,master):
        FrameThree = tk.LabelFrame(master, text="Button", fg="white", bg="green", pady="5", padx="5") 
        FrameThree.grid(column=3, row=2, rowspan=2, padx='20', pady='5', sticky='nsew')

        #Analyze
        self.file_dialog_input = None
        self.ButtonOne = tk.Button(FrameThree,text="Analyze (MediaInfo)", highlightbackground="#52514F", padx=3, pady=3,) 
        self.ButtonOne.grid(column=2, row=0, sticky='nw', pady=1, padx=1)
        #Preview
        ButtonTwo = tk.Button(FrameThree, text="Preview", highlightbackground="#52514F", padx=3, pady=3) 
        ButtonTwo.grid(column=2, row=1, sticky='nw', pady=1, padx=1)
        #Simple Transcode
        Button_ffm_simple = tk.Button(FrameThree, text="Simple Transcode", highlightbackground="#52514F", padx=3, pady=3) 
        Button_ffm_simple.grid(column=2, row=2, sticky='nw', pady=1, padx=1)


## Progress Settings ##
class ForthFrame:
    def __init__(self,master):
        FrameFour = tk.LabelFrame(master, text="Progress", fg="white", bg="pink", padx="5", pady="5")
        FrameFour.grid(column=2, columnspan=2, row=4, padx='20', pady='5', sticky='nsew')

        #Progress | 進捗ウィンドウの設定
        TextOutputText = tk.Text(FrameFour, height=3, width=90, bg="grey", highlightbackground='grey')
        TextOutputText.grid(column=1, columnspan=2, row=1, sticky='nsew', pady=5, padx=5)
        ClearButton = tk.Button(FrameFour, text="Clear", highlightbackground="#52514F", padx=1, pady=1)
        ClearButton.grid(column=2, row=2, sticky='e', pady=1, padx=1)

##Preview Window Settings ##
class FifthFrame:
    def __init__(self,master): 
        FrameFive = tk.LabelFrame(master, text="Preview", fg="white", bg="orange", padx="5", pady="5") 
        FrameFive.grid(column=2, columnspan=2, row=1, padx='20', pady='5', sticky='nsew')

        Preview_Start = tk.Button(FrameFive, text="start", fg="black", bg="#52514F", font=('Helvetica', 10))
        Preview_Start.grid(column=1, row=4, sticky='nsew', pady=5, padx=5)
        Preview_ad1f = tk.Button(FrameFive, text=" < ", fg="black", bg="#52514F", font=('Helvetica', 10))
        Preview_ad1f.grid(column=0, row=4, sticky='e', pady=5, padx=5)
        Preview_bc1f = tk.Button(FrameFive, text=" > ", fg="black", bg="#52514F", font=('Helvetica', 10))
        Preview_bc1f.grid(column=2, row=4, sticky='w', pady=5, padx=5)

 
         #Cavas Area | キャンバスエリア
        canvas = tk.Canvas(FrameFive, width = 320, height = 240)#Canvasの作成
        canvas.create_rectangle(0, 0, 320, 240, fill = 'yellow')#塗りつぶし
        canvas.place(x=0, y=0)#Canvasの配置

        canvas.grid(column=0, columnspan=3, row=0, rowspan=4, pady=5, padx=5)

        #Media Infomation | メディア情報     
        MediaInfoOut = tk.Text(FrameFive, height=20, width=40, bg="white", highlightbackground='grey')
        MediaInfoOut.grid(column=3, row=1, rowspan=5, sticky='nsew', pady=5, padx=10)
        




f1 = FirstFrame(win)
f2 = SecondFrame(win)
f3 = ThirdFrame(win)
f4 = ForthFrame(win)
f5 = FifthFrame(win)


#Start the GUI | GUI開始
win.mainloop()

Comments

[teamikl]

>掲載するコードは、他の人がコピーペーストして動く最低限のものの掲載をお願いします。

ローカルのファイル参照等は、環境が変わるとそのまま実行できないので、
コードを実行する為には、質問とは関係ない部分のデバッグが必要になってしまいます。
まずは質問用に、問題の状況を再現出来る短いコードを作成して見て下さい。

＞オレンジ、赤、青、緑、ピンクで分かれているFrameをClassを使って書きたい。

FirstFrame ～等、「class を使って書く」と「グループ化」は、既に満たされてますよね。

＞赤のFrame内で処理したInput PathをオレンジのFrame内にある黄色(Canvas)と白(MediaInfo)に継承したいです。

「Frame内で処理した」と「～に継承したい」がよくわかりません。
Input Path に選択/入力した値を、黄色と白のフレームから参照したいという事でしょうか？

字面通り Input Path を黄・白のフレームに継承すると、
黄色と白の枠に Input Path が表示されることになるので、恐らく意図する挙動ではないと思います。
継承は、ウィジェットを再利用して機能を追加したい場合に用いられます。

[退会済みユーザー]

ローカルファイルの記載してある部分を削除いたしました。

Input Path に選択/入力した値を、黄色と白のフレームから参照したいです。
黄色枠では動画を再生させたいのでcanvasではないのかと思っていますが、白枠ではファイルのパスを記載したいと思っておりました。

[teamikl]

ffprobe_path, ffmpeg_path も実際のファイルを要求するので不要です。

上記のコードを動かすには、変数が使われてる箇所を探して排除するか、
コードを読み解いて、適切な位置にファイルを配置しなければなりません。

> Input Path に選択/入力した値を、黄色と白のフレームから参照したいです。

継承により何を解決したいかの部分が解らなかったのですが、
以前の質問も拝見して、やりたいことの状況は解りました。
今回の場合、「継承」は適切ではありません。

> 白枠ではファイルのパスを記載したいと思っておりました。

上記で言った「黄色と白の枠に Input Path が表示されることになる」
は、クラスを継承した場合「白枠にも入力欄自体が表示」されることになります。入力した値ではありません。

恐らく「クラスの継承」の理解に対して齟齬があるようなので、
「～継承したいです」という質問の仕方では、
やりたいことの意図は伝わらないと思います。

Answer 1

FrameをClassを使って書きたい

まずは、一つずつ進めるのが良いと思います。

https://docs.python.org/ja/3.5/library/tkinter.html#a-simple-hello-world-program
基本的な構成は上記が参考になりますし、クラスを利用した実装例は多くありますので、一つずつ実装してみてはいかがでしょうか。
それでわからない点がでた時点で、問題のあるコードを提示して質問すると良いかと。