第9章第9节：完成历史课程列表页面的制作 [SwiftUI快速入门到实战]

最新推荐文章于 2025-03-10 22:28:32 发布
最新推荐文章于 2025-03-10 22:28:32 发布
阅读量283 收藏
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120481650
版权
本节教程详细讲解如何使用SwiftUI创建历史课程列表页面。从隐藏导航区开始，逐步构建页面顶部的导航栏，通过VStack和HStack组织视图，创建自定义的标题栏视图，实现后退功能，并添加动画效果。同时，提取通用视图代码到独立文件，为后续的课程详情页面创建做好准备。
摘要由CSDN通过智能技术生成

  1. 您已经完成课程类型和课程列表类型的定义，现在来完成历史课程列表页面的制作，首先切换到您在第三节创建的历史课程视图文件。
    SwiftUI快速入门到实战

  2. 然后点击显示或隐藏导航区图标，隐藏右侧的项目导航区。
    SwiftUI快速入门到实战

  3. 现在开始编写代码，首先完成页面顶部的导航栏的制作。
    SwiftUI快速入门到实战

  4. 添加一个属性，作为课程列表的数据源，并对上一节定义的课程列表类型进行实例化。
    SwiftUI快速入门到实战

  5. 由于历史课程列表页面的结构是由上而下排列的，所以添加一个VStack视图，作为子视图的容

了解本专栏 订阅专栏 解锁全文 超级会员免费看
第8章第15节：开始制作一款理财应用的主要界面 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-16 148
从本节课开始，我们将一起制作一款理财应用的主要界面，总共需要制作五个不同功能的页面。现在开始编写代码，实现主页面的制作。 由于需要从一个页面跳转到另一个页面，所以首先添加一个导航视图，作为需要进行导航的视图的容器。 从效果图可以看出，页面所有元素位于深色的背景之上，所以添加一个ZStack视图，作为子视图的容器。 绘制一个矩形图形，作为页面的背景。并通过忽略安全区域的限制，将矩形撑满整个屏幕。 除了背景之外的元素都是从上到下排列的，因此添加一个VStack视图，作为子视图的容器。..
SwiftUI 经典组件之表单验证Form组件 干净简单可定制（教程含源码）
iCloudEnd的博客
05-30 385
实战需求 SwiftUI 经典组件之表单验证Form组件 干净简单可定制（教程含源码） 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 管理一组TextField 使用ScrollView 设置圆形TextField 基础知识 使用方法 import FormValidator // 2 class FormInfo: ObservableObject { @Published var firstName: String = "" // 3 lazy v
SwiftUI-WWDC2020-实例展示
程序猿GTC
09-18 479
整体效果 总体效果代码实现 目录结构 sandwichApp.swift 程序入口文件，store作为全局变量声明在此文件，并作为参数传入ContentView import SwiftUI @main struct sandwichApp: App { @StateObject private var store = SandwichStore() var body: some Scene { WindowGroup { Conte
参考 SwiftUI 官方示例做的常用组件示例，新手看过来，五分钟看完
05-16 1472
本文参考 SwiftUI并将探索结果记录于此，希望能够对你有所帮助。对于本文所述内容，默认你已有一定的基于 Swift 语言的开发经验，故不会详细的叙述每个细节；如果对 Swift 语法有疑问，可先学习语法。
推荐使用：SwiftUITodo - SwiftUI打造的待办事项应用实例
gitblog_00012的博客
05-17 287
推荐使用：SwiftUITodo - SwiftUI打造的待办事项应用实例 SwiftUITodoThe world-1st example to-do list app using SwiftUI which is introduced in WWDC19项目地址:https://gitcode.com/gh_mirrors/sw/SwiftUITodo 项目介绍 SwiftUITodo 是一...
第9章第13节：完成课程标签列表页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 223
本节课开始制作标签列表页面，当用户点击首页上方的某个课程类别时，将进入标签列表页面，使用标签对课程的类别进行细分。 点击此处的显示或隐藏导航器图标，隐藏左侧的项目导航面板。 接着开始编写代码，完成标签列表页面。 首先初始化一个数组常量，作为标签列表的数据源，标签名称右侧的中括号里的数字，表示该标签包含的互动教程的数量。 由于整个页面的内容是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 初始化一个标题栏视图，并设置相应的标题和子标题。 添加一个VSt..
第9章第4节：完成首页课程类别列表的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 129
本节课延续上一节课的内容，您将完成课程类别列表的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件，作为课程的类别列表视图。 接着开始编写代码，完成课程类型列表视图的制作。 添加一个VStack视图，作为列表标题和列表视图的容器。 ..
第9章第10节：完成课程列表视图的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 137
本节课延续上一节课的内容，您将完成课程列表视图的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 选择此处的组名，作为文件保存的位置。 最后点击创建按钮，创建一个新的自定义视图文件，作为课程列表单个选项的自定义视图。 现在开始编写代码，实现这个自定义视图。 首先添加一个属性，作为自定义视图的数据源，该属性是ModelTutori..
第9章第5节：完成首页课程班级列表的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 122
本节课延续上一节课的内容，您将完成班级类别列表的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入自定义视图的文件名称。 最后点击创建按钮，创建一个新的自定义视图文件。 接着开始编写代码，完成班级列表视图的制作。 添加一个拥有@EnvironmentObject标记的属性，当用户点击某个班级时，向该环境..
第9章第29节：完成课程资源下载页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 173
本节课您将完成资源下载页面的制作，该页面主要向用户显示课程资源的下载网址。首先创建一个自定义的视图，作为资源下载页面。 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 最后点击创建按钮，创建一个新的自定义视图文件。 现在开始编写代码，实现资源下载页面。 由于整个页面的内容是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 初始化一个标题栏视图，并设置..
推荐开源项目：SwiftUI-Refresh —— 为你的SwiftUI应用添加原生下拉刷新功能
gitblog_00036的博客
05-20 1100
推荐开源项目：SwiftUI-Refresh —— 为你的SwiftUI应用添加原生下拉刷新功能 SwiftUIRefreshPull To Refresh for SwiftUI lists项目地址:https://gitcode.com/gh_mirrors/sw/SwiftUIRefresh 项目介绍 SwiftUI-Refresh 是一个由 @ldiqual 维护的开源库，专为Swift...
【SwiftUI模块】0017、SwiftUI搭建一个类似喝水App的喝水进度动画效果
慢慢来就很快。
08-28 527
SwiftUI搭建一个类似喝水App的喝水进度动画效果
SwiftUI入门到实战课程 [2023版]
12-10
【课程特点】1、231节大容量课程：包含了SwiftUI的大部分知识点，详细讲解SwiftUI的方方面面；2、15个超级精彩的实例：包含美食、理财、健身、教育、电子商务等各行业的App实例；3、创新的教学模式：手把手教您SwiftUI用户界面开发技术，一看就懂，一学就会；4、贴心的操作提示：让您的眼睛始终处于操作的焦点位置，不用再满屏找光标；5、语言简洁精练：瞄准问题的核心所在，减少对思维的干扰，并节省您宝贵的时间；6、视频短小精悍：即方便于您的学习和记忆，也方便日后对功能的检索；7、齐全的学习资料：提供所有课程的源码，在Xcode 11 + iOS 13环境下测试通过； 更好的应用，更少的代码！SwiftUI是苹果主推的下一代用户界面搭建技术，具有声明式语法、实时生成界面预览等特性，可以为苹果手机、苹果平板、苹果电脑、苹果电视、苹果手表五个平台搭建统一的用户界面。SwiftUI是一种创新、简单的iOS开发中的界面布局方案，可以通过Swift语言的强大功能，在所有的Apple平台上快速构建用户界面。 仅使用一组工具和API为任何Apple设备构建用户界面。SwiftUI具有易于阅读和自然编写的声明式Swift语法，可与新的Xcode设计工具无缝协作，使您的代码和设计**同步。自动支持动态类型、暗黑模式、本地化和可访问性，意味着您的**行SwiftUI代码已经是您编写过的非常强大的UI代码了。 
大师学SwiftUI第18章Part1 - 图片选择器和相机
AlanHou的博客
11-18 1966
如今，个人设备主要用于处理图片、视频和声音，苹果的设备也不例外。SwiftUI可以通过​​Image​​视图显示图片，但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。
第9章第14节：完成班级列表页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 173
本节课开始制作班级页面，当用户点击首页上的某个班级时，将进入班级页面。在班级页面，将以章节对互动教程进行细分。 点击此处的显示或隐藏导航器图标，隐藏左侧的项目导航面板。 接着开始编写代码，完成班级页面的制作。 添加一个属性，用来读取环境变量里的值。 添加另一个属性，用来获取课程的列表。 由于整个页面的内容是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 初始化一个标题栏视图，并设置相应的标题和子标题。 由于给结构体添加了新的属性，所以需要更新P..
第9章第23节：完成消息列表页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 279
您已经完成了消息视图的制作，现在可以继续制作客服信息列表了。首先返回客服信息列表页面。 然后在循环语句里，添加刚刚创建的消息视图。 初始化一个消息视图，并根据属性的值，设置用户的类型。 当父视图显示之后，开始从服务器获取消息列表。接着点击此处的按钮，缩小预览窗口的显示比例。 点击此处的实时预览按钮，进入实时预览模式。 进入实时预览模式之后，从服务器获取消息列表，并显示在滚动视图中。继续编写代码，完成客服页面其它的内容。 首先设置消息视图左右两侧的内边距，以和屏幕的两侧..
什么是SWIFT支付系统
smallfatman的博客
03-10 599
SWIFT支付系统是一个全球性的金融通信网络平台定义与性质SWIFT是环球银行金融电信协会（Society for Worldwide Interbank Financial Telecommunication）的简称，成立于1973年5月，其总部设在比利时的布鲁塞尔。该组织负责设计、建立和管理SWIFT国际网络，以便在该组织成员间进行国际金融信息的传输和确定路由。历史背景SWIFT成立于1973年，目的是提供一种更加安全、标准化的方式来代替传统的电报系统，以方便和安全地传递支付信息，尤其是跨境支付。
Qwen2.5-7B-Instruct进行自我认知微调
lovep1的博客
03-09 309
Qwen2.5-7B-Instruct进行自我认知微调
【Swift】面向协议编程之HelloWorld
最新发布
my blog
03-10 112
【代码】【Swift】面向协议编程之HelloWorld
用DeepSeek-R1-Distill-data-110k蒸馏中文数据集 微调Qwen2.5-7B-Instruct！
Q794469的博客
03-04 1455
魔搭社区汇聚各领域最先进的机器学习模型，提供模型探索体验、推理、训练、部署和应用的一站式服务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李发展

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值