HarmonyOS 如何设置图片为圆形

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

HarmonyOS
2024-12-25 13:46:33
813浏览
收藏 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)
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
分享
微博
QQ
微信
回复
2024-12-25 16:00:25
相关问题
HarmonyOS image如何图片裁剪成圆形
590浏览 • 1回复 待解决
HarmonyOS 如何图片裁切成圆形
705浏览 • 1回复 待解决
HarmonyOS 怎么设置圆形边框
705浏览 • 1回复 待解决
鸿蒙 如何实现一个渐变的圆形图片
13450浏览 • 2回复 已解决
如何设置卡片背景透明
3659浏览 • 1回复 待解决
HarmonyOS 如何较好的实现圆形头像
884浏览 • 1回复 待解决
HarmonyOS Slider如何设置不可用
801浏览 • 1回复 待解决
HarmonyOS 如何将page设置透明
755浏览 • 1回复 待解决
如何设置屏幕方向横屏
2445浏览 • 1回复 待解决