Tkinterを使ったGUIアプリの作り方【第2回】

どうも。ガジェット好きエンジニアのひろです。

今回はPythonのGUIライブラリTkinterを使ってラベル・ボタン表示をしてみます。

実装もそこまで難しくないので値を変更してみたりして実装しながら使い方を覚えていってください。

前回はウィンドウの表示、名称設定、大きさ設定、mainloop()メソッドについて説明しました。

前回のコードを流用しますので前回の記事ご覧になられていない方はご覧になってから読み進めていただけると理解スピードが早いと思います！

最終的には今まで説明したメソッドを使って簡単なGUIアプリを作れるような記事にしていきます。

Tkinterでのラベル表示・ボタン表示

基本的な実装

以下がラベル、ボタンを表示する基本的な実装になります。

# coding:utf-8

import tkinter

# 画面表示
root = tkinter.Tk()

# ウィンドウ名
root.title("sample")

# ウィンドウの大きさを設定
root.geometry("550x600")

# ラベル表示
Label1 = tkinter.Label(text="Hello World!")
Label1.pack()

# ボタン表示
Button = tkinter.Button(text="ボタンです")
Button.pack()

root.mainloop()

# coding:utf-8

import tkinter

# 画面表示

root = tkinter.Tk()

# ウィンドウ名

root.title("sample")

# ウィンドウの大きさを設定

root.geometry("550x600")

# ラベル表示

Label1 = tkinter.Label(text="Hello World!")

Label1.pack()

# ボタン表示

Button = tkinter.Button(text="ボタンです")

Button.pack()

root.mainloop()

実行結果は以下になります。

コード解説

ラベル表示

以下がラベルを表示する際の実装です。

# ラベル表示
Label1 = tkinter.Label(text="Hello World!")
Label1.pack()

# ラベル表示

Label1 = tkinter.Label(text="Hello World!")

Label1.pack()

こちらの２行で実行結果のHello World!がウィンドウに表示されます。

pack()は自動的に位置を揃えてウィンドウに表示するためのメソッドです。

そのためこの記載がないとラベルが表示されません。

任意の位置に表示したい場合は以下のような実装を行ってください。

# ラベル表示
Label1 = tkinter.Label(text="Hello World!")
Label1.place(x=100, y=50)

# ラベル表示

Label1 = tkinter.Label(text="Hello World!")

Label1.place(x=100, y=50)

place(x=表示したいx座標、y=表示したいy座標）を使用することで任意の位置にラベルを表示することができます。

この場合はpackメソッドは呼ばなくて平気です。

あくまでpackは自動的に位置を決めてウィンドウに表示してくれいるためです。

今回は場所を指定してウィンドウに表示するという機能のメソッドなのでpackは必要ありません。

文字の色

文字の色や文字の背景色を変更したいときは以下の実装になります。

# ラベル表示
Label1 = tkinter.Label(text="Hello World!", foregroun='#ff0000', background='#ffd900')
Label1.place(x=100, y=50)

# ラベル表示

Label1 = tkinter.Label(text="Hello World!", foregroun='#ff0000', background='#ffd900')

Label1.place(x=100, y=50)

Labelメソッドにオプションを付けることで上記のように文字の色を変更したり、文字の背景色を変更することができます。

foregroun : 文字の色変更

background : 文字の背景色を変更

=の後ろはカラーコードを入力すればよいです。カラーコードを変更して実際に色が変わることを自分の環境で確認してみましょう！

ボタン表示

以下がボタンを表示する際の実装です。

# ボタン表示
Button = tkinter.Button(text="ボタンです")
Button.pack()

# ボタン表示

Button = tkinter.Button(text="ボタンです")

Button.pack()

ボタンの表示も使用するメソッドが違うだけで使い方は一緒です。

こちらもpackメソッドを読んでウィンドウに表示してもらいます。

ボタンの幅

ボタンの幅を変更したい場合は以下のように実装します。

# ボタン表示
Button = tkinter.Button(text="ボタンです", width=45)
Button.pack()

# ボタン表示

Button = tkinter.Button(text="ボタンです", width=45)

Button.pack()

一番最初の実装結果のボタンの大きさと比べるとだいぶ大きくなりました。

widthでボタンの幅を設定することができます。

勘が鋭い方はheghtで高さを変更できる？と思ったかもしれません。

まさにそうです。height=20などと設定すると高さも変更する事ができます。

# ボタン表示
Button = tkinter.Button(text="ボタンです", width=45, height=20)
Button.pack()

# ボタン表示

Button = tkinter.Button(text="ボタンです", width=45, height=20)

Button.pack()

ボタンの位置もラベルの時と同様にplaceメソッドを使用して表示位置を変更することができます。

placeメソッドを使うときはpackメソッドは不要なことを忘れないようにしてください！

ボタンが押されてからの処理は別の記事で書きます！

Tkinterでのラベル表示・ボタン表示のまとめ

ボタン表示・ラベル表示の仕方は以下になります。

ラベル表示はLabelメソッドを使用して
　引数を増やすことによって色々なオプションが付けられる。
ボタン表示はButtonメソッドを使用する。
またwidth、heightを引数として渡すことで幅と高さを変更できる。
どちらの表示もplaceメソッドで任意の位置に配置することができる。
その際はpackメソッドは呼び出し不要

今回はラベル表示・ボタン表示について記事にしました。

ラベルを表示した横にボタンを用意してボタンの文言を「投稿」などにすればよく見る投稿画面を作ったりできます。

今回ボタンが押されたからの処理は書いていないのでボタンを押しても何も怒らないですが、処理は別の記事解説していきます。

ここまで読んでくださりありがとうございました。

合わせて読みたい記事

技術系

2020/8/22

駆け出しエンジニアがスキルアップする方法3選ご紹介！

どうも。ガジェット好き組み込みエンジニアのひろです。今回の記事では僕がスキルアップするために実施してきたおすすめの方法3つご紹介します。ご紹介する方法を1年間コツコツやっていた事でコード解析、実装力がある程度ついてきたと思います。具体的にやってきたことは以下になります。毎日Qiitaのトレンド記事を読む隙間時間さえあればGitHubでのコード解析テック系のニュース記事を読み漁る簡単に僕の実績をご紹介します。 2019年の4月に新卒でIT企業に入社プログラミング経験はあったが、3回程挫折 ...

2020/8/16

上手にスイッチをオンに切り替える５つの方法　これで仕事もプライベートも充実間違えなし！

どうも。ガジェット好き組み込みエンジニアのひろです。皆さんはオンとオフの切り替えはしっかりと出来ているでしょうか？オンとオフの切り替えができていないとダラダラ仕事をやってしまうことになります。この記事ではオンとオフの切り替える５つの方法をご紹介します。今回は以下について記事にします。時間を区切ってオン・オフをはっきりさせる。どうしてもスイッチが入らない時は気分転換する寝る前か起きてすぐタスク出しを行う仕事後にプライベートの予定を入れておく夜いろいろ考えてしまう場合は日記を書く目次1 仕 ...

2020/6/18

作業の手戻りを少なくするコツを掴んで多くの作業時間を確保する方法

どうも。ガジェット好き組み込みエンジニアのひろです。皆さんは作業などをしている時に手戻りは発生してますか？僕はよく現場で手戻りが発生して時間を無駄にしてしまっています。ですが、ある事をやりはじめたことによって無駄な時間を減らす事ができました。この記事を読むことで得られることは以下になります。手戻りの時間を減らす方法自分の行動を意識的に分析できる無駄な時間が減ることで自由な時間を増やせる目次1 無駄な時間とは？1.1 無駄な時間をできるだけなくすにはどうすれば良い？2 手戻りを ...

2021/4/29

おうち時間を有効に使って充実した生活を送るための説明書

みなさんお久しぶりです。現在Webエンジニアとして働いています、ひろです。ここ最近モバイルの技術を見つけたくてFlutterでアプリ開発しております。みなさんは最近新しいことに挑戦できてますか？突然ですが、みなさんはおうち時間をどのようにお過ごしでしょうか？コロナ禍で在宅での仕事が増えたり、何かとオンラインで物事を進めたりするうちに自宅にいる時間が増えたと思います。そんな中、おうち時間をどのようにして過ごすか悩んでいる方を時々見かけます。おうち時間について悩みを抱えている方の中には以下のようなも ...

2021/4/21

副業にメリット・デメリットとは？理解を深めて上手に副業しよう！

みなさんお久しぶりです。現在フルスタックエンジニアとして働いています、ひろです。最近はマイクロサービスの基盤構築の企画からリリース対応まで担当して少しだけスキルアップしました！さて、最近副業が当たり前になってきていますが、みなさんは副業を行う上でメリットやデメリットを考えて副業をしていますか？この記事では副業のメリット・デメリットについて解説していきたいと思います。副業のメリット・デメリットと聞くとどのようなことを考えますか？僕はみなさんの中で以下のような悩みがあると思います。副業をする上での ...

2021/3/1

副業の始め方を理解して自分にあった副業を始めてみよう！

みなさんお久しぶりです。現在Webエンジニアとして働いています、ひろです。今年に入ってアパレルブランドを再度立ち上げました笑気になる方は以下のこちらから遊びに来てもらえると嬉しいです！突然ですが、皆さんは副業を初めてみたいと思ったことはありませんか？副業を始めたいと思っている方の中には以下の悩みがあると思います。副業の始め方がわからない本業に時間を取られていて時間がない確定申告の仕組みがいまいちわからない（別記事で紹介します！）副業したいと思ってもなかなか手を出せない方もいると思います。 ...

2021/2/6

効率よく時間を使って自由な時間を多く確保する方法とは？

みなさんお久しぶりです。現在Webエンジニアとして働いています、ひろです。 2020年までは組み込みエンジニアとして活動していましたが、 2021年からは別の企業でWebエンジニアとして活動しています。突然ですが、皆さんは時間を効率よく使って自分の時間を作っていますか？時間を効率良く使えなくて困っている方には以下のような悩みがあると思います。自分のやりたい事に手がまわらない睡眠時間が十分に取れない勉強が捗らないこの記事を読むことによってこのような事について知ることができます。効率よく時間を ...

2021/1/3

2021年の目標を発表！皆さんも目標を共有して見ませんか？

あけましておめでとうございます。今年からWebエンジニアとして働きます、ひろです。皆さんは1年間の目標は決めましたか？僕は昨年達成できなかった目標を改良し、更に細分化して具体的に何をするかまで落とし込み目標を立てました。今回はなぜ目標を共有する必要があるのかを解説し、合わせて僕の今年の目標を共有したいと思います。その前に初めましての方がいると思いますので簡単に僕について紹介します。 4年制大学　電気電子工学専攻　卒業卒業後は大手IT企業へ就職 2019/7〜2020/12まで組み込みエンジニア ...

2020/12/28

Web未経験でも転職できるのか？短期間で納得いく転職先の決める方法をご紹介！

どうも。久しぶりの更新になります。現在組み込みエンジニアとして活動しています、ひろです。皆さんは現状の仕事に満足していますか？僕は来年の１月からWeb系エンジニアにジョブチェンジをします。不満があったわけではないのですが、もっとモダンな開発がしたかったので転職を決めました。 Web系の業務は未経験のため転職活動で苦労するかなと思ったのですが、これから記事にする内容を準備したことで約１ヶ月で終了させることができました。僕が実際に受けた企業数は７社程度で実際に面接をした企業は4社、最終的に内定を頂い ...

2020/9/27

効率よくプログラミング学習を進める方法をご紹介！

どうも。ガジェット好き組み込みエンジニアのひろです。プログラミング初学者の方で以下のような悩みを抱えている方はいませんか？何をどのように進めていいのかわからない未経験でプログラミングの勉強を始めたけど効率の良い学習方法がわからない。オリジナル制作物を作る際の進め方がわからないこの記事を読むことによって以下のことについて知ることができます。プログラミングの勉強の仕方学習効率の上げ方オリジナル制作物を作る際の開発効率の上げ方一番初めに記載しましたが、僕は現役で組み込みエンジニアをしています ...

2020/8/22

駆け出しエンジニアがスキルアップする方法3選ご紹介！

2020/8/16

上手にスイッチをオンに切り替える５つの方法　これで仕事もプライベートも充実間違えなし！

2020/6/18

作業の手戻りを少なくするコツを掴んで多くの作業時間を確保する方法

2021/4/29

おうち時間を有効に使って充実した生活を送るための説明書

2021/4/21

副業にメリット・デメリットとは？理解を深めて上手に副業しよう！

2021/3/1

副業の始め方を理解して自分にあった副業を始めてみよう！

2021/2/6

効率よく時間を使って自由な時間を多く確保する方法とは？

2021/1/3

2021年の目標を発表！皆さんも目標を共有して見ませんか？

2020/12/28

Web未経験でも転職できるのか？短期間で納得いく転職先の決める方法をご紹介！

2020/9/27

効率よくプログラミング学習を進める方法をご紹介！

2020/8/22

駆け出しエンジニアがスキルアップする方法3選ご紹介！

2020/8/16

上手にスイッチをオンに切り替える５つの方法　これで仕事もプライベートも充実間違えなし！

2020/6/18

作業の手戻りを少なくするコツを掴んで多くの作業時間を確保する方法

2019/12/24

[就活生必見！]避けては通れない面接のコツ

まず以下の記事を読んでいない方は読んでいただけると就職活動をスムーズに進められるかと思います。【就職活動】就職活動でかかったお金について［就活生必見］合同説明会と単独説明会の違いは？ [就活生必見！]履歴書の書くコツ今回は避けては通れない面接についてコツを説明して行きます目次1 私の面接を受けた企業数2 面接のコツ2.1 慣れるためには？2.2 グループ面接の練習2.3 面接で話すこと3 面接本番で意識すること4 面接時のマナーについて5 まとめ私の面接を受けた企業 ...

2019/12/24

［就活生必見］合同説明会と単独説明会の違いは？

まず初めに以下の二つの記事を読んでない方は一回読んでみてください【就職活動】就職活動でかかったお金について [就活生必見！]履歴書の書くコツ「会社説明会」そんなのわかっているよと思う方も多いと思いますが、二つの種類の説明会を私の感じたメリット、デメリットを含めて紹介します。目次1 説明会の種類1.1 合同説明会1.2 単独説明会2 メリット2.1 合同説明会2.2 単独説明会3 デメリット3.1 合同説明会3.2 単独説明会4 まとめ説明会の種類説明会は大きく２種類に分かれま ...

2019/12/24

[就活生必見！]履歴書の書くコツ

就職活動がそろそろ始まるという頃に絶対に避けられないものがありますよね？そうです。履歴書です。バイトなどしている方は何回か書いたことがあると思いますが、全然ない方にとってどうやって書けばいいんだろう？と疑問を持つと思います。今回は私が就活生時代経験したことを踏まえて履歴書の書くコツを紹介して行きたいと思います。目次1 私の就職活動2 履歴書を書くコツ2.1 自己分析2.2 出来事を簡潔に具体的に書く2.3 相手に私は何ができるかということを伝える2.4 まとめ私の就職活動本格的に就職活動とい ...

2020/5/16

初対面でも雑談ができる？簡単なコツさえ掴めばだれてもできる！

どうも。ガジェット好き組み込みエンジニアのひろです。皆さんは初対面の方と雑談するのは得意でしょうか？僕はあまり得意ではありません。ですがちょっとしたコツを掴むことで長い時間雑談することができるようになりました。このツイートでコツを簡単に説明しましたが詳しく解説します！／初対面の人と話すときはその人の好きなもの、得意なものを聞き出し深掘りして行こう＼僕は初対面の人と会った時は、その人が好きな事を聞き出します！その話について小さなことでも気になった事は質問することで相手は自分の好き事を話 ...

2019/12/24

私流効率的なノートの使い方

どうも。ひろです。最近ふとしたことをiPhoneのメモに残すのが日課になってきています。皆さんはメモとノートの違いについてわかりますか？今回はメモとノートの違いについてお話ししていき、私流のノートの活用の仕方を記事にします。目次0.1 メモとノートの違い1 メモ2 ノート3 結論3.1 ノートの活用方法4 １冊にまとめる5 日付を記入する6 空き時間で読み返す6.1 まとめメモとノートの違いまずはメモとノートの違いについて説明します。外観的な違いとして、大きさがありますがもう少し中身的な違 ...

2019/12/24

【社会人目前の方必見】私が感じる学生と社会人の大きな違い

どうも、ひろです。大学4年生の方は時間がたくさんあり、社会人になる前にやりたいことをやっているという感じでしょうか？私の大学4年生の思い出は理系だったので卒業研究の論文の1次提出があり、とても焦っていた記憶があります。卒論出した後は卒業旅行の計画であったりプログラミングの勉強をしていました。社会人になる直前って不安がたくさんありますよね？私も起きれるかどうか、ちゃんと仕事できるのか、自由な時間はあるのかと不安でいっぱいでした。今回は社会人目前の大学生に向けて社会人と学生の違いを記事にしてい ...

2019/12/24

思考力を鍛えることにやったこと

どうも。ひろです。最近思考力が全然ないと思い、こちらの本を読みました。こちらに書いてある事を実際にやってみて一か月経ちました。やる前となにが変わったのかお話します。今回は経験談が多くなってしまいますが、ご了承ください。目次1 思考力とは？2 具体的に何したか？2.1 寝る前にすべて書き出す2.2 そこから話を広げる3 変わったこと3.1 とりあえず書き出すようになった3.2 頭がスッキリしている4 まとめ思考力とは？思考力とは、簡単にいうと本を書いた作者などから学ぶことをインプットに、学 ...

2019/12/24

メモを取ることの重要性

どうもひろです。最近仕事でもプライベートでもよくメモをとっています。みなさんはメモをたくさんとっているでしょうか？忘れちゃいけないことだけをメモしている方は多いのではないでしょうか？私はそれ以外にも日常で感じたこと、気づいたことについてもメモするようにしています。メモをすることで頭の中がスッキリすることはご存知でしょうか？メモの重要性についてお話ししていきます。目次1 人間の脳について1.1 メモとは2 メモする内容2.1 重要なこと2.2 今の自分の感情2.3 ふとしたアイディア3 紙のメ ...

2019/12/24

本はアナログ派？デジタル派？本を読むことによって得る知識について

みなさんこんにちは。最近朝と夜冷え込んできていてお布団から離れられないひろです。さて今回は最近インプットの手段として読書を積極的にしています。読書を習慣化して約１ヶ月立ちます。読書をすることで人は少しずつですが成長することができると思います。私自身の読書をする前としている今で変わったことについてお話ししていきます。目次1 私の過去の読書に対する考え方1.1 本を買ってからのモチベーション1.2 本を読み終えた後2 現在の読書状況3 本は基本デジタル3.1 技術書はデジタルをお勧めしない4 読書 ...

2019/12/24

[就活生必見]就職活動についてのまとめ

今まで、就職活動についてお金・面接・履歴書・説明会について記事にしてきました。まだ読んでいない方は一度読んでみてください。【就職活動】就職活動でかかったお金について [就活生必見！]履歴書の書くコツ［就活生必見］合同説明会と単独説明会の違いは？ [就活生必見！]避けては通れない面接のコツ全体を通して就職活動前に意識すべきこと、やるべきことが３点あります。自己分析業界研究早めの行動この３点について解説していきます。目次1 自己分析1.1 自己分析をしっかりできていないと2 業 ...