HarmonyOS 如何自定义Toggle样式

Toggle({ type: ToggleType.Switch, isOn: this.data.data == "open" })// .switchPointColor("#767577")
  .width(30)
  .height(14)
  .borderColor("#767577")
  .selectedColor("#8c7fee")
  .switchStyle({
    pointRadius: 10,
    trackBorderRadius: 50,
    pointColor: '#F4F3F4',
    unselectedColor: "#767577"
  })
  .margin({ right: 10 })
  .onChange((isOn: boolean) => {
    this.data.data = isOn ? "open" : "close"
  })

目前的表现近似UI的设计但圆形的切换img纯色的,能否对其进行更多属性的设置,如增加立体感的边框或阴影。

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

圆形按钮无法设置阴影和边框,目前无法实现禁用点击行为且组件颜色不发生变化,只能通过可以尝试使用Stack在Toggle上添加透明蒙层来实现不响应点击。

分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 如何自定义 toast 样式
289浏览 • 1回复 待解决
HarmonyOS 自定义Slider样式
552浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
602浏览 • 1回复 待解决
HarmonyOS Refresh自定义刷新样式
232浏览 • 1回复 待解决
HarmonyOS CheckBox 自定义样式问题
249浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
9024浏览 • 1回复 待解决
如何自定义滚动条的样式
733浏览 • 1回复 待解决
HarmonyOS Slider无法自定义滑轨样式
223浏览 • 1回复 待解决
如何自定义Video组件控制栏样式
2646浏览 • 1回复 待解决
HarmonyOS如何自定义Swiper指示器样式
262浏览 • 0回复 待解决
CounterComponent的样式是否可以自定义
402浏览 • 1回复 待解决
HarmonyOS Radio设置自定义单选样式
256浏览 • 1回复 待解决