HarmonyOS border的width属性小于0.3就不显示,现在需要width:0.15请问怎么解决

HarmonyOS border的width属性小于0.3就不显示,现在需要width:0.15请问怎么解决

HarmonyOS
2024-08-09 16:21:05
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以使用相对布局制作一个比目标组件稍大的背景,并将目标组件叠加在背景上,实现类边框效果。参考代码:

@Entry 
@Component 
struct BorderExample3 { 
  @State textWidth: Length = 0; 
  @State textHeight: Length = 0; 
  private textBorderWidth: number = 0.15 
  build() { 
    RelativeContainer() { 
      // 背景 
      Text('') 
        .width(this.textBorderWidth * 2 + (this.textWidth as number)) 
        .height(this.textBorderWidth * 2 + (this.textHeight as number)) 
        .backgroundColor(Color.Black) 
        .alignRules({ 
          top: { anchor: '__container__', align: VerticalAlign.Top }, 
          left: { anchor: '__container__', align: HorizontalAlign.Start } 
        }) 
        .id("back1") 
 
      // 文本 
      Text('一二三一二三一二三一二三一二三一二三一二三一二三') 
        .fontSize(30) 
        .onAreaChange((oldValue: Area, newValue: Area) => { 
          this.textWidth = newValue.width 
          this.textHeight = newValue.height 
        }) 
        .margin({ top: this.textBorderWidth, left: this.textBorderWidth }) 
        .width(200) 
        .backgroundColor(Color.White) 
        .alignRules({ 
          top: { anchor: "back1", align: VerticalAlign.Top }, 
          left: { anchor: "back1", align: HorizontalAlign.Start }, 
        }) 
        .id("text1") 
    } 
    .width('100%').height('100%') 
    .margin({ left: 50 }) 
  } 
}
分享
微博
QQ
微信
回复
2024-08-09 19:29:09
相关问题
组件属性width是否支持使用变量定义
365浏览 • 1回复 待解决
通用属性width是否支持设置变量
2052浏览 • 1回复 待解决
HarmonyOS newValue.width何时是number类型?
130浏览 • 1回复 待解决
组件宽度width是否包含borderWidth
536浏览 • 1回复 待解决
PopupDialog 不显示怎么回事?
7410浏览 • 2回复 待解决
HarmonyOS CustomDialogController 不显示
155浏览 • 1回复 待解决
HarmonyOS web组件alert不显示
375浏览 • 1回复 待解决
鸿蒙系统角标不显示怎么回事?
8940浏览 • 1回复 待解决
HarmonyOS dialog调用open方法,不显示
196浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
350浏览 • 1回复 待解决