HarmonyOS Slider滑动问题
需要在滑动的时候修改滑块样式,所以按照如下实现,但是在点击滑轨的时候或者滑动结束之后,滑块无法定位到对应位置。
代码如下:
@Entry
@Component
struct SliderExample {
@State isDragging: boolean = false
build() {
Column({ space: 8 }) {
Text('block').fontSize(9).fontColor(0xCCCCCC).margin(15).width('90%')
Slider({ style: SliderStyle.OutSet, value: 40 })
.onChange((value: number, mode: SliderChangeMode) => {
if (mode == SliderChangeMode.Begin) {
this.isDragging = true
}else if(mode == SliderChangeMode.End){
this.isDragging = false
}
})
.margin({ left: this.isDragging ? -15 : -3, right: this.isDragging ? -14 : -2 })
.trackColor(Color.Black)
.layoutWeight(1)
.blockColor(this.isDragging ? "#f2ff2e43" : Color.White)
.blockSize({ width: this.isDragging ? 40 : 16, height: this.isDragging ? 40 : 16 })
.selectedColor("#f2ff2e43")
.trackThickness(2)
.blockBorderColor(this.isDragging ? "#80fe3b5d" : "")
.blockBorderWidth(this.isDragging ? 22 : 0)
}
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 滑动问题
763浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
1329浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
1278浏览 • 1回复 待解决
HarmonyOS list滑动问题
1714浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
819浏览 • 1回复 待解决
HarmonyOS .bindSheet() 绑定控件弹窗滑动问题
1219浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
1061浏览 • 1回复 待解决
TabContent内web组件滑动问题
1053浏览 • 2回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
1045浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
1109浏览 • 1回复 待解决
仿射变换后列表滑动问题
1174浏览 • 1回复 待解决
HarmonyOS 双向滑动Slider组件
1081浏览 • 1回复 待解决
HarmonyOS TabContent嵌套Swiper,如何处理滑动问题
876浏览 • 1回复 待解决
HarmonyOS list嵌套tabs,tabs嵌套web,滑动问题
1193浏览 • 1回复 待解决
HarmonyOS 关于Tabs、TabContent组件滑动联动问题的咨询
1489浏览 • 1回复 待解决
如何监听Slider滑动结束
1463浏览 • 1回复 待解决
HarmonyOS Slider滑动自定义tips
1204浏览 • 1回复 待解决
HarmonyOS Web组件在List中使用时的滑动问题
747浏览 • 1回复 待解决
HarmonyOS Slider使用问题
947浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
691浏览 • 1回复 待解决
HarmonyOS scroll滚动问题
954浏览 • 1回复 待解决
HarmonyOS 滑动条Slider,特殊滑块样式如何实现
900浏览 • 1回复 待解决
如何实现纵向且逆向滑动的Slider?
1251浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
1604浏览 • 1回复 待解决
HarmonyOS LongPressGesture手势移动问题
1237浏览 • 1回复 待解决
请参考以下代码示例: