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 动画使用问题
823浏览 • 1回复 待解决
HarmonyOS @Track使用问题
821浏览 • 1回复 待解决
HarmonyOS onAreaChange使用问题
1731浏览 • 1回复 待解决
HarmonyOS Scroll使用问题
814浏览 • 1回复 待解决
HarmonyOS @BuilderParam使用问题
703浏览 • 1回复 待解决
HarmonyOS Slider使用问题
966浏览 • 1回复 待解决
HarmonyOS jsbridge使用问题
983浏览 • 1回复 待解决
HarmonyOS Imageknife使用问题
950浏览 • 1回复 待解决
HarmonyOS ProtoBuffer使用问题
1145浏览 • 1回复 待解决
HarmonyOS customdialog使用问题
1945浏览 • 1回复 待解决
HarmonyOS textpicker使用问题
878浏览 • 1回复 待解决
HarmonyOS RichEditor使用问题
790浏览 • 1回复 待解决
HarmonyOS filePreview使用问题
1191浏览 • 1回复 待解决
HarmonyOS Navigation 使用问题
1408浏览 • 1回复 待解决
HarmonyOS Navigation使用问题
1622浏览 • 1回复 待解决
HarmonyOS lottie使用问题
1266浏览 • 1回复 待解决
HarmonyOS eventHub使用问题
1175浏览 • 1回复 待解决
HarmonyOS地图使用问题
1241浏览 • 1回复 待解决
HarmonyOS Worker使用问题
965浏览 • 1回复 待解决
HarmonyOS resourceManager使用问题
1546浏览 • 1回复 待解决
HarmonyOS soundpool使用问题
1418浏览 • 1回复 待解决
HarmonyOS websocket使用问题
1308浏览 • 1回复 待解决
HarmonyOS RSA使用问题
707浏览 • 1回复 待解决
HarmonyOS CustomDialogController使用问题
807浏览 • 1回复 待解决