質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.80%

tkinterのpackが正常に動かない

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 1,267

KakkyPG

score 20

実現したいこと

「ほげ」と書いてあるボタンが右寄せで出てきて、それを押したら
「ぴよ」と書いてあるボタンが右寄せで「ほげ」の下に出てくる

発生している問題

「ぴよ」が「anchor=Tk.W」を無視して中央に出てくるのですが、どうすれば正常に動きますか。ちなみにanchor以外の引数も無視されますしgridやplaceを使ってもだめでした。エラーメッセージは出ていません。

該当のソースコード

import tkinter as Tk

class App(Tk.Frame):

    def __init__(self, master=None):
        Tk.Frame.__init__(self, master)
        Tk.Button(text='ほげ', command=self.btn_event).pack(anchor=Tk.W)

    def btn_event(self):
        Tk.Button(self, text='ぴよ').pack(anchor=Tk.W)

if __name__ == '__main__':

    mm = App()
    mm.pack()
    mm.mainloop()
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

どうすれば正常に動きますか。

最初にちょっと脱線ですが「正常に動かない」と言いたくなる気持ち自分にもわかります。「なぜ自分が指定したとおりに配置しないんだtkinterよ...」と言いたくなりますね。しかし自分はGUIアプリ作成を通じて「GUIシステムはあくまで自分の指示通りに動いているだけで、原因のほぼ100%が自分の仕様把握不足や注意不足に起因する」ということを学びました。ここは冷静に「どういう具合にレイアウトされているか」を確認するのがよいと思います。

まず書いた通りに正常に動いていることを示します。

それを示すためにレイアウトが行われている様子をデバッグプリントしてみました。

import tkinter as tk


class App(tk.Frame):
    def __init__(self, master=None):
        tk.Frame.__init__(self, master)
        dbg_conf(self)
        b1 = tk.Button(text='ほげ', command=self.btn_event)
        dbg_conf(b1)
        b1.pack(anchor=tk.W)

    def btn_event(self):
        b2 = tk.Button(self, text='ぴよ')
        dbg_conf(b2)
        b2.pack(anchor=tk.W)


def dbg_conf(w):
    w.bind('<Configure>', on_conf)


def on_conf(ev):
    print(f"widget={ev.widget} width={ev.width} height={ev.height} x={ev.x} y={ev.y}")


if __name__ == '__main__':
    mm = App()
    mm.pack()
    mm.mainloop()


(自分はtkinterの別名をTkじゃなくてtkとする習慣なので回答のコードではそう変えさせていただきました。)

===>

# 初期レイアウト動作

widget=.!button width=31 height=26 x=0 y=0         <--(B1)
widget=.!app width=1 height=1 x=59 y=26            <--(A1)

# ボタンを押したときに起きるレイアウト動作

widget=.!app.!button width=1 height=1 x=0 y=0     <--(B2)
widget=.!app width=30 height=26 x=45 y=26         <--(A2)
widget=.!app.!button width=30 height=26 x=0 y=0   <--(B2)

(B1), (B2)のxに着目してください。いずれも親に対してx座標が0、すなわち最西端に配置されてます。これはanchor=tk.Wの仕様通りです。

期待通りでない原因(+α)

  • (1) b2のの配置
    b2はAppフレームの子供となっています。Appフレームのpackには何も指定してないのでデフォルト動作として親(所謂rootウィンドウ)に対して水平方向中央に配置されます。またAppフレームの大きさはb2を配置するのに必要最小限の大きさになります。つまりb2自体はAppフレームの最西端に配置されるのですが、Appフレームの方がrootに対して中央に配置されているので結局b2はウィンドウの左端には配置されなくなります。

  • (2) b1の配置
    こちらは原因とはちょっと違いますが・・・
    b1はroot直下に配置されてます。Appフレームのpackはb1より後なのでrootに対してb1, Appフレームの順に並びます。まずこの階層自体が意図通りではないと思います。本当は
    tk.Button(text='ほげ', command=self.btn_event)
    ではなく
    tk.Button(self, text='ほげ', command=self.btn_event)
    のつもりだったのではないでしょうか?

対処案

対処方法は一通りではありませんが、一例をあげると

(1) Appフレームはpack(fill=tk.BOTH)で配置する
こうすればAppフレームがボタンの大きさではなくrootウィンドウの大きさに合わせて広がってくれます。

(2) b1もAppフレームの子供にする
(1)だけでも見た目は期待どおりになりますが気持ち悪いので・・・


Windows 10, CPython 3.7, Tcl/Tk 8.6

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/04/24 21:47

    色々教えていただきありがとうございました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.80%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る