HarmonyOS 鸿蒙Next【点击效果】如果去掉Toggle一类控件的点击效果

发布于 1周前 作者 songsunli 来自 鸿蒙OS

HarmonyOS 鸿蒙Next【点击效果】如果去掉Toggle一类控件的点击效果


【点击效果】如果去掉Toggle一类控件的点击效果 

视觉上不希望点击CheckBox、Switch一类控件的点击效果（onPressed时出现的外围阴影）

Harmonyos Next教程
2 回复

可以使用hoverEffect(HoverEffect.None)关闭点击效果

我这边验证了是可以的

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

  .hoverEffect(HoverEffect.None)                         

  .size({ width: 28, height: 28 })                       

  .selectedColor(0x39a2db)                               

  .onChange((isOn: boolean) => {                         

    console.info('Component status:' + isOn)             

  })  

更多关于HarmonyOS 鸿蒙Next【点击效果】如果去掉Toggle一类控件的点击效果的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next系统中，要去掉Toggle一类控件的点击效果，可以通过自定义控件的样式和行为来实现。具体步骤如下：

  1. 自定义控件样式：在XML布局文件中，为Toggle控件定义一个新的样式，通过调整相关属性来禁用或修改点击效果。

  2. 禁用动画效果：在控件的样式定义中，查找与点击效果相关的动画属性，如click_effect等（假设存在此类属性，实际属性名需参考鸿蒙开发文档），将其设置为none或禁用状态。

  3. 编程控制：在JavaScript或eTS（Extension TypeScript）代码中，通过编程方式进一步控制控件的点击行为，如监听点击事件但不执行任何动画或视觉变化。

  4. 测试与调整：在模拟器或实际设备上测试控件，确保点击效果已被成功去除，同时确保控件的其他功能不受影响。

示例代码（假设属性名和方法存在）：

<!-- XML布局文件 -->
<Toggle
    ohos:id="$+id:my_toggle"
    ohos:width="match_parent"
    ohos:height="wrap_content"
    ohos:click_effect="none"/> <!-- 禁用点击效果 -->

// JavaScript或eTS代码
this.$element('my_toggle').onClick(() => {
    // 不执行任何动画或视觉变化
});

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部