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 lottie使用问题
333浏览 • 1回复 待解决
HarmonyOS soundpool使用问题
412浏览 • 1回复 待解决
HarmonyOS地图使用问题
331浏览 • 1回复 待解决
HarmonyOS websocket使用问题
227浏览 • 1回复 待解决
HarmonyOS RichEditor 使用问题
490浏览 • 1回复 待解决
HarmonyOS resourceManager使用问题
438浏览 • 1回复 待解决
HarmonyOS Navigation使用问题
399浏览 • 1回复 待解决
HarmonyOS Navigation 使用问题
404浏览 • 1回复 待解决
HarmonyOS onAreaChange使用问题
741浏览 • 1回复 待解决
HarmonyOS textpicker使用问题
260浏览 • 1回复 待解决
HarmonyOS ProtoBuffer使用问题
456浏览 • 1回复 待解决
HarmonyOS filePreview使用问题
296浏览 • 1回复 待解决
HarmonyOS customdialog使用问题
570浏览 • 1回复 待解决
HarmonyOS picker使用问题确认
306浏览 • 1回复 待解决
HarmonyOS MMKV的使用问题
485浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
360浏览 • 1回复 待解决
HarmonyOS swiper + LazyForEach使用问题
280浏览 • 1回复 待解决
HarmonyOS taskpool使用问题咨询
143浏览 • 1回复 待解决
HarmonyOS getRawFileContent使用问题咨询
566浏览 • 1回复 待解决
HarmonyOS @Extend 的使用问题
461浏览 • 1回复 待解决
HarmonyOS Promise & taskpool使用问题
267浏览 • 1回复 待解决
HarmonyOS Text/Span使用问题
418浏览 • 1回复 待解决
HarmonyOS关于API使用问题
380浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
211浏览 • 1回复 待解决