HarmonyOS 鸿蒙Next borderRadius百分比不生效,正常的vp生效，为啥？
HarmonyOS 鸿蒙Next borderRadius百分比不生效,正常的vp生效，为啥？
build() {
RelativeContainer() {
Image(this.VideoShortData.userPic)
.borderRadius(‘15%’)
.width(“15%”)
.alignRules({
top: { anchor: “container”, align: VerticalAlign.Center },
right: { anchor: “container”, align: HorizontalAlign.End }
})
Column() {
Text(this.VideoShortData.userName).fontColor(Color.Black)
Text(this.VideoShortData.title).fontColor(Color.Black)
}
.alignItems(HorizontalAlign.Start)
.alignRules({
top: { anchor: “container”, align: VerticalAlign.Bottom },
left: { anchor: “container”, align: HorizontalAlign.Start }
})
}
.height(‘100%’)
.width(‘100%’)
}
19 回复
@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))
.onAreaChange((oldValue, newValue) => {
this._viewWidth = newValue.width as number;
})
}
.height('100%')
.width('100%')
}
}
