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是否支持设置变量
1875浏览 • 1回复 待解决
组件属性width是否支持使用变量定义
181浏览 • 1回复 待解决
组件宽度width是否包含borderWidth
364浏览 • 1回复 待解决
PopupDialog 不显示怎么回事?
7265浏览 • 2回复 待解决
HarmonyOS web组件alert不显示
120浏览 • 1回复 待解决
鸿蒙系统角标不显示怎么回事?
8556浏览 • 1回复 待解决
HarmonyOS web加载页面图片不显示
85浏览 • 1回复 待解决
harmonyos-webview-布局增加load不显示
6331浏览 • 3回复 待解决
HarmonyOS 使用 api11 地图不显示
81浏览 • 1回复 待解决
image组件,files目录文件不显示
1414浏览 • 1回复 待解决
harmony surfaceProvider绘制不显示问题
9806浏览 • 4回复 待解决
请问现在harmonyOS有屏幕适配方案吗?
3416浏览 • 1回复 待解决
请问ScrollView怎么显示滚动条?
5275浏览 • 1回复 待解决
编译出现问题,请问怎么解决
85浏览 • 1回复 待解决