选项卡kivy / KivyMD中的ScrollView

如何解决选项卡kivy / KivyMD中的ScrollView

问题已更新

我有一个代码:

from kivy.lang import Builder
from kivy.uix.floatlayout import FloatLayout
from kivymd.app import MDApp
from kivymd.uix.tab import MDTabsBase

KV = '''
BoxLayout:
    orientation: "vertical"

    MDToolbar:
        left_action_items: [["menu",lambda x: x]]
        title: "Smart home & its components"

    MDTabs:
        id: tabs
        on_tab_switch: app.on_tab_switch(*args)
        Tab:
            text: 'Smart home'
            FitImage:
                source: 'smarthome.png'
        Tab:
            text: 'Smart garage'
            ScrollView:
                do_scroll_x: False
                FitImage:
                    size_hint: (None,None)
                    size: root.size
                    source: 'garage.jpg'
                Button:
                    size_hint: (None,None)
                    size: (100,100)
                Button:
                    size_hint: (None,100)


<Tab>:
'''


class Tab(FloatLayout,MDTabsBase):
    pass


class Example(MDApp):
    def build(self):
        return Builder.load_string(KV)

    def on_tab_switch(self,instance_tabs,instance_tab,instance_tab_label,tab_text):
        pass


Example().run()

'''


class Tab(FloatLayout,tab_text):
        pass


Example().run()

部分代码:

Button:
    size_hint: (None,None)
    size: (100,100)
Button:
    size_hint: (None,100)
            

当我运行不带此部分的代码时,我在第二个选项卡中获得了可滚动的图像,但是当我运行带有此部分代码的代码时,便出现了错误。
错误:

Exception: ScrollView accept only one widget

我理解为什么会出错,并且ScrollView仅接受一个小部件,但是如果可能的话,如何将Buttons放置在可滚动图像的下面?
谢谢你

解决方法

ScrollView:
    do_scroll_x: False
    
    MDList:
    
        FitImage:
            size_hint: (None,None)
            size: root.size
            source: 'garage.jpg'
        Button:
            size_hint: (None,None)
            size: (100,100)
        Button:
            size_hint: (None,100)
,
from kivy.lang import Builder
from kivy.properties import StringProperty

from kivymd.app import MDApp
from kivymd.uix.boxlayout import MDBoxLayout
from kivymd.uix.label import MDLabel
from kivymd.uix.tab import MDTabsBase

KV = '''
MDBoxLayout:
    orientation: "vertical"

    MDToolbar:
        title: "Example Tabs Toolbar"

    MDTabs:
        id: tabs
        on_tab_switch: app.on_tab_switch(*args)
        
        Tab:
            text: 'Smart home'
            source: 'image.png'
                
        Tab:
            text: 'Smart garage'
            source: 'image.png'

<Tab>:
    orientation: "vertical"

    FitImage:
        source: root.source

    ScrollView:
    
        MDList:
            id: box

'''


class Tab(MDBoxLayout,MDTabsBase):
    source = StringProperty()


class Example(MDApp):
    def build(self):
        return Builder.load_string(KV)

    def on_start(self):
        self.root.ids.tabs.switch_tab('Smart garage')

    def on_tab_switch(self,instance_tabs,instance_tab,instance_tab_label,tab_text):
        instance_tab.ids.box.clear_widgets()
        for i in range(20):
            instance_tab.ids.box.add_widget(
                MDLabel(text=f"Text {i}",halign="center")
            )


Example().run()

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-