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

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

新規登録して質問してみよう
ただいま回答率
85.35%
Tkinter

Tkinterは、GUIツールキットである“Tk”をPythonから利用できるようにした標準ライブラリである。

ウィジェット

ウィジェットとはユーザインタフェイスの要素(GUI widget)であるか、もしくは、独立した比較的サイズの小さいソフトウェアアプリケーション(desktop widget)のことを指します。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

解決済

1回答

1738閲覧

Pythonのtkinterでレイアウトが上手くいかない

ichnd

総合スコア2

Tkinter

Tkinterは、GUIツールキットである“Tk”をPythonから利用できるようにした標準ライブラリである。

ウィジェット

ウィジェットとはユーザインタフェイスの要素(GUI widget)であるか、もしくは、独立した比較的サイズの小さいソフトウェアアプリケーション(desktop widget)のことを指します。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2021/10/17 10:10

編集2021/10/17 10:11

PythonのTkinterで、このようなコードを書いたところ、

Python

1from tkinter import * 2import tkinter.font as f 3 4root = Tk() 5root.title("CalculatorApp") 6root.geometry("250x600") 7font = f.Font(family="Lucida Console",size=20) 8 9 10label = Label(root,text="Calculator",font=font,fg="#008000",bg="#000000") 11 12button1 = Button(root,text="1",width=4,height=2,font=font,fg="#4169e1",bg="#000000",relief=SUNKEN) 13button2 = Button(root,text="2",width=4,height=2,font=font,fg="#4169e1",bg="#000000",relief=SUNKEN) 14 15label.grid(row=0,column=0) 16button1.grid(row=1,column=0) 17button2.grid(row=1,column=1) 18 19root.mainloop()

このようにウィジェットの間に余白が出来たり、Calculatorのラベルを中央に表示させたいのに端によっていたりしています。
実行結果
どのようにすれば、Calculatorのラベルを一番上の中央に置き、Buttonの余白をとれるでしょうか?frameにのせたり、gridの引数を色々と変えてみましたが、うまくいきませんでした。

気になる質問をクリップする

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

どのようにすれば、Calculatorのラベルを一番上の中央に置き、Buttonの余白をとれるでしょうか?

原因は以下です。

  • gridの(0,0)にラベル"Calculator"が配置されているが(0,1)には何も配置されていない。
  • gridの列0の幅は最も幅が広いラベル"Calculator"の幅が採用されている。

対策は二通りあります。

方法1.ラベル"Calculator"を複数列にわたって配置

現状はボタンが2列あるのでラベル"Calculator"を2列にわたって配置します。
label.grid(row=0,column=0)の引数にcolumnspan=2を加えてください。

※現状はラベル"Calculator"の幅のほうが広いようです。列を増やしていけば解決できるでしょう

方法2.フレームを分ける

ラベル"Calculator"がグリッドを使うフレームに属しているため、今回のような問題が起きます。
数値ボタンを配置するフレームを分けその中でグリッドを使います。

python

1from tkinter import * 2import tkinter.font as f 3 4root = Tk() 5root.title("CalculatorApp") 6root.geometry("250x600") 7font = f.Font(family="Lucida Console",size=20) 8 9 10label = Label(root,text="Calculator",font=font,fg="#008000",bg="#000000") 11 12frame = Frame(root) 13 14button1 = Button(frame ,text="1",width=4,height=2,font=font,fg="#4169e1",bg="#000000",relief=SUNKEN) 15button2 = Button(frame ,text="2",width=4,height=2,font=font,fg="#4169e1",bg="#000000",relief=SUNKEN) 16 17label.pack() 18frame.pack() 19 20button1.grid(row=0,column=0) 21button2.grid(row=0,column=1) 22 23root.mainloop()

投稿2021/10/17 22:58

編集2021/10/18 05:21
nomuken

総合スコア1627

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ichnd

2021/10/18 06:20

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問