swift修改输入光标颜色 swiftui 输入框

转载

mob64ca13f83523 2024-08-16 11:52:00

文章标签 swift修改输入光标颜色 swiftui swift ios SwiftUI的状态绑定 文章分类 Swift 移动开发

SwiftUI基础入门
一共分为10个系列
①(创建和组合视图篇) 共6个内容已更新②(建筑列表和导航篇) 共8个内容已更新
③(处理用户输入篇) 共6个内容已更新

处理用户输入

SwiftUI 是一种为任何 Apple 平台声明用户界面的现代方式。比以往更快地创建美观、动态的应用程序。
①、SwiftUI基础
1、[处理用户输入](https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation)`预计20分钟`
1.1、标记用户最喜欢的地标
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
1.2、过滤列表视图
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
第 6 步
1.3、添加控件以切换状态
第 1 步
第 2 步
第 3 步
第 4 步
1.4、使用可观察对象进行存储
第 1 步
第 2 步
第 3 步
第 4 步
1.5、在您的视图中采用模型对象
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
第 6 步
第 7 步
1.6、为每个地标创建一个收藏按钮
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
第 6 步
第 7 步

SwiftUI 是一种为任何 Apple 平台声明用户界面的现代方式。比以往更快地创建美观、动态的应用程序。

学习完成预计时间 : 4小时25分钟.

SwiftUI参考文档

①、SwiftUI基础

1、处理用户输入`预计20分钟`

SwiftUI 基础
处理用户输入
在 Landmarks 应用程序中，用户可以标记他们最喜欢的地方，并过滤列表以仅显示他们的最爱。要创建此功能，您首先要在列表中添加一个开关，以便用户可以只关注他们的收藏夹，然后您将添加一个星形按钮，用户点击该按钮即可将地标标记为收藏夹。

下载启动项目并按照本教程进行操作，或者打开完成的项目并自行探索代码。

1.1、标记用户最喜欢的地标

从增强列表开始，一目了然地向用户显示他们的最爱。向结构中添加一个属性以将Landmark地标的初始状态读取为收藏，然后为每个显示收藏地标的星添加一个星号。LandmarkRow

swift修改输入光标颜色 swiftui 输入框_swift修改输入光标颜色_02

第 1 步

打开起点 Xcode 项目或您在上一教程中完成的项目，然后在 Project navigator 中选择。Landmark.swift

swift修改输入光标颜色 swiftui 输入框_swiftui_03

第 2 步

向结构添加属性。isFavoriteLandmark

对于每个地标，该文件都有一个具有此名称的键。因为符合，您可以通过创建与键同名的新属性来读取与键关联的值。landmarkData.jsonLandmarkCodable

var isFavorite: Bool                // 标记是否喜欢

swift修改输入光标颜色 swiftui 输入框_ios_04

第 3 步

在项目导航器中选择。LandmarkRow.swift

第 4 步

在分隔符之后，在if语句中添加星形图像，以测试当前地标是否是收藏夹。

在 SwiftUI 块中，您可以使用if语句有条件地包含视图。

swift修改输入光标颜色 swiftui 输入框_swiftui_05

第 5 步

因为系统图像是基于矢量的，所以您可以使用修改器更改它们的颜色。foregroundColor(_😃

每当地标的属性为时，该星都会出现。您将在本教程后面看到如何修改该属性。isFavoritetrue

swift修改输入光标颜色 swiftui 输入框_SwiftUI的状态绑定_06

1.2、过滤列表视图

您可以自定义列表视图，使其显示所有地标，或仅显示用户的收藏夹。为此，您需要为类型添加一些状态。LandmarkList

状态是一个值或一组值，可以随时间变化，并影响视图的行为、内容或布局。您可以使用带有属性的@State属性向视图添加状态。

swift修改输入光标颜色 swiftui 输入框_SwiftUI的状态绑定_07