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

爱吃面的猫

已于 2024-10-31 13:58:14 修改

阅读量766

点赞数 2

分类专栏：华为鸿蒙文章标签： harmonyos 华为

于 2024-03-20 10:17:08 首次发布

本文链接：https://blog.csdn.net/qq_41946216/article/details/136867948

版权

本文详细介绍了OHOS平台中的Toggle组件，包括其不同类型的使用（Switch、Checkbox和Button），状态设置(isOn)以及color方法（selectedColor和switchPointColor）。展示了如何通过ToggleType枚举进行类型选择并动态控制组件外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)