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

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

今回はPythonのTkinterライブラリを使うシリーズ第4回です。

最終的には実際に記事に出てきた技術を駆使してGUIアプリを作るようなシリーズになっています。

作ってみたいという方はぜひシリーズ最後までお付き合いいただけると幸いです。

前回はボタン処理について説明しました。

今回のテーマは「文字入力と取得」について解説していきます。

今回も同様に実装のサンプルを用いてコードの解説をしていきたいと思います。

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

またソースコードはこちらをクローンして確認程度に使ってください！

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

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

Tkinterでの文字入力・取得

全体実装

以下が前回までの実装に文字入力・取得機能を追加した全体の実装です。

今回の実装では文字入力をして合計表示ボタンを押下したときに押された回数と入力された文字を出力するような実装にしています。

# coding:utf-8

import tkinter
from tkinter import messagebox as tkMessageBox

count = 0
StringBox = 0

class ButtonFunction():
	# ボタン押下時カウントがいくつか表示する
	def Total(event):
		inputString = StringBox.get()
		tkMessageBox.showinfo('確認', '合計=' + str(count) +'押されました.\n[message]' + inputString)

	# ボタンが押されたら+1する関数
	def CountUp(event):
		global count
		count += 1
		CountLabel['text'] = str(count)

	# ボタンが押されたら-1する関数
	def CountDown(event):
		global count
		if count > 0:
			count -= 1
		CountLabel['text'] = str(count)

def Display():
	global CountLabel
	global StringBox
	# 画面表示
	root = tkinter.Tk()

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

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

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

	CountLabel = tkinter.Label(text='0')
	CountLabel.pack()
		
	# ボタン表示
	TotalButton = tkinter.Button(text="合計表示")
	TotalButton.bind("<Button-1>",ButtonFunction.Total)
	TotalButton.place(x=245,y=80)

	CountButton = tkinter.Button(text='カウントアップ')
	CountButton.bind("<Button-1>", ButtonFunction.CountUp)
	CountButton.place(x=170, y=50)

	CountButton = tkinter.Button(text='カウントダウン')
	CountButton.bind("<Button-1>", ButtonFunction.CountDown)
	CountButton.place(x=285, y=50)

	# エントリーボックス表示
	'''
	日本語入力だと確定前の文字が表示されない
	'''
	StringBox = tkinter.Entry(width=50)
	StringBox.place(x=50, y=110)
	root.mainloop()

if __name__ == '__main__':
	Display()

# coding:utf-8

import tkinter

from tkinter import messagebox as tkMessageBox

count = 0

StringBox = 0

class ButtonFunction():

# ボタン押下時カウントがいくつか表示する

def Total(event):

inputString = StringBox.get()

tkMessageBox.showinfo('確認', '合計=' + str(count) +'押されました.\n[message]' + inputString)

# ボタンが押されたら+1する関数

def CountUp(event):

global count

count += 1

CountLabel['text'] = str(count)

# ボタンが押されたら-1する関数

def CountDown(event):

global count

if count > 0:

count -= 1

CountLabel['text'] = str(count)

def Display():

global CountLabel

global StringBox

# 画面表示

root = tkinter.Tk()

# ウィンドウ名

root.title("sample")

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

root.geometry("550x600")

# ラベル表示

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

Label1.pack()

CountLabel = tkinter.Label(text='0')

CountLabel.pack()

# ボタン表示

TotalButton = tkinter.Button(text="合計表示")

TotalButton.bind("<Button-1>",ButtonFunction.Total)

TotalButton.place(x=245,y=80)

CountButton = tkinter.Button(text='カウントアップ')

CountButton.bind("<Button-1>", ButtonFunction.CountUp)

CountButton.place(x=170, y=50)

CountButton = tkinter.Button(text='カウントダウン')

CountButton.bind("<Button-1>", ButtonFunction.CountDown)

CountButton.place(x=285, y=50)

# エントリーボックス表示

'''

日本語入力だと確定前の文字が表示されない

'''

StringBox = tkinter.Entry(width=50)

StringBox.place(x=50, y=110)

root.mainloop()

if __name__ == '__main__':

Display()

実行結果

合計ボタン押下前

合計ボタン押下後

コード解説

文字を入力する欄の表示の実装

以下が文字を入力する欄を表示する実装となります。

# エントリーボックス表示
	'''
	日本語入力だと確定前の文字が表示されない
	'''
	StringBox = tkinter.Entry(width=50)
	StringBox.place(x=50, y=110)

# エントリーボックス表示

'''

日本語入力だと確定前の文字が表示されない

'''

StringBox = tkinter.Entry(width=50)

StringBox.place(x=50, y=110)

TkinterのメソッドEntryを使うことで文字入力欄を表示することができます。

今まで通り引数widthで幅を決めることができます。Entryでは高さは設定できないみたいです。

また違うメソッドを使うことで高さと幅を設定し文字を取得することができますのでそちらの解説も別の記事でしようと思います。

コメントに日本語入力〜と書いてありますが、Tkinterの不具合で日本語の入力の際未確定の文字は表示されず、

変換など確定した時点で表示されるようになっているそうです。

なにか解決策があればその都度実装を変更していきます。

文字を取得する実装

以下が入力欄に入力された文字を取得し表示する実装です。

# ボタン押下時カウントがいくつか表示する
	def Total(event):
		inputString = StringBox.get()
		tkMessageBox.showinfo('確認', '合計=' + str(count) +'押されました.\n[message]' + inputString)

# ボタン押下時カウントがいくつか表示する

def Total(event):

inputString = StringBox.get()

tkMessageBox.showinfo('確認', '合計=' + str(count) +'押されました.\n[message]' + inputString)

前回までの合計ボタンが押下されたときに表示するアラートに処理を追加したような形になります。

今回変数inputStringに入力された文字列を格納しています。

また、今回の実装の際にクラスにまとめてしまったのでStringBoxという変数を参照することができなくなってしまった為、

グローバル変数として使用しています。

グローバル変数にすることによってプログラムが開始されたときに値が保持されどのクラスからもその変数を参照することが可能になります。

showinfoメソッドの中の'\n'は改行コードと呼ばれるものになります。

こちらを記載するとこの位置で改行してくれるので、長くなってしまう文章などは\nを入れて改行し見やすい文章を表示するようにしましょう！

Tkinterでの文字入力・取得の実装のまとめ

文字入力・取得の実装についてのまとめです。

文字入力欄はEntry()メソッドを使用して表示する。
入力された文字はget()メソッドで取得し変数に代入して使用する。
Entry()メソッドのオプションで高さは設定することはできない。

今回の文字入力についてはそこまで難しくなかったと思います。

ただEntryメソッドだと高さを設定できないので別の記事で高さも設定できるメソッドを紹介します。

文字を取得できるようになったのでボタンが押されたら文字を取得してテキストファイルで書き出すなどの処理を実装できるようになりました！

ぜひやってみて見ください！

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

合わせて読みたい記事

技術系

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選ご紹介！

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

2020/8/16

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

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

2020/6/18

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

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

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 業 ...

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 まとめ私の就職活動本格的に就職活動とい ...

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

Tkinterでの文字入力・取得

全体実装

実行結果

合計ボタン押下前

合計ボタン押下後

コード解説

文字を入力する欄の表示の実装

文字を取得する実装

Tkinterでの文字入力・取得の実装のまとめ

合わせて読みたい記事

技術系

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

日常ノウハウ

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有:

共有: