1 布局基础 on 编程那些事儿

1.1 为你的内容选择合适的容器视图

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/picking-container-views-for-your-content

1.1 为你的内容选择合适的容器视图

使用栈、网格、列表和表单构建灵活的用户界面。

概述

SwiftUI 提供了一系列用于分组和重复视图的容器视图。有些容器纯粹用于结构和布局，例如栈视图、惰性栈视图和网格视图。另一些容器（例如列表和表单）还会附带系统标准的视觉效果和交互方式。

1.2 用栈视图构建布局

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/building-layouts-with-stack-views

1.2 用栈视图构建布局

用基础容器视图组合出复杂的布局。

概述

单独来看，HStack、VStack 和 ZStack 都是很简单的视图。HStack 把视图排成水平一行，VStack 把它们排成垂直一列，而 ZStack 把它们层叠在一起。

1.3 用惰性栈视图对数据分组

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/grouping-data-with-lazy-stack-views

1.3 用惰性栈视图对数据分组

在惰性栈视图中把内容拆分为多个逻辑区段。

概述

LazyHStack 和 LazyVStack 视图都能显示按逻辑区段组织的视图组，分别把其子视图排成向水平方向和垂直方向延伸的行。这些栈之所以“惰性”，是因为栈视图在需要把项目渲染到屏幕上之前不会创建它们。与栈视图一样，惰性栈本身也不包含对滚动的支持，你应该把惰性栈视图包在 ScrollView 容器中。

1.4 创建高性能的可滚动栈

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/creating-performant-scrollable-stacks

1.4 创建高性能的可滚动栈

借助滚动视图、栈视图和惰性栈，高效地显示大量重复视图。

概述

你的应用经常需要在容器视图中显示比设备屏幕可用空间更多的数据。水平和垂直栈是重复视图或视图组的好方案，但它们没有内置的滚动机制。你可以把栈包进 ScrollView 来加入滚动，并在出现性能问题时改用惰性栈。

1.5 为视图添加背景

Sat, 12 Sep 2026 12:47:47 +0800

原文链接: https://developer.apple.com/documentation/swiftui/adding-a-background-to-your-view

1.5 为视图添加背景

在视图后面组合出一个背景，并把它延伸到安全区域内边距之外。

概述

你可以用 background(alignment:content:) 视图修饰符把一个视图添加为背景。要在多个视图下添加背景，或者让背景比现有视图更大，你可以把这些视图放进一个 ZStack 中来分层，并把你想作为背景的视图放在视图栈的最底层。你还可以指定背景视图忽略安全区域内边距，从而把背景延伸到部分或全部边缘。