最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

SwiftUI圆形图片制作示例_如何设置图片为圆形并加边框阴影效果

IOS 太平洋学习网 浏览 评论

这个教程将使用SwiftUI制作一个圆形图片,并给图片设置边框与阴影效果,我们以前的swift使用的是UIImageView这个对象来加载图片,这是UIkit里面的类,而今天的SwiftUI加载图片,直接使用Image对象,则更加简单。

image.png

创建SwiftUI项目


添加一张图片到Asset资源文件夹中,拖拽到资源文件夹中,如图所示:

imageDrag.png

SwiftUI加载图片时使用Image对象,设置图片宽度与高度为150px,代码如下:

Image("swiftui")
.resizable()
.frame(width: 150, height: 150)

设置图片为圆形并添加图片边框与阴影效果,代码如下:

Image("swiftui")
.resizable()
.frame(width: 200, height: 200)
.clipShape(Circle())
.overlay(Circle().stroke(Color.white, lineWidth: 4))
.shadow(radius: 10)

SwiftUI中的Circle()方法就是设置图片为圆形的,stroke()方法则是添加图片边框,里面的两个属性分别是设置边框为白色,以及宽度为4px,效果如图:

Screenshot 2019-09-19 at 9.25.55 AM.png


来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/object-c_ios/958.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论