<Rust>egui学习之小部件(十):如何在窗口中添加复选框checkbox部件?

devtools/2024/12/22 9:11:42/

前言
本专栏是关于Rust的GUIegui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。

环境配置
系统:windows
平台:visual studio code
语言:rust
库:egui、eframe

概述
本文是本专栏的第十篇博文,主要讲述复选框checkbox部件的使用。

事实上,类似于iced,egui都提供了示例程序,本专栏的博文都是建立在官方示例程序以及源代码的基础上,进行的实例讲解。
即,本专栏的文章并非只是简单的翻译egui的官方示例与文档,而是针对于官方代码进行的实际使用,会在官方的代码上进行修改,包括解决一些问题。

系列博客链接:
1、<Rust>egui学习之小部件(一):如何在窗口及部件显示中文字符?
2、<Rust>egui学习之小部件(二):如何在egui窗口中添加按钮button以及标签label部件?
3、<Rust>egui学习之小部件(三):如何为窗口UI元件设置布局(间隔、水平、垂直排列)?
4、<Rust>egui学习之小部件(四):如何在窗口中添加滚动条Scroll部件?
5、<Rust>egui学习之小部件(五):如何在窗口中添加图像部件?
6、<Rust>egui学习之小部件(六):如何在窗口中添加菜单栏部件?
7、<Rust>egui学习之小部件(七):如何在窗口中添加颜色选择器colorpicker部件?
8、<Rust>egui学习之小部件(八):如何在窗口中添加滑动条slider部件?
9、<Rust>egui学习之小部件(九):如何在窗口中添加下拉列表combobox部件?

部件属性

egui中,checkbox提供一个可选择项,其属性如下:

rust">pub struct Checkbox<'a> { checked: &'a mut bool,text: WidgetText,indeterminate: bool,
}

可以看见其可设置属性很少,来看下,checked顾名思义,表示复选框是否被选中的状态,是个bool量,选中即为true,未选中即false。
第二个是text,是复选框的名字,通常我们添加选项时,肯定都有一个名称的,比如是颜色、名称、年龄、日期等不同的元素。
而indeterminate的含义是不确定状态,官方解释是:

Display an indeterminate state (neither checked nor unchecked)

表示即没有选中,也没有未选中,处于一种未操作的状态。但通常我们可能不一定用到这种状态,可以不设置。

我们来看一下实际代码:

rust">ui.checkbox(&mut self.checkflag, "红色");      

其中,checkflag是我们创建的bool变量:

rust">checkflag:bool,  

看下复选框部件的显示效果:
在这里插入图片描述
但是目前选中或者不选中,我们没有对其选择状态进行处理。现在我们根据其选择状态,来改变其文字颜色,即选中时,文字变为红色,未选中则是灰色:

rust">let cctt=RichText::new("红色").background_color(self.cccolor);      ui.checkbox(&mut self.checkflag, cctt);  if self.checkflag{self.cccolor= Color32::RED;}else{self.cccolor=Color32::LIGHT_GRAY;}

我们修改了代码,将复选框的text改为richtext部件,因此可以设置其背景色,背景色的值,是一个变量,我们通过监控复选框的状态来设定不同的颜色值,即可实现。
在这里插入图片描述

当然,我们也可以对复选框进行组合,比如,我们设置三个颜色,红绿蓝rgb三色,根据选择的颜色进行组合,输出混合后的颜色, 即rgb颜色:

rust"> let cctt=RichText::new("当前颜色").background_color(self.cccolor);   ui.checkbox(&mut self.checkflag, "红色");  ui.checkbox(&mut self.checkflag2, "蓝色");ui.checkbox(&mut self.checkflag3, "绿色");let cc=(self.checkflag as u8) <<2 | (self.checkflag2 as u8) <<1 | (self.checkflag3 as u8);match cc{0b000=>self.cccolor=Color32::LIGHT_GRAY,0b001=>self.cccolor=Color32::GREEN,0b010=>self.cccolor=Color32::BLUE,0b011=>self.cccolor=Color32::from_rgb(0, 255, 255),0b100=>self.cccolor=Color32::RED,0b101=>self.cccolor=Color32::from_rgb(255, 255, 0),0b110=>self.cccolor=Color32::from_rgb(255,0,255),0b111=>self.cccolor=Color32::WHITE,_=>self.cccolor=Color32::BLACK,}ui.label(cctt);

看一下演示:

在这里插入图片描述 
以上是egui中关于复选框checkbox的简单应用。


http://www.ppmy.cn/devtools/108911.html

相关文章

全面掌握PythonJava分层自动化测试:从单元测试到安全检测的完整指南

分层自动化(Layered Automation)是一种软件测试策略,通过将自动化测试分为不同层次或阶段,针对不同类型的测试需求,确保测试覆盖的全面性以及提高测试效率。这种方法通过分解复杂的测试任务,将其分配到适当的层级,从而降低测试的维护成本并提高自动化测试的稳定性和复用…

shell编程--正则表达式

正则表达式 正则表达式都被置于两个正斜杠之间&#xff1b;如/l[oO]ve/ 示例 匹配数字的脚本&#xff0c;用户输入创建账号的数量 语法&#xff1a; [[ ^[0-9]$ ]] 表示必须输入数字 #!/bin/bashwhile : do read -p "输入数字&#xff1a;" numif [[ $num ~ ^[…

Windows下Python和PyCharm的应用(三)__Numpy与矩阵

1、背景介绍 矩阵运算是Python语言的基石。 而支持矩阵运算的基础语言包就是Numpy。 参考链接&#xff1a; Python中Numpy的使用_numpy在python中的用法-CSDN博客 这篇博客介绍的numpy比我的这篇博客介绍的更加的详细。本博客只是根据本人 的实际应用&#xff0c;对最关键的…

【GEE代码实例教程详解:NDVI时间序列趋势分析】

GEE&#xff08;Google Earth Engine&#xff09;是一个强大的云计算平台&#xff0c;用于处理和分析大规模地球科学数据集。以下是一个关于如何使用GEE进行NDVI&#xff08;归一化植被指数&#xff09;时间序列趋势分析的详细教程。 一、引言 NDVI时间序列趋势分析是一种统计…

【Hadoop|MapReduce篇】MapReduce概述

1. MapReduce定义 MapReduce是一个分布式运算程序的编程框架&#xff0c;是用户开发“基于Hadoop的数据分析应用”的核心框架。 MapReduce核心功能是将用户编写的业务逻辑代码和自带默认组件整合成一个完整的分布式运算程序&#xff0c;并发运行在一个Hadoop集群上。 2. Map…

统计进程的CPU和内存占用(最大,均值,90分位)

本文先通过top采集所有进程的CPU和内存情况并保存到文件&#xff0c;然后提取指定进程的数据&#xff0c;最后通过 python 对采集的数据进行可视化。 一、使用脚本采集top数据 1. 单次top输出如下 2. 编写脚本每隔1秒采集一次top数据保存到文件 #!/bin/bash# 按照年月日十分…

v0.dev快速开发

探索v0.dev&#xff1a;次世代开发者之利器 今之技艺日新月异&#xff0c;开发者之工具亦随之进步不辍。v0.dev者&#xff0c;新兴之开发者利器也&#xff0c;迅速引起众多开发者之瞩目。本文将引汝探究v0.dev之基本功能与优势&#xff0c;助汝速速上手&#xff0c;提升开发之…

【数学建模国赛思路预约】2024全国大学生数学建模竞赛助攻思路、代码、论文

2024年全国大学生数学建模大赛马上就要开始了&#xff0c;大家有没有准备好呢&#xff0c;今年将会和之前一样&#xff0c;将会在比赛赛中时期为大家提供比赛各题的相关解题思路、可运行代码参考以及成品论文。 一、分享计划表如下所示 1、 赛中分享内容包括&#xff08;2023国…