HarmonyOS Rating组件starStyle设置图片无效

Rating组件starStyle设置图片不显示,详见test demo:

Column() {
  Rating({
    rating: 3,
    indicator: true
  })
    .margin({ top: 50 })
    .stars(5)
    .stepSize(0.5)// 不知为何设置图片不起作用,可能需要等Next版本更新后再试试
    .starStyle({
      backgroundUri: '../../../resources/base/media/ic_star_gray_rectangle.png',
      foregroundUri: '../../../resources/base/media/ic_star_red_rectangle.png',
      secondaryUri: '../../../resources/base/media/ic_star_red_gray_rectangle.png'
    })
}
.height('100%')
.width('100%')
HarmonyOS
2024-12-26 14:04:11
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

参考示例:

// xxx.ets
@Entry
@Component
struct RatingExample {
  @State rating: number = 3.5

  build() {
    Column() {
      Rating({ rating: this.rating, indicator: false })
        .stars(5)
        .stepSize(0.5)
        .starStyle({
          backgroundUri: '/common/imag1.png', // common目录与pages同级
          foregroundUri: '/common/imag2.png',
          secondaryUri: '/common/imag3.png'
        })
        .margin({ top: 24 })
        .onChange((value: number) => {
          this.rating = value
        })
      Text('current score is ' + this.rating)
        .fontSize(16)
        .fontColor('rgba(24,36,49,0.60)')
        .margin({ top: 16 })
    }.width('100%').height('100%').backgroundColor('#F1F3F5')
  }
}
分享
微博
QQ
微信
回复
2024-12-26 17:46:57
相关问题
HarmonyOS 组件设置属性无效
655浏览 • 1回复 待解决
HarmonyOS designWidth设置无效
110浏览 • 1回复 待解决
HarmonyOS 设置margin无效
40浏览 • 1回复 待解决
HarmonyOS 设置 bodercolor 无效
440浏览 • 1回复 待解决
HarmonyOS camera设置对焦无效
629浏览 • 1回复 待解决
HarmonyOS 读取相册图片无效
154浏览 • 1回复 待解决
HarmonyOS Progress设置渐变无效
85浏览 • 1回复 待解决
HarmonyOS bindPopup设置color无效
1076浏览 • 0回复 待解决
HarmonyOS 用域名设置cookie无效
375浏览 • 1回复 待解决
HarmonyOS Text内部Span的宽度设置无效
182浏览 • 1回复 待解决
HarmonyOS 设置的应用图标和名称无效
75浏览 • 1回复 待解决