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

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

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

设置背景图片高度与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
相关问题
如何实现标签随文本换行
442浏览 • 1回复 待解决
如何实现背景随文字大小改变
192浏览 • 1回复 待解决
ArkTS实现Text文本【...展开】
396浏览 • 1回复 待解决
Text怎么显示带html标签文本
3130浏览 • 1回复 待解决
Text怎么解析展示带html标签文本
1447浏览 • 1回复 待解决
怎么text文本排在image里面的右下角
312浏览 • 1回复 待解决
能把Shape配置成Text背景吗?
399浏览 • 1回复 待解决
Text实现scroll效果怎么弄?
4148浏览 • 1回复 待解决
怎么才能让编写工具保持活跃?
538浏览 • 1回复 待解决
怎么实现后台上传图片
1081浏览 • 1回复 待解决