时间戳

首页 > 解决方案 > 滚动视图基维

python - 滚动视图基维

问题描述

我有 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 小部件不起作用？

我该如何纠正这两点？

请帮我。

标签： pythonkivyscrollview

解决方案

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

以类似的方式，BoxLayout(bl_main) 也有默认值size_hint，因此它的高度将是 的高度ScrollView，并且它会尝试将 20Buttons放入该height。每个都Button得到它的高度份额，这还不够，所以它们重叠。

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

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()

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

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

推荐阅读