用SwiftUI开发IOS15的APP 学习笔记

131 阅读1分钟

原视频:3. Layout Code and Preview_哔哩哔哩_bilibili

快捷键

command + shift + l : 添加组件 command + b:重新编译 双击左括号:自动跳转右括号 command + shift + a : 切换暗黑模式

环境变量

暗黑模式

image.png

组件

List

样式

image.png

image.png

image.png

image.png

SF Symbol

渲染模式(Rendering)

  • Hierarchy:不同透明度

image.png

  • 调色板(Palette)

image.png

使用 imageScale 调整和旁边文本的比例

image.png

在绘图工具中可以使用绘制轮廓获取矢量点

一些使用

image.png

Canvas

一些使用

image.png

TimelineView

每 3 秒循环一次

image.png

一些使用

image.png

Button

调整间距大小

image.png

预览固定大小和预览设定设备

image.png

毛玻璃效果背景,以及背景的形状

image.png

除了设置前景色还可以设置前景样式

image.png

可以使用 mask 代替 clipshape,mask 还可以设置透明度等

image.png

设置图层的叠加模式

image.png

Tabbar 中的字体使用 caption2,宽 44 高 29

image.png

应用存储,退出之后依赖可以保存

image.png

shadow 要用在 rotationi3DEffect 之后,否则 material 会不生效

预览中怎么使用 namespace

image.png

hueRotation 改变图片的色调

image.png

禁用元素的交互事件

image.png

解析 URL 请求

image.png

枚举转数组循环

image.png