21

我无法在 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

似乎现在可以工作。如果您知道更好的方法,请告诉我。我相信一定有一个更简单的方法,而且我错过了一些明显的东西!

4

2 回答 2

18

tshirtman 的答案是正确的,这是对发生的事情的解释。

设置时在您的 kv 文件中

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

每当 的值发生变化时, 该行就会rgba: self.r, 1, 1, 1尝试更新 的值。这是通过绑定在 kv 语言中隐式完成的,这可以在kivy 属性上完成,因为它实现了观察者模式rgbar

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

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

于 2012-10-22T10:58:48.067 回答
16

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

from kivy.properties import NumericProperty

在标题和

r = NumericProperty(0)

就在下面class CircleWidget(Widget):

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

干杯。

于 2012-10-22T09:19:59.843 回答