在鸿蒙OS开发中，如何去掉Toggle一类控件的点击效果？

Question

实际产品要求视觉上不希望点击CheckBox、Switch一类控件的点击效果（onPressed时出现的外围阴影），怎么去掉？

Answer 1

可以使用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) 
  })