第9章第25节：自定义一个视图用来显示用户学习状态 [SwiftUI快速入门到实战]

最新推荐文章于 2025-03-10 22:28:32 发布
最新推荐文章于 2025-03-10 22:28:32 发布
阅读量142 收藏
点赞数
分类专栏： SwiftUI快速入门到实战 文章标签： swift swiftui swiftui教程 ios开发
本文为互动教程网原创文章，欢迎转载但请注明来源。
本文链接：https://blog.csdn.net/fzhlee/article/details/120486302
版权
本节教程详细介绍了如何在iOS开发中利用SwiftUI创建一个自定义视图，展示用户的学习状态统计数据，包括学习天数、今日课程数量和累计课程数量。通过创建HStack、ZStack视图及图像和文本视图的组合，实现统计信息的展示。同时，还展示了如何将这个视图整合到用户档案页面，并创建了功能列表选项的自定义视图。
摘要由CSDN通过智能技术生成

  1. 本节课延续上一节课的内容，继续档案页面的制作，首先创建一个自定义的视图，用来显示用户学习状态的统计数据。
    SwiftUI快速入门到实战

  2. 在打开的文件模板窗口中，选择此处的SwiftUI视图模板。
    SwiftUI快速入门到实战

  3. 点击此处的下一步按钮，进入下一步设置页面。
    SwiftUI快速入门到实战

  4. 然后在文件名称输入框里，输入文件的名称。
    SwiftUI快速入门到实战

  5. 选择此处的组名，作为文件保存的位置。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI基础之Text格式化显示小数specifier
iCloudEnd的博客
05-07 714
实战需求 有些时候我们需要个性化显示字符串，例如我们系统Text中可以自动将多余的零清除，在SwiftUI该如何操作呢？ 本文价值与收获 看完本文后，您将能够作出下面的界面 Jietu20200507-084339@2x.jpg 看完本文您将掌握的技能 掌握specifier使用方法 代码 import SwiftUI struct ContentView: View { ...
swiftUI 1.0版本之macOS端树状结构列表自定义视图
忆，学海之路
07-31 678
swiftUI 1.0版本之macOS端树状结构列表自定义视图欢迎入坑swiftUI1.0具体实现 欢迎入坑swiftUI1.0 由于苹果推出了新的UI框架，swiftUI作为新时代的新框架，也大大推进了苹果开发的效率，当然由于是新的UI框架，现在还有很多不如意的东方，首先就是国内的相关资源太少了，还有就是针对macOS的支持控件也是少的可怜，苹果直到macOS11.0版本才推出官方可支持的树形结构控件outline Group，真是悲哀，对于想兼容10.15版本的开发者来说简直是痛苦万分，只能走自定义之路
odoo 自定义视图_在swiftui视图上构建自定义样式
weixin_26645253的博客
08-19 284
odoo 自定义视图In this tutorial, We are going to understand how can we use Styles to make reusable custom views. 在本教程中，我们将了解如何使用样式制作可重用的自定义视图。 Generic SwiftUI views usually have two components Configurati...
SwiftUI一创建和组合视图
jiuchabaikaishui的专栏
06-03 977
有了地标名称、地标位置及状态视图，下一步再添加一个地标图片视图。这个图片视图将自定义遮罩(mask)、边框(border)和阴影(shadow)新建SwiftUI文件CircleImage用Image替换Text，并使用turtlerock图片初始化Image视图添加clipShape(Circle())修改器到Image，给图片添加圆形剪切效果。Circle是一个形状，它可以被用作遮罩、也可以是圆圈，还可以是圆形填充视图。
SwiftUI实战之如何创建自定义形状的界面
iCloudEnd的博客
03-20 460
本文价值与收获 看完本文后，您将能够作出下面的界面 Jietu20200320-172057@2x.jpg 看完本文您将掌握的技能 掌握Path的基础使用 绘制自定义形状 用自定义形状切割视图 解决思路 ...
SwiftUI 更自然地向自定义视图传递参数的“另类”方式
享受开发，颠倒银河
02-20 1422
在本篇博文中，我们讨论了 SwiftUI “传统”的视图接口定义在具有海量传入参数时的一些不便之处，并且用更加“低耦合”的“环保”方法改善了这一情况。相信现在小伙伴们对于 SwiftUI 中视图的构建会有更写意、更灵活的方式啦！
精通iOS 7开发：探索iOS SDK实战指南
4. **第四章：更多用户界面的乐趣** - 可能会深入到更复杂的UI组件，如标签页、图像视图和自定义视图的设计。 5. **第五章：自动旋转与自动调整大小** - 讲解如何使应用适应不同设备方向和屏幕尺寸，以及自动布局的...
栋的月结 | 第一回合（定期更新、动态、架构、云技术、算法、后端、前端、收听/收看、英文、书籍、影视、好歌、新奇）[含泪总结.. 憋泪分享！]
纽雪澳诺加海美德的博客
02-01 2314
开篇词 大家好！以下是我在 2020 年 1 月 1 日至 31 日的所见、所闻、所学和所悟。 现在，我把它们安利给你们。   定期更新 原创专栏： 栋的周评 一文搞定 Linux 管理员手册：既简单又深刻 官方授权： Baeldung Java 周评 符合官方许可： Spring 官方指南   动态 在我的《一文搞定》系列专栏里新增了： 《一文搞定 |...
Swift开发——简单App设计
不断学习，不断进步，提高自己
06-26 1534
App的界面设计需要具有大量的图像并花费大量的时间，这样的应用不方便学习和交流，这里重点介绍SwiftUI界面元素的用法，通过简单App设计过程的讲解，展示图形用户界面应用程序的设计方法。
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7912
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
SwiftUI之深入解析如何创建和组合视图
╰つ栺尖篴夢ゞ
12-18 3175
一、创建项目并体验画布 ① 系统要求 创建 SwiftUI 项目工程，体验画布、预览模式和 SwiftUI 模板代码； 要想在 Xcode 中预览画布中的视图，或者与画布中的视图进行交互，需要 Mac 系统版本号不低于 macOS Catalina 10.15。 ② 步骤 打开 Xcode，在启动页面点击创建新工程，或者在菜单中选择文件->新建->项目： 在项目模板选择器中，选择 iOS 作为项目平台，选项单视图应用（App）作为项目模板，并点击下一步（Next）： 输入项
Swift之自定义UIView
热门推荐
moqj_123的专栏
06-16 1万+
Swift自定义View和OC自定义View的原理都是一样的，重写init()方法或initWithFrame()方法，下面简单说说如何自定义swift UIView 主要是重写init（frame：CGRect)方法，其中required init?(coder aDecoder: NSCoder) 是必不可少的，swift语言强制要求的 // // LoginImgFieldView.s
SwiftUI 视图切换大全(一篇文章解决)
iCloudEnd的博客
05-03 1932
基本原理 在开始界面切换前，需要思考一下您管理的view是什么关系，不同的关系需要不同容器： 递进关系，推荐使用NavigationView和NavigationLink 并列关系，推荐使用ScrollView构建的水平切换。 自定义关系，推荐使用ZStack 组合关系，推荐sheet、alert和ZStack 下面我们就看看相应的解决方案吧 必须要掌握 1、Navigation系列 Sw...
UIView自定义控件-Swfit
小桥流水哗啦啦，iOS Coder 哒哒哒
06-24 9432
UIView自定义 资料参考 UIView中与AutoLayout相关的几个方法对比: 详细介绍了UIView约束布局相关调用顺序，好好理解有助于子空间布局和约束更新。 UIView在AutoLayout下的布局过程 iOS UIkit 提供简单的基本控件，但是有时候为了需求往往需要将多个控件整合到一个View控件中，此时就是自定义View 两种方式： 1.大神：纯代码（代码创建控件、...
什么是SWIFT支付系统
smallfatman的博客
03-10 592
SWIFT支付系统是一个全球性的金融通信网络平台定义与性质SWIFT是环球银行金融电信协会（Society for Worldwide Interbank Financial Telecommunication）的简称，成立于1973年5月，其总部设在比利时的布鲁塞尔。该组织负责设计、建立和管理SWIFT国际网络，以便在该组织成员间进行国际金融信息的传输和确定路由。历史背景SWIFT成立于1973年，目的是提供一种更加安全、标准化的方式来代替传统的电报系统，以方便和安全地传递支付信息，尤其是跨境支付。
Qwen2.5-7B-Instruct进行自我认知微调
lovep1的博客
03-09 299
Qwen2.5-7B-Instruct进行自我认知微调
【Swift】面向协议编程之HelloWorld
最新发布
my blog
03-10 80
【代码】【Swift】面向协议编程之HelloWorld
用DeepSeek-R1-Distill-data-110k蒸馏中文数据集 微调Qwen2.5-7B-Instruct！
Q794469的博客
03-04 1435
魔搭社区汇聚各领域最先进的机器学习模型，提供模型探索体验、推理、训练、部署和应用的一站式服务。
Swift Package Manager (SPM) 创建并集成本地库
征战无悔人生
03-08 374
Swift Package Manager (SPM) 在macOS 项目中创建并集成的完整步骤
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

李发展

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

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

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

打赏作者

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

抵扣说明：

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

余额充值