HarmonyOS系统开发ArkTS常用组件切换按钮及参数

2024-03-20 18:28

本文主要是介绍HarmonyOS系统开发ArkTS常用组件切换按钮及参数,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

        Toggle为切换按钮组件,一般用于两种状态之间的切换,例如下图中的蓝牙开关。

Toggle组件的参数:Toggle(options: { type: ToggleType, isOn?: boolean })

  • type属性用于设置Toggle组件的类型
  • isOn属性用于设置Toggle组件的状态
  • selectedColor()方法设置Toggle组件背景色
  • switchPointColor()方法设置Switch类型的Toggle组件中的圆形滑块颜色

     

    可通过ToggleType枚举类型进行设置,可选的枚举值如下:

import promptAction from '@ohos.promptAction';@Entry
@Component
struct toggleTest {@State isOn: boolean = true;build() {Column({ space: 10 }) {Row({ space: 10 }) {Toggle({ type: ToggleType.Switch, isOn: false }).width(50).height(100)Toggle({ type: ToggleType.Switch, isOn: true }).width(50).height(100).selectedColor(Color.Green).switchPointColor(Color.Orange)}Row({ space: 10 }) {Toggle({ type: ToggleType.Checkbox, isOn: false }).width(50).height(100)Toggle({ type: ToggleType.Checkbox, isOn: true }).width(50).height(100)}Row({ space: 10 }) {Toggle({ type: ToggleType.Button, isOn: false }) {Text('关闭').fontSize(25).fontWeight(FontWeight.Bolder)}.width(100).height(50)// 默认是开启的Toggle({ type: ToggleType.Button, isOn: this.isOn }) {Text(this.isOn ? '开启' : '关闭').fontSize(25).fontWeight(FontWeight.Bolder)}.width(100).height(50).onChange((isOn) => {this.isOn = isOnconsole.log('isOn 是点击开启按钮自动传的值赋值给 this.isOn:', this.isOn);})}Text('点击开启按钮测试').fontSize(25)}.width('100%').height("100%").justifyContent(FlexAlign.Center)}
}

     注意:switchPointColor()只有开关样式可以使用

这篇关于HarmonyOS系统开发ArkTS常用组件切换按钮及参数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/830363

相关文章

基于Python开发一个有趣的工作时长计算器

《基于Python开发一个有趣的工作时长计算器》随着远程办公和弹性工作制的兴起,个人及团队对于工作时长的准确统计需求日益增长,本文将使用Python和PyQt5打造一个工作时长计算器,感兴趣的小伙伴可... 目录概述功能介绍界面展示php软件使用步骤说明代码详解1.窗口初始化与布局2.工作时长计算核心逻辑3

Windows 系统下 Nginx 的配置步骤详解

《Windows系统下Nginx的配置步骤详解》Nginx是一款功能强大的软件,在互联网领域有广泛应用,简单来说,它就像一个聪明的交通指挥员,能让网站运行得更高效、更稳定,:本文主要介绍W... 目录一、为什么要用 Nginx二、Windows 系统下 Nginx 的配置步骤1. 下载 Nginx2. 解压

如何确定哪些软件是Mac系统自带的? Mac系统内置应用查看技巧

《如何确定哪些软件是Mac系统自带的?Mac系统内置应用查看技巧》如何确定哪些软件是Mac系统自带的?mac系统中有很多自带的应用,想要看看哪些是系统自带,该怎么查看呢?下面我们就来看看Mac系统内... 在MAC电脑上,可以使用以下方法来确定哪些软件是系统自带的:1.应用程序文件夹打开应用程序文件夹

windows系统上如何进行maven安装和配置方式

《windows系统上如何进行maven安装和配置方式》:本文主要介绍windows系统上如何进行maven安装和配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. Maven 简介2. maven的下载与安装2.1 下载 Maven2.2 Maven安装2.

使用Python实现Windows系统垃圾清理

《使用Python实现Windows系统垃圾清理》Windows自带的磁盘清理工具功能有限,无法深度清理各类垃圾文件,所以本文为大家介绍了如何使用Python+PyQt5开发一个Windows系统垃圾... 目录一、开发背景与工具概述1.1 为什么需要专业清理工具1.2 工具设计理念二、工具核心功能解析2.

Linux系统之stress-ng测压工具的使用

《Linux系统之stress-ng测压工具的使用》:本文主要介绍Linux系统之stress-ng测压工具的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、理论1.stress工具简介与安装2.语法及参数3.具体安装二、实验1.运行8 cpu, 4 fo

C++ RabbitMq消息队列组件详解

《C++RabbitMq消息队列组件详解》:本文主要介绍C++RabbitMq消息队列组件的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录1. RabbitMq介绍2. 安装RabbitMQ3. 安装 RabbitMQ 的 C++客户端库4. A

Java实现本地缓存的常用方案介绍

《Java实现本地缓存的常用方案介绍》本地缓存的代表技术主要有HashMap,GuavaCache,Caffeine和Encahche,这篇文章主要来和大家聊聊java利用这些技术分别实现本地缓存的方... 目录本地缓存实现方式HashMapConcurrentHashMapGuava CacheCaffe

python web 开发之Flask中间件与请求处理钩子的最佳实践

《pythonweb开发之Flask中间件与请求处理钩子的最佳实践》Flask作为轻量级Web框架,提供了灵活的请求处理机制,中间件和请求钩子允许开发者在请求处理的不同阶段插入自定义逻辑,实现诸如... 目录Flask中间件与请求处理钩子完全指南1. 引言2. 请求处理生命周期概述3. 请求钩子详解3.1

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示