鸿蒙开发之ArkUI 界面篇 十一 美化篇 组件圆角
borderRadius可以用于所有的组件例如Text、Button和所有的容器。
·
如图，Image加载本地图片，图片无圆角，代码：Image($r('app.media.bz_img')).height(80)
显示效果如图：
只需要加上.borderRadius(10)，四个角均变成了圆角，效果如图：
因为这个属性是联合类型，所以可以分别修改四个角， 语法格式如下：
.borderRadius({
topLeft:30,
topRight:13,
bottomLeft:15,
bottomRight:10,
})
效果如下图：
需要注意的是：borderRadius可以用于所有的组件例如Text、Button和所有的容器
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
1
0- 0
已为社区贡献7条内容
所有评论(0)