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 滑动问题
788浏览 • 1回复 待解决
HarmonyOS scroll滑动问题
1327浏览 • 1回复 待解决
HarmonyOS list滑动问题
1765浏览 • 1回复 待解决
HarmonyOS 嵌套滑动问题
1388浏览 • 1回复 待解决
HarmonyOS onToch事件滑动问题
843浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List的滑动问题
1100浏览 • 1回复 待解决
HarmonyOS .bindSheet() 绑定控件弹窗滑动问题
1277浏览 • 1回复 待解决
TabContent内web组件滑动问题
1095浏览 • 2回复 待解决
HarmonyOS 双向滑动Slider组件
1155浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
1102浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
1144浏览 • 1回复 待解决
仿射变换后列表滑动问题
1213浏览 • 1回复 待解决
HarmonyOS TabContent嵌套Swiper,如何处理滑动问题
899浏览 • 1回复 待解决
HarmonyOS list嵌套tabs,tabs嵌套web,滑动问题
1250浏览 • 1回复 待解决
HarmonyOS 关于Tabs、TabContent组件滑动联动问题的咨询
1554浏览 • 1回复 待解决
如何监听Slider滑动结束
1490浏览 • 1回复 待解决
HarmonyOS Slider滑动自定义tips
1234浏览 • 1回复 待解决
HarmonyOS Web组件在List中使用时的滑动问题
777浏览 • 1回复 待解决
HarmonyOS 滑动条Slider,特殊滑块样式如何实现
931浏览 • 1回复 待解决
HarmonyOS Slider使用问题
995浏览 • 1回复 待解决
HarmonyOS scroll滚动问题
1030浏览 • 1回复 待解决
HarmonyOS bindSheet拖动问题
727浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
1710浏览 • 1回复 待解决
如何实现纵向且逆向滑动的Slider?
1284浏览 • 1回复 待解决
HarmonyOS 悬浮按钮拖动问题
1607浏览 • 1回复 待解决
请参考以下代码示例: