python - 如何在运行时更改 Kivy 中小部件的颜色？

Question

我无法在 Kivy 中更改简单小部件的颜色。我可以在创建小部件时设置颜色，但之后无法更改。

这里是简单的布局定义文件circletest.kv。它定义了一个圆圈，其中颜色(实际上只是 r，来自 rgba)、位置和大小都链接到小部件类中的变量。

#:kivy 1.4.1

<CircleWidget>:
    canvas:
        Color:
            rgba: self.r,1,1,1
        Ellipse:
            pos: self.pos
            size: self.size

这是应用程序 circletest.py。它创建并显示简单的小部件。创建对象时成功设置颜色和位置。单击小部件时，小部件可以更改它自己的位置，但是当我尝试更改颜色时，什么也没有发生。

import kivy
kivy.require('1.4.1')
from kivy.app import App
from kivy.lang import Builder
from kivy.uix.widget import Widget

Builder.load_file('circletest.kv')

class CircleWidget(Widget):

    def __init__(s, **kwargs):
        s.size= [50,50]
        s.pos = [100,50]
        s.r = 0
        super(CircleWidget, s).__init__(**kwargs)

    def on_touch_down(s, touch):
        if s.collide_point(touch.x,touch.y):    
            s.pos = [s.pos[1],s.pos[0]]           # This works
            s.r = 1.0                       # <---- This does nothing!

class TestApp(App):

    def build(s):
        parent = Widget()
        w = CircleWidget()
        parent.add_widget(w)
        return parent

if __name__ == '__main__':
    TestApp().run()

谁能看出问题所在？

更新

仍然不确定这个问题的答案是什么，但我确实有一个解决方法:

在 .kv 文件中，我将颜色指向对象中的一个变量。用于提取初始颜色:

Color:
    rgba: self.col

当我想从 .py 文件中更改颜色时，我会遍历 Canvas 中的所有指令并修改“颜色”类型的第一个指令。显然这是一种 hack，并且不适用于具有多个 Color: 属性的小部件:

for i in s.canvas.get_group(None):
    if type(i) is Color:
        i.r, i.g, i.b, i.a = v
        break

我将所有内容封装在一个属性中，这样使用起来很整洁:

class CircleWidget(Widget):

    def get_col(s):
        return s._col

    def set_col(s,v):
        for i in s.canvas.get_group(None):
            if type(i) is Color:
                i.r, i.g, i.b, i.a = v
                break
        s._col = v

    col = property(get_col, set_col)

    def __init__(s, **kwargs):
        s.size= [50,50]
        s.pos = [100,50]
        s._col = (1,1,0,1)
        super(CircleWidget, s).__init__(**kwargs)

    def on_touch_down(s, touch):
        if s.collide_point(touch.x,touch.y):    
            s.col = (s.col[::-1]) # Set to some other color

目前似乎可以使用。如果您知道更好的方法，请告诉我。我确信一定有一个更简单的方法，而且我遗漏了一些明显的东西!

Answer 1

tshirtman 的回答是正确的，这是对发生的事情的解释。

设置时在你的kv文件中

<CircleWidget>:
    canvas:
        Color:
            rgba: self.r, 1, 1, 1
        Ellipse:
            pos: self.pos
            size: self.size

rgba: self.r, 1, 1, 1 行尝试在 r 的值发生变化时更新 rgba 的值。这是通过绑定(bind)在 kv 语言中隐式完成的，可以在 kivy Property 上完成。因为它实现了 Observer Pattern .

代码中的变量 r 已更新，但它只是一个变量，不提供任何指示它的值已更改且无法绑定(bind)的指示。如果您注意到您对 pos 的更改有效，因为 pos是一个 ReferenceListProperty。

在 Kivy 中编程的一般规则，如果您想根据 Widget/Object 的属性更改代码，请使用 Kivy Property .它为您提供 Observe Property changes 的选项并通过 bind 显式调整您的代码/on_property_name事件或通过上面提到的 kv 语言隐式传递。