Python入門から応用までの学習サイト


StaticText

wxPythonに限らず、全てのGUIアプリケーションにおいて使用頻度が高いであろうStaticTextの使用方法です。固定の文字列を表示する事が出来るので、表題や説明書きなどで幅広く活躍するでしょう。

基本的な使い方

パネルへStaticTextを追加しています。引数には(親ウィンドウ、識別子、ラベル)の順番で渡しています。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

wxPython_statictext_01



ラベル設定

先程のサンプルでは初期化時にラベル（StaticTextに表示される文字）を指定していました。 当然ラベルを変更するメソッドも用意されており、状況によって文字列を変更する事も可能です。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

s_text_3.SetLabel("Text3")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

s_text_3のラベルが「テキスト３」ではなく「Text3」となりました。

wxPython_statictext_02



フォント設定

StaticTextのフォント（文字の大きさや太字設定）を変更するには「SetFont」を使用します。17行目にて使用するFontクラスを初期化しています。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

font = wx.Font(20, wx.FONTFAMILY_DEFAULT, wx.FONTSTYLE_NORMAL, wx.FONTWEIGHT_NORMAL)
s_text_3.SetFont(font)

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

「テキスト３」の文字の大きさを変更しました。

wxPython_statictext_03



文字色設定

StaticTextの文字色の変更には「SetForegroundColour」を使用します。サンプルでは黒(デフォルト色)から赤へ変更しています。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

s_text_3.SetForegroundColour("#FF0000")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

「テキスト３」文字色を赤へ変更しました。

wxPython_statictext_04



背景色設定

StaticTextの背景色の変更は「SetBackgroundColour」を使用します。下記サンプルでは青へ変更しています。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

s_text_3.SetBackgroundColour("#0000FF")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

「テキスト３」背景色を青へ変更しました。

wxPython_statictext_05



ツールチップ設定

StaticTextへツールチップ（補足情報を載せる小さいウィンドウ）を表示させるには「SetToolTipString」を使用します。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

s_text_3.SetToolTipString("python-izm.com")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1)
layout.Add(s_text_2)
layout.Add(s_text_3)
layout.Add(s_text_4)
layout.Add(s_text_5)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

「テキスト３」の上にマウスカーソルを載せると、メッセージが出るようになります。

wxPython_statictext_06



表示・非表示設定

StaticTextを非表示にするには「Hide」を使用しましょう。 非表示状態のStaticTextを表示させるには「Show」を用います。 なおStaticTextは「見えない」だけで本体は存在しています。非表示状態のStaticTextに対してラベル設定をしたりする事も可能です。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

s_text_3.Hide()
#s_text_3.Show()

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1, flag=wx.GROW)
layout.Add(s_text_2, flag=wx.GROW)
layout.Add(s_text_3, flag=wx.GROW)
layout.Add(s_text_4, flag=wx.GROW)
layout.Add(s_text_5, flag=wx.GROW)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

「テキスト３」が隠れています。

見えないだけなのでプログラム上で操作してもエラーとはなりません。

wxPython_statictext_07



文字寄せ

文字列の左寄せ、右寄せ、中央寄せを設定するには「style」を渡します。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, u"テキスト３", style=wx.TE_LEFT)
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４", style=wx.TE_CENTER)
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５", style=wx.TE_RIGHT)

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1, flag=wx.GROW)
layout.Add(s_text_2, flag=wx.GROW)
layout.Add(s_text_3, flag=wx.GROW)
layout.Add(s_text_4, flag=wx.GROW)
layout.Add(s_text_5, flag=wx.GROW)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

テキスト３を左寄せ、テキスト４を中央寄せ、テキスト５を右寄せにしました。指定無しの場合はデフォルトで左寄せが適用されます。

wxPython_statictext_08



レイアウトでの小技

空文字のStaticTextを用いてレイアウトの微調整を行う事が可能です。画面上では何も存在していないように見えるので、１行分空いているかのように配置されます。

# -*- coding: utf-8 -*- 

import wx

application = wx.App()
frame = wx.Frame(None, wx.ID_ANY, u"テストフレーム", size=(300,200))

panel = wx.Panel(frame, wx.ID_ANY)
panel.SetBackgroundColour("#AFAFAF")

s_text_1 = wx.StaticText(panel, wx.ID_ANY, u"テキスト１")
s_text_2 = wx.StaticText(panel, wx.ID_ANY, u"テキスト２")
s_text_3 = wx.StaticText(panel, wx.ID_ANY, "")
s_text_4 = wx.StaticText(panel, wx.ID_ANY, u"テキスト４")
s_text_5 = wx.StaticText(panel, wx.ID_ANY, u"テキスト５")

layout = wx.BoxSizer(wx.VERTICAL)
layout.Add(s_text_1, flag=wx.GROW)
layout.Add(s_text_2, flag=wx.GROW)
layout.Add(s_text_3, flag=wx.GROW)
layout.Add(s_text_4, flag=wx.GROW)
layout.Add(s_text_5, flag=wx.GROW)

panel.SetSizer(layout)

frame.Show()
application.MainLoop()

--実行結果--

テキスト２とテキスト４の間に空文字のStaticTextが入っています。

wxPython_statictext_09




Python
スタートブック


入門 Python 3


Effective
Python


ゼロから作るDeep Learning
Pythonで学ぶディープラーニング
の理論と実装
 
 
 
 

GUIアプリには最早必須です！

▶GUI：CheckBox



確かな力が身につく
Python「超」入門


入門編
基礎編
応用編
外部ライブラリ
数値解析
cgi
mod_wsgi
テンプレートエンジン
GUI
その他



P  R