SwiftUI（一） - 相关文章

【SwiftUI（一）】的更多相关文章

SwiftUI 官方教程（八）

8. 动态生成预览接下来,我们会在 LandmarkList_Previews 中添加代码以在不同的设备尺寸上渲染列表.默认情况下,预览会以当前的 scheme 中设备的大小进行渲染.我们可以通过调用 previewDevice(_:) 方法来改变预览设备.SwiftUI官方教程 8.1 首先,改变当前 list 的预览来显示 iPhone SE 的尺寸. 我们可以输入任何 Xcode scheme 菜单中显示的设备名称. LandmarkList.swift import SwiftUI s…

SwiftUI 官方教程（七）

7. 给子 View 传递数据 LandmarkDetail 现在依然使用硬编码的数据来显示地标.像 LandmarkRow 一样,LandmarkDetail 类型和它组合的其他 view 都需要一个 landmark 属性作为它们的数据源. 在开始子 view 的内容时,我们会把 CircleImage . MapView 和 LandmarkDetail 的显示从硬编码改为传入的数据.SwiftUI 官方教程 7.1 在 CircleImage.swif 中,添加存储属性 image .S…

SwiftUI 官方教程（六）

6. 在列表和详情之间设置导航虽然列表已经能显示了,但是我们还不能通过点击单个地标来查看地标详情页面.SwiftUI教程把 list 嵌入一个 NavigationView 中,并把每个 row 嵌套在一个 NavigationButton 中来设置到目标 view 的转场,这样 list 就具有了导航功能. 6.1 把自动创建地标的 list 嵌入到一个 NavigationView 中. LandmarkList.swift import SwiftUI struct LandmarkL…

SwiftUI 官方教程（五）

SwiftUI官方教程(五) 5. 同时使用 UIKit 和 SwiftUI 至此,我们已准备好创建 map view 了,接下来使用 MapKit 中的 MKMapView 类来渲染地图. 在 SwiftUI 中使用 UIView 子类,需要将其他 view 包装在遵循 UIViewRepresentable 协议的 SwiftUI view 中. SwiftUI 包含了和 WatchKit . AppKit view 类似的协议. 首先,我们创建一个可以呈现 MKMapView 的自定义 v…

SwiftUI 官方教程（四）

SwiftUI 官方教程(四) 4. 自定义 Image View 搞定名称和位置 view 后,我们来给地标添加图片. 这不需要添加很多代码,只需要创建一个自定义 view,然后给图片加上遮罩.边框和阴影即可. 首先将图片添加到项目的 asset catalog 中. SwiftUI 官方教程 4.1 在项目的 Resources 文件夹中找到 turtlerock.png ,将它拖到 asset catalog 的编辑器中. Xcode 会给图片创建一个 image set . 接下来,创建…

SwiftUI 官方教程（三）

3. 用 Stacks 组合 View 在上一节创建标题 view 后,我们来添加 text view,它用来显示地标的详细信息,比如公园的名称和所在的州. 在创建 SwiftUI view 时,我们可以在 view 的 body 属性中描述其内容.布局和行为.由于 body属性仅返回单个 view,所以我们可以使用 Stacks 来组合和嵌入多个 view,让它们以水平.垂直或从后到前的顺序组合在一起. 在本节中,我们使用水平的 stack 来显示公园的详细信息,再用垂直的 stack 将标题…

SwiftUI 官方教程（二）

SwiftUI 官方教程(二) 2. 自定义 Text View 为了自定义 view 的显示,我们可以自己更改代码,或者使用 inspector 来帮助我们编写代码. 在构建 Landmarks 的过程中,我们可以使用任何编辑器来工作:编写源码.修改 canvas.或者通过 inspectors ,无论使用哪种工具,代码都会保持更新. 接下来,我们使用 inspector 来自定义 text view . SwiftUI教程 2.1 在预览中,按住 Command 并单击问候语来显示编辑窗口,…