在 Kivy 中使用 ToggleButton - 图像大小调整问题

如何解决在 Kivy 中使用 ToggleButton - 图像大小调整问题

我正在尝试将一些 Kivy 小部件组合成一个组,然后能够使用具有不同设置的组小部件。这在某些小部件尺寸下似乎可以正常工作,但在较小尺寸下会失效。

我在 Windows 10 上使用 Kivy 2.0.0、Python 3.7.4 (Pycharm IDE)。

这是显示问题的屏幕截图:screenshot of app running

这是我的 .kv 文件:

<AZPlusMinusValue@BoxLayout>
    background_color: 1,1,1
    required_height: '30dp'
    font_name: 'Times.ttf'
    font_size: '20sp'
    label_text: 'Offset:'
    label_width: 0
    toggle_width: 0
    input_width: 0

    canvas.before:
        Color:
            rgba: root.background_color
        Rectangle:
            pos: self.pos
            size: self.size

    orientation: 'horizontal'
    size_hint: None,None
    height: self.required_height

    on_toggle_width:
        self.width = self.toggle_width + self.label_width + self.input_width

    Label:
        text: root.label_text
        font_name: root.font_name
        font_size: root.font_size
        color: 0,1
        size_hint: None,1
        text_size: None,None
        size: self.texture_size
        halign: 'center'
        valign: 'center'
        padding: 2,2
        on_texture_size:
            root.label_width = self.width

    BoxLayout:
        canvas.before:
            Color:
                rgba: 0,1
            Rectangle:
                pos: self.pos
                size: self.size

        orientation: 'vertical'
        size_hint: None,1
        padding: 2,2,2
        spacing: 2

        ToggleButton:
            group: 'delta'
            allow_no_selection: False
            size_hint: None,.3
            on_size:
                self.width = self.height
                self.parent.width = self.width + self.parent.padding[1]*2
                root.toggle_width = self.parent.width

        ToggleButton:
            group: 'delta'
            size_hint: None,.3
            state: 'down'
            on_size:
                self.width = self.height
                self.parent.width = self.width + self.parent.padding[1]*2
                root.toggle_width = self.parent.width

<Interface@BoxLayout>:
    canvas.before:
        Color:
            rgba: 1,.5
        Rectangle:
            pos: self.pos
            size: self.size

    BoxLayout:
        canvas.before:
            Color:
                rgba: 0,1
            Rectangle:
                pos: self.pos
                size: self.size

        size_hint: 1,None
        pos_hint: {'x':0,'top':0.75}
        height: '30dp'

        AZPlusMinusValue:
            background_color: 1,1
            required_height: '90dp'
            label_text: 'At 90dp:'

        AZPlusMinusValue:
            background_color: 1,1
            required_height: '60dp'
            label_text: 'At 60dp:'

        AZPlusMinusValue:
            background_color: 0,1
            required_height: '30dp'
            label_text: 'At 30dp:'

Interface:

这是 .py 代码:

#! python3

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout

class Interface(BoxLayout):
    pass

class seekerApp(App):

    def build(self):
        ui = Interface()
        return ui


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


解决方法

ToggleButton 有一个默认的 border

border = ListProperty([16,16,16])

被描述为:

边框用于 :类:~kivy.graphics.vertex_instructions.BorderImage 图形指令。与 background_normalbackground_down。可用于自定义背景。

It must be a list of four values: (bottom,right,top,left). Read the
BorderImage instruction for more information about how to use it.

`border` is a :class:`~kivy.properties.ListProperty` and defaults to
(16,16)

这限制了 ToggleButton 可以有多小。您可以通过添加以下内容来消除 border

        border: [0,0]

发送给您的 ToggleButtun 中的每个 kv

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 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-