如何在运行时更改 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 文件中更改颜色时，我会遍历画布中的所有指令并修改“颜色”类型的第一个指令。显然这是一个 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

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

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

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

Answer 2

在您的初始版本中，您只是缺少属性声明

from kivy.properties import NumericProperty

在标题和

r = NumericProperty(0)

就在class CircleWidget(Widget):下面

另外，您声明您的 kv 文件名为 circletest.kv，但您的应用程序名为 TestApp，因此您应该更改其中一个以使其连贯，否则将找不到您的 kv 文件，但您不这样做'不要报告任何问题，我想这只是问题中的错字。编辑：刚刚看到Builder.load_file好的，

干杯。