1.引言：

在之前文章中介绍到ttkbootstrap：

https://mp.weixin.qq.com/s/zXJ3neKA7OTCUI4afao22w

现ttkbootstrap 设计师升级到v2.8.6引入了更多标准控件，如按钮、输入框、下拉菜单等。这些控件不仅拥有简洁而现代的外观，而且还具备高度可定制性。设计师可以根据自己的风格和需求，轻松调整控件的样式、尺寸和布局，从而实现独特的设计效果。

除了新增的控件，ttkbootstrap 设计师升级还为设计师提供了更多的控件属性和方法。这些属性和方法使得设计师能够更精细地控制控件的外观和行为。例如，设计师可以通过属性来设置按钮的颜色、背景图像和边框样式，以及通过方法来监听按钮的点击事件和执行自定义动作。这些功能为设计师提供了更大的创意自由度和交互性。

2. 支持的控件

1.目前支持的控件看下图示例：

2. 所有这些控件都是通过ttkbootstrap 设计师拖拉设计属性所得，比如下面设计按钮控件：

3. 注册界面例子

通过ttkbootstrap 设计师 制作一个注册界面只需要几分钟时间

以下是生成的tkkbootstrap代码：

import tkinter as tk
import ttkbootstrap as ttk
from PIL import ImageTk, Image
from ttkbootstrap.constants import *
from ttkbootstrap.dialogs import Messagebox as msgbox


root = ttk.Window(themename="litera", title="注册", size=(340, 402), hdpi=False, resizable=(False, False) )
root.place_window_center()
style = ttk.Style()
style.configure("TRadiobutton", font=("Segoe UI" , 12))
radiobutton2 = ttk.Radiobutton(text="女", value=2, bootstyle="primary")
radiobutton_checkedIndex = ttk.IntVar()
radiobutton2.configure(variable=radiobutton_checkedIndex)
radiobutton2.place(relx=191/340, rely=187/402, width=50, height=21)
static5 = ttk.Label(text="用户性别：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static5.place(relx=20/340, rely=188/402, width=84, height=30)
static3 = ttk.Label(text="确认密码：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static3.place(relx=20/340, rely=106/402, width=84, height=30)
static = ttk.Label(text="用户名称：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static.place(relx=20/340, rely=23/402, width=84, height=30)
static2 = ttk.Label(text="用户密码：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static2.place(relx=20/340, rely=64/402, width=84, height=30)
style.configure("TRadiobutton", font=("Segoe UI" , 12))
radiobutton1 = ttk.Radiobutton(text="男", value=1, bootstyle="primary")
radiobutton_checkedIndex.set(1)
radiobutton1.configure(variable=radiobutton_checkedIndex)
radiobutton1.place(relx=123/340, rely=187/402, width=50, height=21)
static6 = ttk.Label(text="出生日期：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static6.place(relx=20/340, rely=230/402, width=84, height=30)
style.configure("TCheckbutton", font=("Segoe UI" , 12))
checkbox2 = ttk.Checkbutton(text="运动", bootstyle="primary")
checkbox2.checked = ttk.BooleanVar(value=False)
checkbox2.configure(variable=checkbox2.checked)
checkbox2.place(relx=188/340, rely=271/402, width=71, height=23)
edit3 = ttk.Entry(font=("Segoe UI" , 9), bootstyle="primary")
edit3.place(relx=114/340, rely=101/402, width=178, height=26)
edit3.configure(foreground="#000000")
combobox = ttk.Combobox(values=["普通用户","vip用户","管理员"],font=("Segoe UI" , 9), foreground="#000000", bootstyle="primary")
combobox.place(relx=114/340, rely=140/402, width=178, height=23)
combobox.current(0)
style.configure("TButton", font=("Segoe UI" , 12))
button = ttk.Button(text="提交", takefocus=False, bootstyle="success")
button.place(relx=130/340, rely=329/402, width=86, height=47)
style.configure("TCheckbutton", font=("Segoe UI" , 12))
checkbox1 = ttk.Checkbutton(text="阅读", bootstyle="primary")
checkbox1.checked = ttk.BooleanVar(value=False)
checkbox1.configure(variable=checkbox1.checked)
checkbox1.place(relx=115/340, rely=271/402, width=71, height=23)
static8 = ttk.Label(text="兴趣爱好：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static8.place(relx=20/340, rely=271/402, width=84, height=30)
static4 = ttk.Label(text="用户类型：", font=("Segoe UI" , 12), foreground="#000000", anchor=tk.E, bootstyle="primary")
static4.place(relx=20/340, rely=147/402, width=84, height=30)
datetimepick = ttk.DateEntry(bootstyle="warning")
datetimepick.place(relx=114/340, rely=224/402, width=178, height=26)
style.configure("TCheckbutton", font=("Segoe UI" , 12))
checkbox3 = ttk.Checkbutton(text="音乐", bootstyle="primary")
checkbox3.checked = ttk.BooleanVar(value=False)
checkbox3.configure(variable=checkbox3.checked)
checkbox3.place(relx=261/340, rely=271/402, width=71, height=23)
edit = ttk.Entry(font=("Segoe UI" , 9), bootstyle="primary")
edit.place(relx=114/340, rely=23/402, width=178, height=26)
edit.configure(foreground="#000000")
edit2 = ttk.Entry(font=("Segoe UI" , 9), bootstyle="primary")
edit2.place(relx=114/340, rely=62/402, width=178, height=26)
edit2.configure(foreground="#000000")


def button_onClick(event):
  msgbox.show_info(datetimepick.entry.get())




button.bind("<Button-1>", button_onClick)
root.mainloop()

4. 完善的文档和教程

ttkbootstrap 官方网站有完善的api文档，而ttkbootstrap设计师本人正在写文档和视频教程，可到下面QQ群里下载体验和获取教程:

ttkbootstrap 设计师QQ群: 438272872

QQ：45561810