Question

我已经搜遍了所有，但还没有找到一个简单的例子，展示如何更改ttk小部件样式的次要元素并动态应用它（在创建小部件之后）。

我有一些代表一些配置项的ttk检查按钮，以及一个用于更新远程系统的ttk按钮。检查按钮初始化为远程系统的状态。

如果用户修改了任何一个检查按钮，我希望检查按钮文本和更新按钮文本都变为红色，以提醒用户检查按钮状态不再与远程状态匹配，并且应该按下更新按钮将修改后的配置发送到远程系统。

按下更新按钮时，更新按钮和所有检查按钮的文本颜色将恢复为黑色。

我知道这是可能的（而且可能很容易），但是如何？

编辑：修改背景颜色也没问题。

Answer 1

您需要创建自定义样式，然后将该样式应用于窗口小部件。要创建自定义样式，请首先获取ttk.Style的实例，然后使用configure方法从现有样式派生新样式。以下示例创建名为“Red.TCheckbutton”的新样式：

style = ttk.Style()
style.configure("Red.TCheckbutton", foreground="red")

接下来，当您想要更改颜色时，只需将此样式与窗口小部件相关联：

my_checkbutton.configure(style="Red.TCheckbutton")

学习如何使用ttk样式的最佳资源是tkdocs.com。具体而言，http://www.tkdocs.com/tutorial/styles.html。

这是一个完整的工作示例：

import ttk
import Tkinter as tk

class ExampleApp(tk.Frame):
    def __init__(self, *args, **kwargs):
        tk.Frame.__init__(self, *args, **kwargs)
        self.var1 = tk.StringVar()
        self.var2 = tk.StringVar()

        f1 = ttk.Frame(self)
        red_button = ttk.Button(f1, text="Red", command=self.make_red)
        default_button = ttk.Button(f1, text="Default", command=self.make_default)
        default_button.pack(side="left")
        red_button.pack(side="left")

        f2 = ttk.Frame(self)
        self.cb_one = ttk.Checkbutton(f2, text="Option 1", variable=self.var1,
                                      onvalue=1, offvalue=0)
        self.cb_two  = ttk.Checkbutton(f2, text="Option 2", variable=self.var2,
                                       onvalue=1, offvalue=0)
        self.cb_one.pack(side="left")
        self.cb_two.pack(side="left")

        f1.pack(side="top", fill="x")
        f2.pack(side="top", fill="x")

        style = ttk.Style()
        style.configure("Red.TCheckbutton", foreground="red")

    def make_red(self):
        self.cb_one.configure(style="Red.TCheckbutton")
        self.cb_two.configure(style="Red.TCheckbutton")

    def make_default(self):
        self.cb_one.configure(style="TCheckbutton")
        self.cb_two.configure(style="TCheckbutton")


if __name__ == "__main__":
    root = tk.Tk()
    ExampleApp(root).pack(fill="both", expand=True)
    root.mainloop()

更改ttk小部件文本颜色

1 个答案: