怎么实现text的背景图片随文本长度变化而伸缩,保持高度不变

怎么实现text的背景图片随文本长度变化而伸缩,保持高度不变?

HarmonyOS
2024-06-03 22:58:43
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
落月无痕

设置背景图片高度与text高度一致,宽度为100%,也可以自定义背景实现。

第一种:

Text(`${this.textStr}`) 
  .height(18) 
  .backgroundImage($r('app.media.blank')) 
  .backgroundImageSize({height: 18, width: '100%'})

第二种:

@Entry 
@Component 
struct Test { 
  build() { 
    Column(){ 
      Text(`${this.textStr}`) 
        .height(18) 
        .background(this.createBackgroundImg(18)) 
    } 
  } 
  @Builder createBackgroundImg(height: number) { 
    Image($r('app.media.blank')) 
      .height(height) 
      .objectFit(ImageFit.Fill) 
      .width('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 22:06:13
相关问题
HarmonyOS 背景图片如何填充满组件
310浏览 • 1回复 待解决
如何实现标签随文本换行
906浏览 • 1回复 待解决
如何实现背景随文字大小改变
498浏览 • 1回复 待解决
ArkTS实现Text文本【...展开】
1535浏览 • 2回复 待解决
Text怎么设置文本渐变?
181浏览 • 0回复 待解决
HarmonyOS 设置冷启动背景图
192浏览 • 1回复 待解决
Text怎么显示带html标签文本
4276浏览 • 1回复 待解决
Text怎么解析展示带html标签文本
1989浏览 • 1回复 待解决