学习笔记(十五):ArkUi-切换按钮 (Toggle)

news/2025/1/17 15:53:01/文章来源:https://www.cnblogs.com/xqxacm/p/18515972

概述:

提供状态按钮样式、勾选框样式和开关样式,一般用于两种状态之间的切换

一、创建单选框

接口形式如下:

type为类型,支持三种

1、Switch  不包含子组件

Toggle({type:ToggleType.Switch,isOn:true})

 2、Checkbox 不包含子组件

Toggle({type:ToggleType.Checkbox,isOn:true})

3、Button 包含子组件且只能有一个

未开启效果

Toggle({type:ToggleType.Button,isOn:false}){Text('Button类型的切换按钮')

 开启效果

Toggle({type:ToggleType.Button,isOn:true}){Text('Button类型的切换按钮')}

 

 

二、自定义样式

1、selectedColor

设置Toggle打开选中后的背景颜色

 

Toggle({type:ToggleType.Switch,isOn:true}).selectedColor(Color.Red)

 

2、switchPointColor

设置Switch类型的圆形滑块颜色,仅对type为ToggleType.Switch生效

Toggle({type:ToggleType.Switch,isOn:true}).selectedColor(Color.Red).switchPointColor(Color.Yellow)

 

 

三、点击事件

.onChange((isOn:boolean)=>{// todo 
})

 

 

示例:

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/824417.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

二维前缀和模板

二维前缀和模板 题目描述: 输入一个 n 行 m 列的整数矩阵,再输入 q个询问,每个询问包含四个整数 x1,y1,x2,y2,表示一个子矩阵的左上角坐标和右下角坐标。 对于每个询问输出子矩阵中所有数的和。 输入格式: 第一行包含三个整数 n,m,q 接下来 n 行,每行包含 m 个整数,表示…

图文并茂教你如何发布自己的NPM包(GitHub Packages npm 包发布)

前情提要 发布包到npm也好,到github packages仓库也好,都是一样的道理,只是仓库地址不一样而已,本文是将npm包发布到了GitHub Packages~ GitHub Packages 简介 GitHub Packages 是一种软件包托管服务,和npm类似,允许您私下或公开托管软件包,并将包用作项目中的依赖项。 …

采用gpio-mio的sdk文档编译petalinux

其余步骤都ok 到下面生成boot.bin文件时失败 在网上找到了类似的 部署运行petalinux系统镜像_default bitsream is not found, please specify a bi-CSDN博客 经发现为该文件为纯PS端 未用到pl端 所以在生成时需要去除 --fpga 这样就成功了

redis中知识以及面试题

一、非关系型数据库NoSql 如下四种类型都是非关系型数据库 1.键值存储数据库(Key-Value) 如redis,就是键值存储数据库 2.列存储数据库 如clickhouse是列存储 3.文档型数据库 4.图形数据库(Graph) 二、redis的特点 redis是一个高性能的非关系型数据库,其中的所有数据形式都…

考研打卡(3)

开局(3) 开始时间 2024-10-30 21:38:56 结束时间 2024-10-30 22:27:21呜呜今天体侧了数据结构设一组初始记录关键字序列为(345,253,674,924,627),则用基数排序需要进行__躺 的分配和回收才能使得初始关键字序列变成有序序列。(武汉科技大学2014) A 3 B 4 C 5 D 8A 3答案…

学习笔记(十四):ArkUi-单选框 (Radio)

概述: 单选框组件,通常用于提供相应的用户交互选择项,同一组的Radio中只有一个可以被选中。 单选框组件不支持自定义样式 一、创建单选框 接口形式如下: value 为单选框名称,group为单选框所在组的名称,同一个组内最多只有一个单选框为选中状态Radio(options: {value: st…

【专题】2023-2024中国保险数字化营销调研报告汇总PDF洞察(附原数据表)

原文链接: https://tecdat.cn/?p=38063 在时代浪潮的推动下,中国保险行业正经历着一场波澜壮阔的变革之旅。 2023 年,中国经济迈向高质量发展阶段,保险公司纷纷聚焦队伍转型,专业化、职业化代理人成为行业新方向。回顾保险代理人队伍发展,历经多次变革,从早期扩张到面临…

2024CCPC哈尔滨部分题解

赛时被评测机卡死了 M.奇怪的上取整求\(\sum_{i=1}^{n} f(n,i)\) \(Input\) 第一行一个整数\(T(1<=T<=10^3)\),表示数据组数 对于每组数据,一行一个整数\(n(1<=n<=10^9)\) \(Output\) 对于每组数据,输出一行一个整数,表示答案。 \(Sample\) 3 5 451 114514 ——…

基于thinkphp+fastadmin+uniapp的单商户商城

1 、 系统概述多平台的单商户多门店系统,支持微信公众号、微信小程序、h5网页、Android、IOS的购物商城,拥有强大灵活的店铺装修、自定义模板、多规格商品、运费模板、库存管理、全端分享等。2、技术栈thinkphp uniapp vue3 vite redis element-plus easy-wechat mysql3、 解…

什么是多态?面向对象中对多态的理解

多态(Polymorphism)是面向对象编程(OOP)中的一个核心概念,它允许对象以多种形式出现。多态性使得同一个接口可以用于不同的数据类型,从而使得代码更加灵活和可扩展。简单来说,多态就是一个接口,一个类,一个抽象类,一个类里面的方法,不同类的同一个方法,都可以有多种…

HarmonyOS:DevEco Profiler调优工具

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤博客园地址:为敢技术(https://www.cnblogs.com/strengthen/ )➤GitHub地址:https://github.com/strengthen➤原文地址:https://www.cnblogs.com/strengthen/p/18515687➤如果链接不是为敢技术的博客园…

基于Java+SpringBoot+Mysql实现的古诗词平台功能设计与实现九

可以二次开发 前台功能:首页、诗文、作者、名句、成语、赏析、翻译、典籍、注册、登录、个人中心等。 后台功能:作者列表、古诗词列表、名句列表、成语列表、典籍列表、用户管理、赏析管理、翻译管理等。 部分功能: 前台赏析信息控制器Controller、前台典籍信息控制器Contro…