HarmonyOS Slider UI展示问题

1、水平Slider左右padding的默认10vp如何去掉或者覆盖。期望是没有这个padding,如何实现?

2、Slider的如何将滑块去掉?设置属性blockColor为透明色#00ffffff,会有黑色蒙层,无法实现预期效果。

3、当高度设置成0.5的时候,已经滑动的部分展示出来的高度不是0.5。

build() {  
  Column() {  
    Row(){  
      Slider({ min: 0, max: 100, step: 1,value:40})  
        .onChange((value: number, mode: SliderChangeMode) => {  
        })  
        .height(0.5)  
        .padding(0)  
        .selectedColor("#ed6f21")  
        .trackThickness(0.5)  
        .blockBorderWidth(0.5)  
        .trackColor('#80ffffff')  
        .blockColor('#00000000')  
    }  
    .height(0.5)  
  }  
}
HarmonyOS
2024-09-27 12:59:37
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

1、当Slider为水平滑动条时,Slider默认高度为40vp,宽度为父容器的宽度,滑动条居中显示,左右间距为分别为10vp,若设置padding,padding不会覆盖左右间距。可以使用.margin属性拉长Slider宽度。

2、想去掉滑块,可以将滑块设置为滑轨内,然后滑块和滑动条设置相同颜色,然后把滑动块通过blockSize设置小,默认blockSize是长宽为12

3、滑动高度是trackThickness属性来设置的。

示例代码如下:

@Entry  
@Component  
struct Example {  
  build() {  
    Column() {  
      Row() {  
        Slider({  
          min: 0,  
          max: 100,  
          step: 1,  
          value: 40,  
          style: SliderStyle.InSet  
        })  
          .margin({ left: -10, right: -10 })  
          .selectedColor("#ed6f21")  
          .trackThickness(20)  
          .blockBorderWidth(0)  
          .blockBorderColor("#ed6f21")  
          .trackColor('#000000')  
          .blockColor('#ed6f21')  
          .blockSize({ width: 0.2, height: 0.2 })  
      }.width('100%').backgroundColor(Color.Pink).height(50)  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-09-27 17:19:52
相关问题
HarmonyOS Slider滑动问题
229浏览 • 1回复 待解决
HarmonyOS Slider showTips
142浏览 • 1回复 待解决
JS的Slider旋转问题有知道的吗?
3152浏览 • 1回复 待解决
HarmonyOS UI布局问题
326浏览 • 1回复 待解决
HarmonyOS List展示不全的问题
170浏览 • 1回复 待解决
HarmonyOS DatePicker组件年份展示问题
363浏览 • 1回复 待解决
HarmonyOS UI 单位适配问题
186浏览 • 1回复 待解决
HarmonyOS 列表展示list懒加载问题
463浏览 • 1回复 待解决
HarmonyOS 自定义Slider样式
237浏览 • 1回复 待解决
HarmonyOS UI内部使用AppStorage问题
235浏览 • 1回复 待解决
HarmonyOS UI 未刷新问题
367浏览 • 0回复 待解决
Slider拦截点击事件失败
195浏览 • 1回复 待解决
HarmonyOS 原生应用的UI设计问题
307浏览 • 1回复 待解决
可以用JS UI组件来做进度展示吗?
5703浏览 • 1回复 待解决
如何监听Slider滑动结束
352浏览 • 1回复 待解决
flutter_slider_drawer适配HarmoneyOS版
46浏览 • 1回复 待解决
HarmonyOS 一个UI 优化方面的问题
236浏览 • 1回复 待解决
如何修改Slider滑块的颜色?
333浏览 • 1回复 待解决
关于Java UI Checkbox的问题?
5736浏览 • 1回复 待解决
HarmonyOS map无法展示
98浏览 • 1回复 待解决
如何实现纵向且逆向滑动的Slider
357浏览 • 1回复 待解决
关于 JS UI 开发的应用的问题
5612浏览 • 1回复 待解决