如何将颜色选取器属性传递给根小部件

Question

我正在尝试学习如何将ColorPicker对象属性从kv文件传递给主类MainWindow。 我已经创建了类ColPopup和PickColor，我能够获取有关所选颜色的信息，但我无法从PickColor获取传递给MainWindow的颜色值。

关于如何实现这一目标的任何建议？我希望将对象属性颜色选择器设置为颜色选择器，以便以后可以访问 .color 方法。

main.py

from kivy.app import App
#kivy.require("1.11.1")
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.uix.checkbox import CheckBox 
from kivy.properties import ObjectProperty
from kivy.uix.colorpicker import ColorPicker
from kivy.uix.popup import Popup
from kivy.config import Config
Config.set('graphics', 'width', '1200')
Config.set('graphics', 'height', '600')

class ColPopup(Popup):
pass
class PickColor(ColorPicker):
pass
class MainWindow(BoxLayout):
colorpicker = ObjectProperty()

def __init__(self, **kwargs):
super(MainWindow, self).__init__(**kwargs)
self.range_tab_action_grid_buttons = {}
self.create_actions()

def choose_color(self, instance):
ColPopup().open()
print("color picked for ", instance, "with current color", instance.background_color)
print(self.colorpicker)

def create_actions(self):   

for i in range(1, 4):
grid = BoxLayout(size=(180, 20), size_hint=(None, None))
checkbox = CheckBox(group="Actions",allow_no_selection=False, size_hint=(.2,1))
grid.add_widget(checkbox)
label = Label(text="Action"+str(i)+" color", size_hint=(.6,1)) 
grid.add_widget(label)

colored_button = Button(background_color=[0, 45, 100, 1], size_hint=(.2,0.8), pos_hint={'center_y':0.5})
colored_button.bind(on_press = self.choose_color)

grid.add_widget(colored_button)
self.ids.range_tab_action_grid.add_widget(grid)
self.range_tab_action_grid_buttons["Action"+str(i)] = {"grid":grid, "checkbox":checkbox, "label":label, "colored_button":colored_button} #, "colorpicker":colorpicker}

# Check the first box
self.range_tab_action_grid_buttons["Action1"]["checkbox"].active = True
#print(self.range_tab_action_grid_buttons["Action1"][3].background_color)       


class ColorPickerApp(App):
def build(self):
return MainWindow()

if __name__ == "__main__":
ColorPickerApp().run()

颜色选择器.kv

# File name: main.py
#:kivy 1.11.1  
<ColPopup>:
title: 'Pick a Color'
size_hint: 0.5, 0.6
colorpicker: colorpicker

BoxLayout:
orientation: 'vertical'
PickColor:
id: colorpicker
Button:
text: "Select color"
on_release: root.dismiss()
size_hint: 0.3,0.3
pos_hint: {"center_x":0.75,"top":0.0}

<Button>:
font_size: 10
color: 1,1,1,1
size_hint: 0.05, 0.05


<MainWindow>:                        
BoxLayout:
id: range_tab_action_grid
orientation: "vertical"
size_hint: 0.3, 0.2
pos_hint: {"right":0.0, "top":1.0}        

Answer 1

您可以设置Select color的on_release以在MainWindow中调用方法。如果修改ColPopup的kv规则：

<ColPopup>:
title: 'Pick a Color'
size_hint: 0.5, 0.6
colorpicker: colorpicker

BoxLayout:
orientation: 'vertical'
PickColor:
id: colorpicker
Button:
text: "Select color"
on_release:
app.root.chosen_color(colorpicker.color)
root.dismiss()
size_hint: 0.3,0.3
pos_hint: {"center_x":0.75,"top":0.0}

这会将chosen_color()调用添加到Button。

然后修改MainWindow类：

class MainWindow(BoxLayout):
colorpicker = ObjectProperty()
def __init__(self, **kwargs):
super(MainWindow, self).__init__(**kwargs)
self.range_tab_action_grid_buttons = {}
self.create_actions()
def choose_color(self, instance):
for k,v in self.range_tab_action_grid_buttons.items():
if v['colored_button'] == instance and v['checkbox'].active:
colpopup = ColPopup()
self.colorpicker = colpopup.colorpicker
colpopup.open()
return
def chosen_color(self, color):
Clock.schedule_once(self.get_color, 5)
for k,v in self.range_tab_action_grid_buttons.items():
if v['checkbox'].active:
v['colored_button'].background_color = color
return
def get_color(self, dt):
print('color:', self.colorpicker.color)
def create_actions(self):
.
.
.

choose_color()方法设置colorpickerObjectProperty。它还仅在Button位于活动行中时才打开ColorPicker。

chosen_color()方法仅更改活动Button的颜色。

另请注意，Button的background_color充当默认纹理的乘数。您可以通过设置background_normal=''来更改它。