HarmonyOS 鸿蒙Next如何设置Image为圆形
HarmonyOS 鸿蒙Next如何设置Image为圆形
width(“13.6%”)
我的宽度是这样的
高度不固定,
如何设置Image为圆形
我的宽度是这样的
高度不固定,
如何设置Image为圆形
3 回复
可以参考demo
import display from '[@ohos](/user/ohos).display'
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page4 {
[@State](/user/State) imgWidth:number=0
// 2、获取相关信息,宽高
aboutToAppear() {
display.getAllDisplays((err, data) => {
let screenWidth : number = data[0].width
this.imgWidth=screenWidth * 0.136
})
}
build() {
Column({space:20}){
Column(){
}
.width(this.imgWidth)
.height(this.imgWidth)
.clip(true)
.borderRadius(this.imgWidth/2)
.backgroundImage($r('app.media.app_icon'))
.backgroundImagePosition(Alignment.Center)
.border({width:1})
.backgroundImageSize(ImageSize.Cover)
Column(){
Image($r('app.media.app_icon'))
.width('100%')
.height('100%')
}
.width(this.imgWidth)
.height(this.imgWidth)
.clip(true)
.borderRadius(this.imgWidth/2)
}
}
}
更多关于HarmonyOS 鸿蒙Next如何设置Image为圆形的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html
Image(). width("13.6%").
.borderRadius(this.imageHeight/2)
.onSizeChange((oldSize, newSize) => {
this.imageHeight = newSize.heigh as number
})