Python
 Computer >> コンピューター >  >> プログラミング >> Python

Pythontkinterボタンにスタイルを追加


Tkinterは、Pythonに基づくGUIプログラムの作成を強力にサポートしています。フォント、サイズ、色などに基づいて、Tkinterキャンバス上のボタンのスタイルを設定するさまざまな方法を提供します。この記事では、キャンバス上の特定のボタンまたは一般的なすべてのボタンにスタイルを適用する方法を説明します。

特定のボタンに適用する

キャンバスに2つのボタンがあり、最初のボタンにのみスタイルを適用したい場合を考えてみましょう。構成の一部として、フォントと前景色とともにW.TButtonを使用します。

from tkinter import *
from tkinter.ttk import *

# Set the canvas
canv = Tk()
canv.geometry('200x150')

#Create style object
sto = Style()

#configure style
sto.configure('W.TButton', font= ('Arial', 10, 'underline'),
foreground='Green')

#Button with style
btns = Button(canv, text='Welcome !',
      style='W.TButton',
      command=canv.destroy)
btns.grid(row=0, column=1, padx=50)

#Button without style
btnns = Button(canv, text='Click to Start !', command=None)
btnns.grid(row = 1, column = 1, pady = 10, padx = 50)

canv.mainloop()

出力

上記のコードを実行すると、次の結果が得られます-

Pythontkinterボタンにスタイルを追加

すべてのボタンに適用

キャンバス上のすべてのボタンに自動的に適用されるスタイルとしてTbuttonがあることを除いて、上記と同様の構成です。

from tkinter import *
from tkinter.ttk import *

canv = Tk()
canv.geometry('200x150')

#Create style object
sto = Style()

#configure style
sto.configure('TButton', font=
('calibri', 10, 'bold', 'underline'),
foreground='Green')
# button 1
btns = Button(canv, text='Welcome !',
      style='TButton',
      command=canv.destroy)

btns.grid(row=0, column=1, padx=50)

# button 2
btnns = Button(canv, text='Click to start !', command=None)
btnns.grid(row=1, column=1, pady=10, padx=50)

canv.mainloop()

出力

上記のコードを実行すると、次の結果が得られます-

Pythontkinterボタンにスタイルを追加


  1. PythonでのTkinterプログラミング

    TkinterはPythonの標準GUIライブラリです。 PythonをTkinterと組み合わせると、GUIアプリケーションをすばやく簡単に作成できます。 Tkinterは、TkGUIツールキットへの強力なオブジェクト指向インターフェースを提供します。 Tkinterを使用してGUIアプリケーションを作成するのは簡単な作業です。次の手順を実行するだけです- Tkinterモジュールをインポートします。 GUIアプリケーションのメインウィンドウを作成します。 上記のウィジェットを1つ以上GUIアプリケーションに追加します。 メインイベントループに入り、ユーザーによってトリガーされた各イベン

  2. PythonTkinterのメソッドの後

    TkinterはGUIを作成するためのPythonライブラリです。 GUIウィンドウやその他のウィジェットを作成および操作してデータやGUIイベントを表示するための多くの組み込みメソッドがあります。この記事では、afterメソッドがTkinterGUIでどのように使用されるかを見ていきます。 構文 .after(delay, FuncName=FuncName) This method calls the function FuncName after the given delay in milisecond ウィジェットの表示 ここでは、単語のリストをランダムに表示するフレームを作成しま