滚动视图 kivy

Question

我有 Python 代码：

class Screen3(Screen):
    def __init__(self, **kwargs):
        self.scv = ScrollView()
        self.bl_main = BoxLayout()
        self.bl_main.padding = [20, 20, 20, 20]
        self.bl_main.spacing = 50
        self.bl_main.orientation = 'vertical'
        super(Screen, self).__init__(**kwargs)

    def on_enter(self, *args):
        for i in [f'Button {i+1}' for i in range(20)]:
            b = Button()
            b.size_hint = None, None
            b.size = 350, 350
            b.text = i
            anch = AnchorLayout()
            anch.anchor_x = 'right'
            anch.add_widget(b)
            self.bl_main.add_widget(anch)
        self.scv.add_widget(self.bl_main)
        self.add_widget(self.scv)

我有kivy代码：

Screen3:
    name: 'screen3'
    BoxLayout:
        orientation: vertical
        AnchorLayout:
            anchor_x: 'center'
            anchor_y: 'top'
            MDToolbar:
                title: "History"
                left_action_items: [['menu', lambda x: nav_drawer.set_state()], ['skip-backward', lambda x: app.change_screen('main screen', screen_manager)]]
                elevation: 12

在这里你可以看到我的应用程序。
https://pasteboard.co/J7KTdeR.jpg

1. 为什么我不能点击我的图标按钮？
   
2. 为什么我的填充和间距不考虑以及为什么 ScrollView 小部件不起作用？

我该如何纠正这两点？

请帮我。

Answer 1

您的图标按钮不起作用，因为您在on_enter()中添加的ScrollView具有 (1,1) 的默认size_hint ，因此填充了整个Screen3 （即使ScrollView的部分是透明的）。 ScrollView正在抓取鼠标点击，因此图标按钮永远不会看到鼠标点击。

类似地， BoxLayout (bl_main) 也有默认的size_hint ，因此它的高度将是ScrollView的高度，它会尝试在该height中容纳 20 个Buttons 。 每个Button都获得了它的高度份额，这还不够，所以它们重叠。

修复方法是在kv中构建ScrollView和BoxLayout以利用自动绑定，并设置它们的大小。 这是执行此操作的代码版本：

from kivy.lang import Builder
from kivy.uix.button import Button
from kivy.uix.screenmanager import Screen, ScreenManager
from kivymd.app import MDApp


class Screen3(Screen):
    def on_enter(self, *args):
        for i in [f'Button {i+1}' for i in range(20)]:
            b = Button()
            b.size_hint = None, None
            b.size = 350, 350
            b.text = i
            # anch = AnchorLayout()
            # anch.anchor_x = 'right'
            # anch.add_widget(b)
            # self.ids.bl_main.add_widget(anch)
            self.ids.bl_main.add_widget(b)


kv = '''
Screen3:
    name: 'screen3'
    BoxLayout:
        orientation: 'vertical'
        size_hint_y: None
        height: toolbar.height
        pos_hint: {'center_x':0.5, 'top':1}
        # AnchorLayout:
        #     anchor_x: 'center'
        #     anchor_y: 'top'
        MDToolbar:
            id: toolbar
            title: "History"
            left_action_items: [['menu', lambda x: nav_drawer.set_state()], ['skip-backward', lambda x: app.change_screen('main screen', screen_manager)]]
            elevation: 12
    ScrollView:
        size_hint: (None, None)
        height: root.height - toolbar.height
        width: 390  # Button width plus BoxLayout padding
        pos_hint: {'right':1}
        BoxLayout:
            id: bl_main
            orientation: 'vertical'
            size_hint_y: None
            height: self.minimum_height
            padding: [20, 20, 20, 20]
            spacing: 50
'''


class TestApp(MDApp):
    def build(self):
        sm = ScreenManager()
        sm.add_widget(Builder.load_string(kv))
        return sm


TestApp().run()

注意BoxLayout的大小、位置和height: self.minimum_height的使用设置。 有关这背后的原因，请参阅ScrollView 文档。

我还注释掉了您对AnchorLayout的使用，因为它是多余的。