HarmonyOS Slide使用问题

Slide的左右两边会出现间距,这个怎么处理,粉色背景是真实的Slider宽度,但是滑道的宽度并没有填充满。

HarmonyOS
2024-10-14 10:24:25
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

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

@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-10-14 15:58:17
相关问题
HarmonyOS onAreaChange使用问题
802浏览 • 1回复 待解决
HarmonyOS filePreview使用问题
341浏览 • 1回复 待解决
HarmonyOS textpicker使用问题
287浏览 • 1回复 待解决
HarmonyOS customdialog使用问题
645浏览 • 1回复 待解决
HarmonyOS ProtoBuffer使用问题
496浏览 • 1回复 待解决
HarmonyOS soundpool使用问题
475浏览 • 1回复 待解决
HarmonyOS lottie使用问题
379浏览 • 1回复 待解决
HarmonyOS Navigation 使用问题
432浏览 • 1回复 待解决
HarmonyOS地图使用问题
362浏览 • 1回复 待解决
HarmonyOS eventHub使用问题
13浏览 • 1回复 待解决
HarmonyOS RichEditor 使用问题
518浏览 • 1回复 待解决
HarmonyOS websocket使用问题
276浏览 • 1回复 待解决
HarmonyOS resourceManager使用问题
488浏览 • 1回复 待解决
HarmonyOS Navigation使用问题
457浏览 • 1回复 待解决
HarmonyOS MapComponent的使用问题
41浏览 • 1回复 待解决
HarmonyOS MMKV的使用问题
554浏览 • 1回复 待解决
HarmonyOS picker使用问题确认
327浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
416浏览 • 1回复 待解决
HarmonyOS getRawFileContent使用问题咨询
616浏览 • 1回复 待解决
HarmonyOS @Extend 的使用问题
508浏览 • 1回复 待解决
HarmonyOS Refresh组件使用问题
29浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
441浏览 • 1回复 待解决
HarmonyOS Promise & taskpool使用问题
295浏览 • 1回复 待解决
HarmonyOS swiper + LazyForEach使用问题
312浏览 • 1回复 待解决