如何缩放 kivy 切换按钮的图像并保持其纵横比?

Posted

技术标签:

【中文标题】如何缩放 kivy 切换按钮的图像并保持其纵横比?【英文标题】:How to scale a Image of kivy toggle button and keep its aspect ratio? 【发布时间】:2015-06-03 15:58:12 【问题描述】:

嘿嘿

我想在 kivy 中创建自己的单选按钮。为此,我正在使用模板:

<myCheckBox@ToggleButton>:
    background_normal: 'gfx/cbActive.png'
    background_down: 'gfx/cbInactive.png'    
    background_disabled_down: 'gfx/cbActive.png'
    background_disabled_normal: 'gfx/cbInactive.png'

按钮看起来像:

在应用程序中使用模板时,它可以缩小,但缩小过程不会对称地缩放。它看起来像:

关于缩小为什么不对称的任何想法?

【问题讨论】:

【参考方案1】:

Button(和ToggleButton)的样式使用BorderImage 来缩放背景。这允许适当地使用标准按钮类型的图像。但是您可以通过设置用于缩放的border property 轻松禁用此行为:

<myCheckBox@ToggleButton>:
    border: 0, 0, 0, 0
    background_normal: 'gfx/cbActive.png'
    background_down: 'gfx/cbInactive.png'    
    background_disabled_down: 'gfx/cbActive.png'
    background_disabled_normal: 'gfx/cbInactive.png'

【讨论】:

这个问题应该在新版本中修复。修复仍在 github http://github.com/kivy/kivy/pull/3165 谢谢!拯救了我的一天:)

以上是关于如何缩放 kivy 切换按钮的图像并保持其纵横比?的主要内容,如果未能解决你的问题,请参考以下文章

如何在android的LinearLayout中安装imageView,但始终保持其纵横比

如何使用 CSS 拉伸图像以适应屏幕并保持纵横比?

在 IE11 上的嵌套 flexbox 容器中保持图像纵横比

保持 UIbuttons 背景图像的纵横比

如何在正确保持纵横比的情况下进行缩放

UIButton 背景图像水平缩放以填充同时保持纵横比