如何在Kivy中运行时更改我的小部件的颜色?

2024-10-05 14:30:59 发布

您现在位置:Python中文网/ 问答频道 /正文

在Kivy中,我很难改变一个简单小部件的颜色。 我可以在创建小部件时设置颜色,但之后无法更改。

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

#: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文件中更改颜色时,我循环遍历画布中的所有指令,并修改“color”类型的第一个指令。显然,这是一种黑客攻击,并且不会在具有多个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

现在看来很管用。如果你知道更好的方法,请告诉我。我相信一定有一个更简单的方法,我漏掉了一些显而易见的东西!


Tags: posimportselfsizeifinit颜色部件
2条回答

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

from kivy.properties import NumericProperty

在标题和

r = NumericProperty(0)

就在class CircleWidget(Widget):下面

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

干杯。

齐特曼的回答是正确的,这是对事情的解释。

在你的kv文件中

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

每当rgba: self.r, 1, 1, 1的值发生更改时,行rgba尝试更新r的值。这是用kv语言通过绑定隐式完成的,当它实现Observer Pattern时,可以在kivy Property上完成。

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

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

相关问题 更多 >