Блог

Ситуация: Приведенный ниже код использует класс RecycleView от Kivy для создания графического интерфейса, отображающего таблицу данных. Каждая строка этой таблицы начинается с красной кнопки «Игнорировать», цвет которой пользователь должен иметь возможность переключать между красным и зеленым, нажимая.

Проблема: когда я нажимаю на кнопку «Игнорировать» в строке, она не только окрашивает нажатую кнопку в зеленый цвет, но также окрашивает в зеленый цвет многие другие кнопки дальше по списку! Нежелательный выбор происходит циклически, то есть кажется, что каждая n-я кнопка становится зеленой.

Почему это происходит? Как я могу заставить Kivy прекратить это делать и вместо этого выбрать только ту кнопку, которая была нажата?

 from kivy.app import App
from kivy.lang import Builder
from kivy.properties import BooleanProperty
from kivy.uix.behaviors import FocusBehavior
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.recycleboxlayout import RecycleBoxLayout
from kivy.uix.recycleview import RecycleView
from kivy.uix.recycleview.layout import LayoutSelectionBehavior
from kivy.uix.recycleview.views import RecycleDataViewBehavior


Builder.load_string('''
<Row@BoxLayout>:
    orientation: 'horizontal'
    data: [None, None, None, None]
    IgnoreButton:
        text: 'Ignored'  if self.selected else 'Ignore'
        background_normal: ''
        # color green if ignored, otherwise red
        background_color: [0.2, 0.5, 0.1, 1] if self.selected else [0.5, 0, 0.1, 1]
    Label:
        text: str(root.data[1])
    Label:
        text: str(root.data[2])
    Label:
        text: str(root.data[3])
<RV>:
    viewclass: 'Row'
    data: [{'data':[0, x, x 1, x 2]} for x in range(100)]
    SelectableRecycleBoxLayout:
        orientation: 'vertical'
        default_size: None, dp(56)
        default_size_hint: 1, None
        size_hint_y: None
        height: self.minimum_height
        multiselect: True
''')

class SelectableRecycleBoxLayout(FocusBehavior, LayoutSelectionBehavior,
                                  RecycleBoxLayout):
    ' Adds selection and focus behaviour to the view. '

class IgnoreButton(Button, RecycleDataViewBehavior):
    # Add selection support to the Button.
    index = None
    selected = BooleanProperty(False)
    selectable = BooleanProperty(True)

    def on_touch_down(self, touch):
        # Add selection on touch down.
        if super().on_touch_down(touch):
            self.selected = not self.selected

class RV(RecycleView):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)

class TestApp(App):
    def build(self):
        return RV()

if __name__ == '__main__':
    TestApp().run()
  

В Recycleview столько виджетов, сколько вы можете видеть … они перерабатываются. Поэтому вы не можете полагаться на виджет для сохранения состояния. В Row я создал свойство NumericProperty, idx, и создал индекс в списке rvdata. Это соответствует индексу «виртуального виджета’.
Я создал список для хранения состояния кнопки переключения.

Вы обрабатывали кнопку, как переключатель, поэтому я заменил ее переключателем. Вы можете добавить изменения цвета обратно.

 from kivy.app import App
from kivy.lang import Builder
from kivy.properties import NumericProperty, ListProperty
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.recycleview import RecycleView


Builder.load_string('''
<Row>:
    orientation: 'horizontal'
    data: [None, None, None, None]
    ToggleButton:
        text: 'Ignored'  if app.root.selected[root.idx] == 'normal' else 'Ignore'
        #background_normal: ''
        # color green if ignored, otherwise red
        #background_color: [0.2, 0.5, 0.1, 1] if app.root.selected[root.idx] == 'normal' else [0.5, 0, 0.1, 1]
        state: app.root.selected[root.idx]
        on_state: app.root.selected[root.idx] = self.state
    Label:
        text: str(root.data[1])
    Label:
        text: str(root.data[2])
    Label:
        text: str(root.data[3])
<RV>:
    viewclass: 'Row'
    data: [{'data':[0, x, x 1, x 2], 'idx': x} for x in range(100)]
    RecycleBoxLayout:
        orientation: 'vertical'
        default_size: None, dp(56)
        default_size_hint: 1, None
        size_hint_y: None
        height: self.minimum_height
''')


class Row(BoxLayout):
    idx = NumericProperty()


class RV(RecycleView):
    selected = ListProperty(['normal'] * 100)


class TestApp(App):
    def build(self):
        return RV()


if __name__ == '__main__':
    TestApp().run()