HarmonyOS 如何设置图片为圆形

一行有四个item,由于不同设备屏幕宽度是不一样,怎么设置可以实现在不同设备上,item之间的间距不变并且图片始终是圆形?

HarmonyOS
2024-12-25 13:46:33
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

参考示例如下:

GridItem() {
  Column() {
    Image($r('app.media.icon'))
      .width('100%')
      .aspectRatio(1)
      .borderRadius(borderRadiuses(2))
      .clipShape(new Circle({ width: '100%', height: '100%' }))

    Text('古风')
      .fontSize(16)
      .backgroundColor(0xF9CF93)
      .width('100%')
      .height(20)
      .textAlign(TextAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2024-12-25 16:00:25
相关问题
HarmonyOS 怎么设置圆形边框
184浏览 • 1回复 待解决
HarmonyOS image如何图片裁剪成圆形
204浏览 • 1回复 待解决
HarmonyOS 如何图片裁切成圆形
62浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片
12843浏览 • 2回复 已解决
HarmonyOS 如何较好的实现圆形头像
280浏览 • 1回复 待解决
如何设置卡片背景透明
3044浏览 • 1回复 待解决
HarmonyOS 如何将page设置透明
214浏览 • 1回复 待解决
HarmonyOS Slider如何设置不可用
179浏览 • 1回复 待解决
如何设置屏幕方向横屏
1578浏览 • 1回复 待解决