kivy实现选择的button改变背景色

╰半橙微兮° 2022-02-21 01:13 318阅读 0赞

布局文件里有两个button，当点击选择一个button时，该button的背景色变化，另一button恢复默认颜色

一：部分布局文件代码

Button:
                    font_size: 15
                    id: btn5 
                    on_press: app.root.current = "main"
                    on_release: root.butten_release5()  #在button release事件中重置button背景色
                    background_color: 1.0, 0.0, 0.0, 1.0  #背景色设置
                    text: '首页'
                    font_name: root.path
    
    
                Button:
                    text: 'step1'
                    font_size: 15
                    id: btn1  
                    size: 150,20          
                    on_press: app.root.current = "main"
                    on_release: root.butten_release1()

二：部分Python文件代码

def butten_release1(self):
            self.ids.btn1.background_color = [1.0, 0.0, 0.0, 1.0]  #修改选择的button颜色
    
            self.ids.btn5.background_color = [1, 1, 1, 1]  #恢复默认的其他button颜色
            self.ids.btn2.background_color = [1, 1, 1, 1]
            self.ids.btn3.background_color = [1, 1, 1, 1]
    
        def butten_release5(self):
            self.ids.btn5.background_color = [1.0, 0.0, 0.0, 1.0]
    
            self.ids.btn1.background_color = [1, 1, 1, 1]
            self.ids.btn2.background_color = [1, 1, 1, 1]
            self.ids.btn3.background_color = [1, 1, 1, 1]

[参考一][Link 1]  
[参考二][Link 2]

[Link 1]: https://kivy.org/doc/stable/api-kivy.uix.button.html
[Link 2]: https://stackoverflow.com/questions/20181250/changing-the-background-color-of-a-button-in-kivy

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jQuery改变HTML表格中的单元格背景色

你可以使用jQuery来改变HTML表格（table）中的单元格（td）的背景色。下面是一个详细的步骤指南，展示如何使用jQuery来实现这个功能。步骤 1: 引入jQue

╰+哭是因爲堅強的太久メ/ 2024年02月25日 07:41/ 0 赞/ 47 阅读

相关 CSS如何改变背景色透明度？

CSS如何改变背景色透明度？方法一： opacity属性，值区间0-1；透明为0，不透明为1，半透明为0.5，以此类推。（缺点，元素透明度会随着透明度改变）方法

忘是亡心i/ 2023年10月05日 08:38/ 0 赞/ 20 阅读

相关 echarts饼图中鼠标移入后改变背景色的设置

series:[{ itemStyle: { normal: {

浅浅的花香味﹌/ 2022年12月29日 06:47/ 0 赞/ 175 阅读

相关 css3背景色渐变属性_背景色（CSS属性）

css3背景色渐变属性描述 (Description) This property sets the `background-color` of an element

柔光的暖阳◎/ 2022年12月03日 01:56/ 0 赞/ 300 阅读

相关 idea修改背景色

首先，护眼的颜色RGB分别为199,237,204,16进制为\C7EDCC。编辑器区域背景色的设置在Idea的settings->Editor->Colors&F

ゝ一世哀愁。/ 2022年05月14日 09:42/ 0 赞/ 338 阅读

相关 kivy设置button大小

Button: id: btn_choose_model text: "choose" size_

素颜马尾好姑娘i/ 2022年04月24日 07:32/ 0 赞/ 265 阅读

相关 Excel中如何改变符合条件的某行记录的背景色

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmRh

拼搏现实的明天。/ 2022年03月30日 02:13/ 0 赞/ 592 阅读

相关 kivy实现选择的button改变背景色

布局文件里有两个button，当点击选择一个button时，该button的背景色变化，另一button恢复默认颜色一：部分布局文件代码 Button:

╰半橙微兮°/ 2022年02月21日 01:13/ 0 赞/ 319 阅读

相关 UWP 改变Button样式

\-----some words------ 1.Control：控制（我们理解成控件） 2.Template：模板 3.Ellipse 椭圆 4.Content 内

我不是女神ヾ/ 2022年01月10日 17:21/ 0 赞/ 392 阅读

相关 C1WebGrid应用-改变当前选定行的背景色

在呈现数据时使C1WebGrid可以对当前鼠标指定的行突出显示可以带来很好的用户体验,更重要的是这个功能实现起来也不是很困难,下面来介绍其中的一个实现方

╰+攻爆jí腚メ/ 2021年11月09日 15:32/ 0 赞/ 366 阅读