【HarmonyOS】鸿蒙borderRadius百分比计算

最新推荐文章于 2024-11-20 14:45:08 发布

zhongcx01

最新推荐文章于 2024-11-20 14:45:08 发布

阅读量201

点赞数 3

文章标签： harmonyos 华为鸿蒙

本文链接：https://blog.csdn.net/zhongcongxu01/article/details/142582233

版权

【HarmonyOS】borderRadius百分比不生效，可以根据onAreaChange自己封装个方法计算百分比。

@Entry
@Component
struct Page32 {
  @State private _viewWidth: number = 0;

  private getPercentOfWidth(percent: number): number {
    return this._viewWidth / 100 * percent;
  }

  build() {
    Column() {
      Text('哈哈')
        .width(200)
        .height(200)
        .textAlign(TextAlign.Center)
        .backgroundColor(Color.Pink)
        .borderRadius(this.getPercentOfWidth(15))//15%
        .onAreaChange((oldValue, newValue) => {
          this._viewWidth = newValue.width as number;
        })

    }
    .height('100%')
    .width('100%')
  }
}