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

最新推荐文章于 2024-11-05 22:26:20 发布
最新推荐文章于 2024-11-05 22:26:20 发布
阅读量272 收藏
点赞数
分类专栏： 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 130
从本节课开始，我们将一起制作一款理财应用的主要界面，总共需要制作五个不同功能的页面。现在开始编写代码，实现主页面的制作。 由于需要从一个页面跳转到另一个页面，所以首先添加一个导航视图，作为需要进行导航的视图的容器。 从效果图可以看出，页面所有元素位于深色的背景之上，所以添加一个ZStack视图，作为子视图的容器。 绘制一个矩形图形，作为页面的背景。并通过忽略安全区域的限制，将矩形撑满整个屏幕。 除了背景之外的元素都是从上到下排列的，因此添加一个VStack视图，作为子视图的容器。..
SwiftUI 经典组件之表单验证Form组件 干净简单可定制（教程含源码）
iCloudEnd的博客
05-30 370
实战需求 SwiftUI 经典组件之表单验证Form组件 干净简单可定制（教程含源码） 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 管理一组TextField 使用ScrollView 设置圆形TextField 基础知识 使用方法 import FormValidator // 2 class FormInfo: ObservableObject { @Published var firstName: String = "" // 3 lazy v
SwiftUI-WWDC2020-实例展示
程序猿GTC
09-18 451
整体效果 总体效果代码实现 目录结构 sandwichApp.swift 程序入口文件，store作为全局变量声明在此文件，并作为参数传入ContentView import SwiftUI @main struct sandwichApp: App { @StateObject private var store = SandwichStore() var body: some Scene { WindowGroup { Conte
参考 SwiftUI 官方示例做的常用组件示例，新手看过来，五分钟看完
05-16 1245
本文参考 SwiftUI并将探索结果记录于此，希望能够对你有所帮助。对于本文所述内容，默认你已有一定的基于 Swift 语言的开发经验，故不会详细的叙述每个细节；如果对 Swift 语法有疑问，可先学习语法。
推荐使用：SwiftUITodo - SwiftUI打造的待办事项应用实例
gitblog_00012的博客
05-17 271
推荐使用：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章第10节：完成课程列表视图的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 126
本节课延续上一节课的内容，您将完成课程列表视图的制作。现在开始编写代码，实现这项功能。首先按下键盘上的快捷键，打开文件模板选择窗口。 保持默认的模板选项，点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 选择此处的组名，作为文件保存的位置。 最后点击创建按钮，创建一个新的自定义视图文件，作为课程列表单个选项的自定义视图。 现在开始编写代码，实现这个自定义视图。 首先添加一个属性，作为自定义视图的数据源，该属性是ModelTutori..
第9章第13节：完成课程标签列表页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 193
本节课开始制作标签列表页面，当用户点击首页上方的某个课程类别时，将进入标签列表页面，使用标签对课程的类别进行细分。 点击此处的显示或隐藏导航器图标，隐藏左侧的项目导航面板。 接着开始编写代码，完成标签列表页面。 首先初始化一个数组常量，作为标签列表的数据源，标签名称右侧的中括号里的数字，表示该标签包含的互动教程的数量。 由于整个页面的内容是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 初始化一个标题栏视图，并设置相应的标题和子标题。 添加一个VSt..
第9章第23节：完成消息列表页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 258
您已经完成了消息视图的制作，现在可以继续制作客服信息列表了。首先返回客服信息列表页面。 然后在循环语句里，添加刚刚创建的消息视图。 初始化一个消息视图，并根据属性的值，设置用户的类型。 当父视图显示之后，开始从服务器获取消息列表。接着点击此处的按钮，缩小预览窗口的显示比例。 点击此处的实时预览按钮，进入实时预览模式。 进入实时预览模式之后，从服务器获取消息列表，并显示在滚动视图中。继续编写代码，完成客服页面其它的内容。 首先设置消息视图左右两侧的内边距，以和屏幕的两侧..
第9章第29节：完成课程资源下载页面的制作 [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
09-26 156
本节课您将完成资源下载页面的制作，该页面主要向用户显示课程资源的下载网址。首先创建一个自定义的视图，作为资源下载页面。 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。 点击此处的下一步按钮，进入下一步设置页面。 然后在文件名称输入框里，输入文件的名称。 最后点击创建按钮，创建一个新的自定义视图文件。 现在开始编写代码，实现资源下载页面。 由于整个页面的内容是由上而下排列的，所以添加一个VStack视图，作为子视图的容器。 初始化一个标题栏视图，并设置..
推荐开源项目：SwiftUI-Refresh —— 为你的SwiftUI应用添加原生下拉刷新功能
gitblog_00036的博客
05-20 998
推荐开源项目：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 486
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 1768
如今，个人设备主要用于处理图片、视频和声音，苹果的设备也不例外。SwiftUI可以通过​​Image​​视图显示图片，但需要其它框架的支持来处理图片、在屏幕上展示视频或是播放声音。本章中我们将展示Apple所提供的这类工具。
leaflet矢量瓦片vetorgrid显示聚合和图标裁剪显示不全的问题
似水流年
10-31 421
在gridlayer绘制的时候判断当前的数据是否会超出绘制边界，超出绘制边界后不予显示（可能会存在数据丢失的问题），也可以移动绘制的位置让其显示完全。使用leaflet显示矢量瓦片会出现图片挤压的问题和图片裁剪显示不全的问题。2）图片边缘裁切的问题处理。
腾旭地图显示多个位置，点击弹出位置信息
m0_58047199的博客
10-31 309
center: new window.TMap.LatLng(longitude.value, latitude.value), //设置地图中心点坐标。rotation: 0 //设置地图旋转角度。zoom: 11, //设置地图缩放级别。pitch: 43.5, //设置俯仰角。
oc的若干方法转为swift 请求不执行
cola_wh的博客
11-01 911
print("relation_id 不是 Int，实际类型是 \(type(of: relation_id))")print("maxPage 不是 Int，实际类型是 \(type(of: maxPage))")print("learnID 不是 Int，实际类型是 \(type(of: learnID))")print("total 不是 Int，实际类型是 \(type(of: total))")print("relation_id 是 Int")// 使用 weak self 避免循环引用。
Swift 开发教程系列 - 第2章：Swift 基础语法
小创果技术交流博客
11-04 338
在这个章节中，我们将介绍 Swift 的基础语法，包括变量与常量的定义、数据类型、类型转换和操作符的使用。掌握这些基础知识能帮助你更熟练地理解和编写 Swift 代码。
各种语言的列表推导式与三元？表达式，C++，python，rust，swift，go
ULTRAmanTAROACE的博客
10-31 1034
各种语言的列表推导式与三元？表达式，C++，python，rust，swift，go
Swift 开发教程系列 - 第5章：集合类型
最新发布
小创果技术交流博客
11-05 151
Swift 提供了几种常用的集合类型，用于存储和管理一组数据。这些集合类型包括数组（Array）、字典（Dictionary）和集合（Set）。本章将介绍它们的使用方法及常见操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李发展

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

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

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

打赏作者

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

抵扣说明：

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

余额充值