Kivy中通过RecycleView选中项修改species_text标签文本
解决Kivy RecycleView点击选项更新标签文本的问题
我来帮你搞定这个需求!你已经实现了SelectableLabel的选中变色功能,现在只需要调整两处关键地方,就能完成点击选项更新species_text标签和将数据源托管到ScreenTest类的目标。
修改后的完整代码
from kivy.app import App from kivy.uix.label import Label from kivy.lang import Builder from kivy.properties import BooleanProperty, ListProperty from kivy.uix.behaviors import FocusBehavior from kivy.uix.recycleboxlayout import RecycleBoxLayout from kivy.uix.recycleview.layout import LayoutSelectionBehavior from kivy.uix.recycleview.views import RecycleDataViewBehavior from kivy.uix.screenmanager import ScreenManager, Screen Builder.load_string(""" <ScreenTest>: Label: pos_hint: {"x": .45, "top": 1} text: "Headline" size_hint: .1, .1 BoxLayout: pos_hint: {"x": 0.02, "top": .8} RecycleView: id: species_list_view # 引用ScreenTest类里的数据源 data: root.species_data viewclass: 'SelectableLabel' SelectableRecycleBoxLayout: default_size: None, dp(56) default_size_hint: 1, None size_hint_y: None orientation: 'vertical' multiselect: False touch_multiselect: False Label: id: species_text text: "Speciestext" BoxLayout: size_hint_y: None height: 30 spacing: 10 canvas: Color: rgba: .5, .2, .1, 1 Rectangle: pos: self.pos size: self.size Button: text: "Go Back" Button: text: "Next" <SelectableLabel>: # Draw a background to indicate selection canvas.before: Color: rgba: (.0, 0.9, .1, .3) if self.selected else (0, 0, 0, 1) Rectangle: pos: self.pos size: self.size """) class SelectableRecycleBoxLayout(FocusBehavior, LayoutSelectionBehavior, RecycleBoxLayout): pass class SelectableLabel(RecycleDataViewBehavior, Label): ''' Add selection support to the Label ''' index = None selected = BooleanProperty(False) selectable = BooleanProperty(True) def refresh_view_attrs(self, rv, index, data): ''' Catch and handle the view changes ''' self.index = index return super(SelectableLabel, self).refresh_view_attrs( rv, index, data) def on_touch_down(self, touch): ''' Add selection on touch down ''' if super(SelectableLabel, self).on_touch_down(touch): return True if self.collide_point(*touch.pos) and self.selectable: return self.parent.select_with_touch(self.index, touch) def apply_selection(self, rv, index, is_selected): ''' Respond to the selection of items in the view. ''' self.selected = is_selected if is_selected: selected_item = rv.data[index] print("selection changed to {0}".format(selected_item)) # 获取当前ScreenTest实例,修改标签文本 current_screen = App.get_running_app().root.get_screen("screen_test") # 这里可以选择显示name或text字段,根据你的需求调整 current_screen.ids.species_text.text = selected_item['name'] else: print("selection removed for {0}".format(rv.data[index])) class ScreenTest(Screen): # 将数据源定义为ScreenTest的属性,方便后续操作 species_data = ListProperty([{'name': "Species1", "text": "S1"}, {'name': "Species2", "text": "S2"}]) screen_manager = ScreenManager() screen_manager.add_widget(ScreenTest(name="screen_test")) class TestApp(App): def build(self): return screen_manager test_app = TestApp() test_app.run()
关键修改点说明
将数据源移到ScreenTest类中
- 给
ScreenTest添加species_data属性(用ListProperty确保Kivy的属性绑定生效),把原来写在kv里的data数组移到这里。 - 在kv文件的RecycleView中,把
data:的值改成root.species_data,这样RecycleView就会从ScreenTest实例读取数据源,后续你可以在ScreenTest类里直接修改这个数组来更新列表内容。
- 给
点击选中时更新标签文本
- 在
SelectableLabel的apply_selection方法里,当is_selected为True时,通过App.get_running_app().root.get_screen("screen_test")获取到当前的ScreenTest实例。 - 然后通过
current_screen.ids.species_text.text直接修改标签的文本内容,这里我用了选中项的name字段,你可以根据需求换成text字段。
- 在
这样修改后,你点击RecycleView里的选项,右侧的species_text标签就会同步显示选中项的内容,而且数据源完全托管在ScreenTest类里,方便后续扩展(比如动态添加/删除列表项)。
内容的提问来源于stack exchange,提问作者Zu Jiry
相关产品推荐
相关产品推荐

