SwiftUI-004-图片加载以及圆形,边框和阴影

创建文件

选择File-New-FIle…

选择IOS-SwiftUI View

创建一个SwiftUI文件

img

设置文件

设置要保存的文件名称

注意选择文件要保存的位置,一般在黄色的目录图标下

蓝色的图标为根目录,不建议放单文件,而是建议按类目放文件夹

img

资源库

Xcode创建项目后会默认生成几个基本文件和目录

其中就有资源库,如APP的图标和图片都可以放在其中

将本地图片文件拖拽到资源库

重命名为合适的名称,如dog

img

加载图片

如图所示

使用Image标签加载图片名称即可

img

裁剪圆形

将图片裁剪为圆形

clipShape(Circle())

注意

有一些属性不会直接显示在控件属性面板

面板只会显示一些核心且常用的内容

如果需要从面板设置SwiftUI,则可以在右侧属性栏搜索属性关键词

当选中属性点击使用后,面板和代码也随之变化

img

画边框

画一个圆形边框覆盖到图片上

overlay(Circle().stroke(Color.white, lineWidth: 4))

img

添加阴影

给图片添加阴影

shadow(radius: 7)

img

END