HarmonyOS List等滚动容器的scrollBar什么时候支持自定义样式,目前只支持宽度和颜色

HarmonyOS List等滚动容器的scrollBar什么时候支持自定义样式,目前只支持宽度和颜色。

HarmonyOS
2024-10-10 12:57:15
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

目前滚动条和滑块都支持自定义,可参考下面代码和文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-scrollbar-V5

@Entry  
@Component  
struct page240524145602071 {  
  private scroller: Scroller = new Scroller()  
  private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]  
  build() {  
    Column() {  
      Stack({ alignContent: Alignment.End }) {  
        Scroll(this.scroller) {  
          Flex({ direction: FlexDirection.Column }) {  
            ForEach(this.arr, (item: number) => {  
              Row() {  
                Text(item.toString())  
                  .width('80%')  
                  .height(60)  
                  .backgroundColor('#3366CC')  
                  .borderRadius(15)  
                  .fontSize(16)  
                  .textAlign(TextAlign.Center)  
                  .margin({ top: 5 })  
              }  
            }, (item: number) => item.toString())  
          }.margin({ right: 15 })  
        }  
        .width('90%')  
        .scrollBar(BarState.Off)  
        .scrollable(ScrollDirection.Vertical)  
  
        ScrollBar({ scroller: this.scroller, direction: ScrollBarDirection.Vertical, state: BarState.Auto }) {  
          Image($r('app.media.app_icon'))  
            .width(20)  
        }  
        .width(20)  
        .height(100)  
        // .backgroundColor('#ededed')  
        .backgroundImage($r('app.media.background'))  
        .backgroundImageSize({ width: 20, height: 100 })  
      }  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-10 18:17:29
相关问题
Grid组件scrollBar是否支持自定义
2132浏览 • 1回复 待解决
自定义组件什么时候销毁
1784浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont?
191浏览 • 1回复 待解决
如何自定义滚动样式
458浏览 • 1回复 待解决
DevEco Studio什么时候开始支持linux
8734浏览 • 1回复 待解决
harmonyOS什么时候支持4G以上设备?
8709浏览 • 2回复 待解决
HarmonyOS 自定义Slider样式
229浏览 • 1回复 待解决
list 支持循环滚动吗?
2126浏览 • 1回复 待解决
HarmonyOS 是否支持自定义装饰器?
176浏览 • 1回复 待解决
HarmonyOS ArkWeb是否支持自定义UserAgent
306浏览 • 1回复 待解决
是否支持自定义装饰器
2027浏览 • 1回复 待解决