本篇中，我们将通过对视图修饰器 frame 和 offset 的仿制进一步加深对 SwiftUI 布局机制的理解，并通过一些示例展示在布局时需要注意的问题。

本文将从布局的角度入手，为你揭开盖在 SwiftUI 尺寸概念上面纱，了解并掌握 SwiftUI 中众多尺寸的含义与用法

swiftui 中的 padding 用于设置视图的填充。 使用 padding() 可以指定 Text、Button 等视图填充的数值，或者是对一个或多个边设置填充。

swiftui 中最常用的构建布局的视图当属：VStack、HStack、ZStack 莫属。借助这 3 个 Stack，我们能构建出，上下，左右，等宽，叠放，或者是类似于前端的 Flex 布局。

在 SwiftUI 中，List 是用于显示一系列行的控件，类似于 iOS 中的表格视图。下面是一些常见的 List 使用方法。 简单的静态列表 如果是一个简单的静态列表，可以直接使用字符串数组： 效

Button的常规使用 设置button的常用属性 .background() 设置背景 可以为颜色或者其他控件 .frame() 设置宽或高 .clipShape() 裁剪到指定形状 .border

List的常规使用 List对标UIKit中的UITabView,而UITabView是我们在App开发中常用的控件之一。 1.List 静态数据展示 2.动态数据展示和List多选 当然大部分情况下

ScrollView 使用 UIKit中 scrollView有十分丰富的功能，但是在SwiftUI中ScrollView变化很多，在其声明的地方只有一个滚动方向和是否展示进度条的设置 如果我们现在需

在 SwiftUI 中，Alignment Guides（对齐指南） 是一种强大的机制，用于控制视图在其父容器中的对齐方式。默认情况下，SwiftUI 的布局容器（如 HStack、VStack、ZS