Python中ttkbootstrap的介紹與基本使用

2023-01-16 14:01:16

一、什麼是ttkbootstrap？

官方檔案 [較慢]：https://ttkbootstrap.readthedocs.io/en/latest/

ttkbootstrap 是一個基於 tkinter 的介面美化庫，使用這個工具可以開發出類似前端 bootstrap 風格的 tkinter 桌面程式

二、安裝步驟

安裝命令：pip install ttkbootstrap

三、開始使用

首先對它範例化建立應用程式視窗的一些簡單介紹。

import ttkbootstrap as ttk
#範例化建立應用程式視窗,其實大部分命令與tkinter相似
root = ttk.Window(
        title="視窗名字",        #設定視窗的標題
        themename="litera",     #設定主題
        size=(1066,600),        #視窗的大小
        position=(100,100),     #視窗所在的位置
        minsize=(0,0),          #視窗的最小寬高
        maxsize=(1920,1080),    #視窗的最大寬高
        resizable=None,         #設定視窗是否可以更改大小
        alpha=1.0,              #設定視窗的透明度(0.0完全透明）
        )
# root.place_window_center()    #讓顯現出的視窗居中
# root.resizable(False,False)   #讓視窗不可更改大小
# root.wm_attributes('-topmost', 1)#讓視窗位置其它視窗之上
root.mainloop()

表籤（Label）樣式

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window()
ttk.Label(root,text="標籤1",bootstyle=INFO).pack(side=ttk.LEFT, padx=5, pady=10)
ttk.Label(root,text="標籤2",bootstyle="inverse").pack(side=ttk.LEFT, padx=5, pady=10)
ttk.Label(root,text="標籤3",bootstyle="inverse-danger").pack(side=ttk.LEFT, padx=5, pady=10)
ttk.Label(root, text="標籤4", bootstyle=WARNING, font=("微軟雅黑", 15), background='#94a2a4').pack(side=LEFT, padx=5, pady=10)
root.mainloop()
'''
# bootstyle colors
PRIMARY = 'primary'
SECONDARY = 'secondary'
SUCCESS = 'success'
DANGER = 'danger'
WARNING = 'warning'
INFO = 'info'
LIGHT = 'light'
DARK = 'dark'

# bootstyle types
OUTLINE = 'outline'
LINK = 'link'
TOGGLE = 'toggle'
INVERSE = 'inverse'
STRIPED = 'striped'
TOOLBUTTON = 'toolbutton'
ROUND = 'round'
SQUARE = 'square'
'''

按鈕（button）樣式

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window()
ttk.Button(root, text="Button 1", bootstyle=SUCCESS).pack(side=LEFT, padx=5, pady=10)
ttk.Button(root, text="Button 2", bootstyle=(INFO, OUTLINE)).pack(side=LEFT, padx=5, pady=10)
ttk.Button(root, text="Button 3", bootstyle=(PRIMARY, "outline-toolbutton")).pack(side=LEFT, padx=5, pady=10)
ttk.Button(root, text="Button 4", bootstyle="link").pack(side=LEFT, padx=5, pady=10)
ttk.Button(root, text="Button 5", bootstyle="success-link").pack(side=LEFT, padx=5, pady=10)
ttk.Button(root, text="Button 6", state="disabled").pack(side=LEFT, padx=5, pady=10) #在禁用狀態下建立按鈕
root.mainloop()

按鈕點選

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window()
#為按鈕新增點選事件
#法一
def button1():
    print("Button1點選了一下！")
ttk.Button(root,text="Button1", bootstyle=(PRIMARY, "outline-toolbutton"),command=button1).pack(side=LEFT, padx=5, pady=10)
#法二
def button2(event): #這裡要加一個引數，不然會報錯
    print("Button2點選了一下！")
    button_text = event.widget["text"] #得到按鈕上的文字
    print(button_text)
b = ttk.Button(root,text="Button2", bootstyle=(PRIMARY, "outline-toolbutton"))
b.pack(side=LEFT, padx=5, pady=10)
b.bind("<Button-1>", button2) #<Button-1>滑鼠左鍵
root.mainloop()

輸入框（Entry）樣式

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window()
e1 = ttk.Entry(root,show=None)
e1.insert('0',"預設插入內容")
e1.grid(row=5, column=1, sticky=ttk.W, padx=10,pady=10)
e2 = ttk.Entry(root,show="*",width=50,bootstyle=PRIMARY)
e2.grid(row=10, column=1, sticky=ttk.W, padx=10, pady=10)
e3_content = ttk.StringVar()
e3 = ttk.Entry(root,bootstyle='success', textvariable=e3_content).grid(row=15, column=1, sticky=ttk.W, padx=10, pady=10)
def get_entry_contetn():
    print("e1: ",e1.get())
    print("e2: ",e2.get())
    print("e3: ",e3_content.get())
ttk.Button(root,text="get_entry_contetn", bootstyle=(PRIMARY, "outline-toolbutton"),command=get_entry_contetn).grid(row=20, column=1, sticky=ttk.W, padx=10, pady=10)
root.mainloop()

文字方塊（Text）樣式

import ttkbootstrap as ttk
from ttkbootstrap.constants import *
root = ttk.Window()
text = ttk.Text(root,)
text.pack(padx=10,pady=10,fill=BOTH)
text.insert('insert','text-content 1') #插入內容
text.delete("0.0",'end') #刪除內容
text.insert('insert','text-content 2npy')
text.see(ttk.END) #遊標跟隨著插入的內容移動
root.mainloop()

其餘的都是tkinter不是特別常用或者tkinter.ttk官方教學裡面有的

參考連結：Python GUI之tkinter的面板(ttkbootstrap)打造出你的視窗之美