Pyhton(TkInter) ScrolledTextの高さを把握したいが ひょっとして得られないでしょうか？？（Canvasのサイズをそちらから導き、Canvasの中央座標に画像採用したい）

Question

以下のコードは　Python3の開発環境があり、当該コードの上位にimagesフォルダ、その中には　robot.pngという　画像ファイルを配置頂いた上で
実行いただければ　相応に動作するものと思われます。

実行後　SUBというコマンドボタンを押下頂くと一つのダイアログが現れます。
キャンバスのWidgetがスクロールドテキストを覆っている部分があり、キャンバス右下のチェックボックスを選択すると、パスワードを求められます。
こちらに当日日付半角８桁を応えると　下に隠れいてる　スクロールドテキストが現れてくる仕組みになっています。
![

【質問】
キャンパスのサイズをスクロールドテキストのサイズから自動で導きたいです。
その上で、キャンバスの縦横中央の座標位置に画像を採用するようにしたいです。

現在キャンバスの大きさ（高さ）を固定値で指定しているのには　ネット上で　スクロールドテキストの高さを取得する方法が調べられなかったためです。
どたなか　上記２点の対策方法を　ご教示頂けないでしょうか　よろしくお願い致します。

from tkinter import *
import tkinter.ttk as ttk
import tkinter.scrolledtext as tksc
import math
import datetime

class Apprication(ttk.Frame):

    global dt_now
    dt_now = datetime.datetime.now()

    def __init__(self, app):
        super().__init__(app)
        self.pack()

        btn1 = ttk.Button(self, text="Sub", command=self.openDialog)
        btn1.bind('<Return>', self.openDialog)
        btn1.pack(fill = 'x')
        btn1.focus_set()

        btn2 = ttk.Button(self, text="Quit", command=app.quit)
        btn2.bind('<Return>', lambda _: app.quit())
        btn2.pack(fill = 'x')

        self.menu()



    def focus_next(self, event):
        event.widget.tk_focusNext().focus()
        return "break"


    
    def menu(self):
        menu_top = Menu(app)
        menu_file = Menu(menu_top, tearoff=False)
        menu_open = Menu(menu_top, tearoff=False)

        app.configure(menu=menu_top, bg="#F0FFFF")

        menu_top.add_cascade (label='File(F)', menu=menu_file, underline=0)

        menu_file.add_cascade(label='Open(O)', underline=0, menu=menu_open)
        menu_open.add_command(label='Sub(S)', underline=0, command=self.openDialog)
        menu_file.add_command(label='Quit(Q)',underline=0, command=app.quit)
    




    # 子画面開く
    def openDialog(self, event=None):

        self.dialog = Toplevel(self)
        self.dialog.title("Sub Menu")

        #フォームサイズを実行端末から導き、ド真中に配置表示
        lw = math.ceil(ww * 0.408)
        lh = math.ceil(wh * 0.477)
        self.dialog.geometry(str(lw)+"x"+str(lh)+"+"+str(int(ww/2-lw/2))+"+"+str(int(wh/2-lh/2)) )

        self.dialog.configure(bg="#F0FFFF")
        self.dialog.resizable(0,0)
        self.dialog.protocol('WM_DELETE_WINDOW', (lambda: 'pass')())

        # 当該ダイアログのカーソルを変更し、関数側でもカーソルを変更できるように
        self.dialog['cursor'] = 'hand2'
        self.this = self.dialog

        # modalに
        self.dialog.grab_set()

        # コンボボックス
        db = {1:"AAA",2:"BBB",3:"CCC"}
        self.v1 = StringVar()
        cmbox1 = ttk.Combobox(self.dialog, takefocus=1, width=5, justify=CENTER, values=list(db.keys()), state='readonly', textvariable=self.v1)
        cmbox1.bind('<<ComboboxSelected>>', self.cmbox1_selected)
        cmbox1.grid(row=0, column=0, padx=(10, 0), pady=(10,0), sticky=W+E)
        cmbox1.focus_set()


        # テキストボックス
        self.txt1 = Entry(self.dialog, state="readonly", takefocus=1)
        self.txt1.grid(row=0, column=1, columnspan=7, sticky=W+E, pady=(10,0))


        # 入力枠
        self.scrtxt1 = tksc.ScrolledText(self.dialog, bg="black", fg="orange", font=("Helvetica",11), insertbackground="orange", blockcursor=True, height=6, state="disable", takefocus=1)
        self.scrtxt1.bind("<Leave>", self.scrtxt1_Chk)
        self.scrtxt1.grid(row=2, column=0, columnspan=11, sticky=W+E, padx=10)
        self.scrtxt1.bind("<Tab>", self.focus_next)


        # ★覆うキャンバス★
        global pngfile
        self.cvs = Canvas(self.dialog, height=102)       #本当は高さを直接記載したくなく、上記scrtxt1の高さから取得したい
        pngfile = PhotoImage(file='images\robot.png')
        self.cvs.create_image(0,0, image =pngfile, anchor=CENTER)  #本当は　画像の配置をキャンバスのど真ん中に配置したい
        self.cvs.grid(row=2, column=0, columnspan=11, sticky=W+E, padx=10)


        # 実行ボタン
        self.btn1  = Button(self.dialog, text='Execute', width=10, state=DISABLED, takefocus=1)
        self.btn1.grid(row=3, columnspan=11, pady=(0, 20), sticky=N)


        # 入力枠を表示・非表示の切替えチェックボックス
        self.chbox2_var = BooleanVar(self.dialog)
        self.chbox2 = Checkbutton(self.dialog, variable=self.chbox2_var, bg="#F0FFFF", command=self.chbox2_OnOff, takefocus=1)
        self.chbox2.grid(row=3, column=8, pady=(0, 20), sticky=N)


        # 閉じるボタン
        btn3 =  Button(self.dialog, text='Quit', command=self.closeDialog, width=10, takefocus=1)
        btn3.grid(row=5, column=10, pady=10, padx=(0,10))


        self.dialog.grid_rowconfigure(1, weight=1)
        self.dialog.grid_rowconfigure(3, weight=1)
        self.dialog.grid_columnconfigure(2, weight=1)




    # 子画面閉じる
    def closeDialog(self):
        self.dialog.destroy()


    # コンボボックス選択値をテキストボックス表示
    def cmbox1_selected(self, event):
        self.txt1['state'] = 'normal'
        self.txt1.delete(0, END)
        self.txt1.insert(END, self.v1.get())
        self.txt1['state'] = 'readonly'

        self.scrtxt1['state'] = 'normal'
        self.btn1_Enable()


    # SQL文の表示を許すか許さないか
    def chbox2_OnOff(self):
        if self.chbox2_var.get():
            self.pw_Open()
        else:
            self.cvs.grid()

    # パスワードのダイアログを表示
    def pw_Open(self, event=None):
        lw = math.ceil(ww * 0.1)
        lh = math.ceil(wh * 0.1)
        self.pwentry = Toplevel(self.dialog)
        self.pwentry.geometry(str(lw)+"x"+str(lh)+"+"+str(int(ww/2-lw/2))+"+"+str(int(wh/2-lh/2)))


        # gridのcolumnを伸縮可能にする
        self.pwentry.grid_columnconfigure(0, weight=1)
        self.pwentry.grid_columnconfigure(1, weight=1)


        self.txt9 = Entry(self.pwentry, show='*')
        self.btn8 = Button(self.pwentry, text="Enter!", command=self.pw_On)
        self.btn8.bind('<Return>', self.pw_On)
        self.btn9 = Button(self.pwentry, text="Cancel", command=self.pw_Off)
        self.btn9.bind('<Return>', self.pw_Off)
        self.pwentry.title("Enter the password to view SQL")
        self.pwentry.resizable(0,0)
        self.pwentry.protocol('WM_DELETE_WINDOW', (lambda: 'pass')())
        self.txt9.grid(row=0, column=0, columnspan=2, sticky=W+E, padx=10, pady=(10,0))
        self.txt9.focus_set()
        self.btn8.grid(row=1, column=0, sticky=W+E, padx=(10,0), pady=(0,10))
        self.btn9.grid(row=1, column=1, sticky=W+E, padx=(0,10), pady=(0,10))
        self.pwentry.grab_set()

    # パスワードのダイアログは本日日付８桁を 
    def pw_On(self, event=None):
        if self.txt9.get() == dt_now.strftime('%Y%m%d'):
            self.cvs.grid_remove()
            self.pwentry.destroy()
        else:
            self.chbox2.deselect()
            self.pwentry.destroy()

    # パスワードのダイアログ、キャンセルの場合閉じる
    def pw_Off(self):
        self.chbox2.deselect()
        self.pwentry.destroy()
        self.dialog.grab_set()



    # 入力枠チェック
    def scrtxt1_Chk(self, event):
        self.btn1_Enable()


    # 実行ボタンの有効化
    def btn1_Enable(self):
        if (self.scrtxt1.get('1.0', 'end -1c') != ""):
            self.btn1['state'] = 'normal'
        else:
            self.btn1['state'] = 'disable'


if __name__ == '__main__':

    #世間でいうrootをappとしています
    app  = Tk()

    #実行端末の画面サイズを取得
    ww = app.winfo_screenwidth()
    wh = app.winfo_screenheight()

    app.update_idletasks()

    #フォームサイズを実行端末から導き、ド真中に配置表示
    lw = math.ceil(ww * 0.208)
    lh = math.ceil(wh * 0.277)
    app.geometry(str(lw)+"x"+str(lh)+"+"+str(int(ww/2-lw/2))+"+"+str(int(wh/2-lh/2)) )

    #タイトルを指定
    app.title("Main Menu")

    #フォームの最大化、×ボタン操作を無効化
    app.resizable(0,0)
    #app.protocol('WM_DELETE_WINDOW', (lambda: 'pass')())

    # カーソル変更
    app["cursor"] = "hand2"

    


    menu_top = Menu(app)
    menu_file = Menu(menu_top, tearoff=False)
    menu_open = Menu(menu_top, tearoff=False)

    app.configure(menu=menu_top, bg="#F0FFFF")

    menu_top.add_cascade (label='File(F)', menu=menu_file, underline=0)

    menu_file.add_cascade(label='Open(O)', underline=0, menu=menu_open)
    menu_open.add_command(label='Sub(S)', underline=0, command="app.openDialog") 
    menu_file.add_command(label='Quit(Q)',underline=0, command=app.quit)




    # フレームを作成する
    frame =  Apprication(app)
    # 格納したTkインスタンスのmainloopで画面を起こす
    app.mainloop()

Answer 1

winfo_height() で所得できますが、少し工夫が必要で、
サイズが決まるのはレイアウトにより配置された後
__init__ が終わり mainloop() に処理が戻った後なので、

__init__ 内でサイズを得たい場合は、update()を呼び出し
先に描画を更新してから問い合わせます。

        # 入力枠
        self.scrtxt1 = tksc.ScrolledText(self.dialog, bg="black", fg="orange", font=("Helvetica",11), insertbackground="orange", blockcursor=True, height=6, state="disable", takefocus=1)
        self.scrtxt1.grid(row=2, column=0, columnspan=11, sticky=W+E, padx=10)


        self.update()
        scrtxt1_height = self.scrtxt1.winfo_height()

画像の中央配置は、create_canvas の座標を中心に置かれるので、
キャンバスの半分のサイズを指定すると中央配置になります。

Comments

[saya24]

teamiklさん　いつもご支援を頂きまして　誠にありがとうございます。
スクロールドテキストの縦サイズ、無事に取得できました。

申し訳ありません、何から何まで聞いてしまって、
>キャンバスの半分のサイズを指定すると中央配置になります

キャンバスのサイズもupdateしないと得られず、update後に.winfo_heightと.winfo_widthを２で割って座標位置を割り出す必要がある　と申されていますか？
勘違いしていないかの確認でございます...

[teamikl]

キャンバスのサイズは、
スクロールドテキストのサイズと同じになってるはずなので、
キャンバスのサイズを再確認しなくても、スクロールドテキストのサイズを使えますよ。
もし改めてキャンバスのサイズを得るならレイアウト(grid,pack)の後に、update() は必要です。

但し、注意点ですが、コンストラクタに渡す width引数 と winfo_width() で得られる値は一致するとは限りません。レイアウトの影響もありますが、
ウィジェットにより、ピクセル数だったり文字数だったりします。
Text, Entry 等のwidth は文字数・フォントサイズに影響されます。

[saya24]

>キャンバスのサイズを再確認しなくても、スクロールドテキストのサイズを使えますよ。

そうでした、widthが登場していなかったので　わざわざキャンバス側で取得しようとしてしまいました。
注意点までご教示頂き　ありがとうございます。みた感じ大満足です、今回も助けられました。