SwiftUI开发教程系列 - 第十四章:项目实战,创建一个完整的 SwiftUI 应用

在这一章,我们将创建一个简单的任务管理应用,名为 MyTasks,用户可以添加、删除和编辑任务,查看完成状态,并实现数据的本地持久化。应用的核心功能包括:

  • 查看任务列表,支持删除和编辑。
  • 添加新任务,支持设置任务标题和完成状态。
  • 管理任务状态,可以将任务标记为“完成”或“未完成”。
  • 数据持久化,使用 Core Data 来存储任务数据。
  • 动画效果,为任务的添加、删除和状态切换添加平滑动画。

我们将逐步实现应用的各个功能模块,从项目初始化到完成任务的数据存储与管理。

14.1 项目初始化与配置

首先,在 Xcode 中创建一个新的 SwiftUI 项目,并启用 Core Data 功能。

  1. 打开 Xcode,选择 File > New > Project。
  2. 在模板选择中,选择 App。
  3. 输入项目名称(例如 MyTasks)。
  4. 选择 Swift 和 SwiftUI 作为编程语言。
  5. 勾选 Use Core Data 选项以启用 Core Data。

Xcode 会自动为你创建一个包含 Core Data 配置的基本项目结构。核心数据存储会包含一个 NSManagedObjectContext 实例,帮助你管理持久化对象。接下来我们将根据需求配置我们的数据模型。

14.2 定义数据模型:任务实体

我们需要在 Core Data 中创建一个实体 Task,它包含以下属性:

  • title: String,任务标题。
  • isCompleted: Bool,任务是否已完成。
  • createdAt: Date,任务创建时间。
  1. 打开 MyTasks.xcdatamodeld 文件。
  2. 添加一个新的实体,命名为 Task。
  3. 为 Task 实体添加如下属性:
    • title,类型为 String。
    • isCompleted,类型为 Boolean。
    • createdAt,类型为 Date。

Core Data 会自动为我们生成一个 Task 类,继承自 NSManagedObject,它用于表示任务对象。

14.3 任务列表视图:展示任务数据

现在,我们开始实现任务列表视图,该视图将展示所有任务。通过 Core Data 获取任务数据,并通过 @FetchRequest 显示在列表中。用户可以删除任务,标记任务完成与未完成。

代码实现:TaskListView

import SwiftUI
import CoreDatastruct TaskListView: View {// 访问 Core Data 的上下文,允许我们保存或删除任务数据@Environment(\.managedObjectContext) private var viewContext// 使用 @FetchRequest 从 Core Data 获取任务数据,按创建时间排序@FetchRequest(sortDescriptors: [NSSortDescriptor(keyPath: \Task.createdAt, ascending: true)],animation: .default) private var tasks: FetchedResults<Task> // 任务数据var body: some View {NavigationView {List {// 使用 ForEach 遍历任务列表并显示每个任务ForEach(tasks) { task inHStack {// 任务标题,已完成的任务标题加上删除线Text(task.title ?? "无标题").strikethrough(task.isCompleted, color: .gray) // 标记已完成任务.foregroundColor(task.isCompleted ? .gray : .black)Spacer()// 切换任务完成状态的按钮Button(action: {toggleTaskCompletion(task) // 切换任务的完成状态}) {Image(systemName: task.isCompleted ? "checkmark.circle.fill" : "circle").foregroundColor(task.isCompleted ? .green : .gray)}}}.onDelete(perform: deleteTasks) // 支持删除任务}.na

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/60337.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

RNN(循环神经网络)详解

1️⃣ RNN介绍 前馈神经网络&#xff08;CNN&#xff0c;全连接网络&#xff09;的流程是前向传播、反向传播和参数更新&#xff0c;存在以下不足&#xff1a; 无法处理时序数据&#xff1a;时序数据长度一般不固定&#xff0c;而前馈神经网络要求输入和输出的维度是固定的&a…

解剖C++模板(2) —— 模板匹配规则及特化

众所周知&#xff0c;模板声明部分的尖括号中的内容是声明模板形参&#xff0c;而调用模板时的尖括号是给模板传参。然而这样理解仅仅停留于现象&#xff0c;只是将模板形参传参和函数传参的过程划等号了。C 的函数重载匹配并非真的进行匹配&#xff0c;因为函数名修饰规则导致…

题目讲解15 合并两个排序的链表

原题链接&#xff1a; 合并两个排序的链表_牛客题霸_牛客网 思路分析&#xff1a; 第一步&#xff1a;写一个链表尾插数据的方法。 typedef struct ListNode ListNode;//申请结点 ListNode* BuyNode(int x) {ListNode* node (ListNode*)malloc(sizeof(ListNode));node->…

高性能Web网关:OpenResty 基础讲解

一&#xff1a;概述 OpenResty是由国人章亦春开发的一个基于Nginx的可伸缩的Web平台。 openresty 是一个基于 nginx 与 lua 的高性能 web 平台&#xff0c;其内部集成了大量精良的 lua 库、第三方模块以及大数的依赖项。用于方便搭建能够处理超高并发、扩展性极高的动态 web 应…

OceanBase JDBC (Java数据库连接)的概念、分类与兼容性

本章将介绍 OceanBase JDBC的 概念与分类&#xff0c;已帮助使用 JDBC 的用户及技术人员更好的 了解JDBC&#xff0c;以及 OceanBase JDBC在与 MySQL 及 Oracle 兼容性方面的相关能力。 一、JDBC 基础 1.1 JDBC 的概念 JDBC 一般指 Java 数据库连接。Java 数据库连接&#xf…

关于Django 模型字段 `choices`自定义数据类型的枚举——补充

文章目录 1. 处理 datetime 类型的 choices2. 处理 time 类型的 choices3. 处理 Decimal 类型的 choices4. 处理 UUID 类型的 choices5. 处理 float 类型的 choices 在 Choices 类的基础上扩展&#xff0c;可以将 choices 与特定数据类型&#xff08;如 date 或 datetime&a…

小程序中引入下载到本地的iconfont字体图标加载不出来问题解决

我这个是uniapp项目,字体图标都是一样的,在vue项目中web端、uniapp运行到h5都没问题,但是运行到小程序加载不出来,报错如下: 不让用本地路径,所以我们要转为base64编码,这里给大家提供一个工具,它可以把本地字体文件转为base64:transfonter 进入官网后,第一步: …

如何在 Ubuntu 24.04 上安装和配置 Fail2ban ?

确保你的 Ubuntu 24.04 服务器的安全是至关重要的&#xff0c;特别是如果它暴露在互联网上。一个常见的威胁是未经授权的访问尝试&#xff0c;特别是通过 SSH。Fail2ban 是一个强大的工具&#xff0c;可以通过自动阻止可疑活动来帮助保护您的服务器。 在本指南中&#xff0c;我…

大模型论文精华—20241111

使用大型语言模型进行神经病理诊断的初步探索 研究问题 本研究探讨了大型语言模型&#xff08;LLMs&#xff09;在辅助医生进行神经病理学诊断中的潜在应用。具体来说&#xff0c;研究人员通过设计特定的问题和病例背景&#xff0c;询问多个流行的LLMs&#xff0c;并根据这些…

量化交易系统开发-实时行情自动化交易-3.4.2.2.Okex交易数据

19年创业做过一年的量化交易但没有成功&#xff0c;作为交易系统的开发人员积累了一些经验&#xff0c;最近想重新研究交易系统&#xff0c;一边整理一边写出来一些思考供大家参考&#xff0c;也希望跟做量化的朋友有更多的交流和合作。 接下来聊聊基于Okex交易所API获取交易数…

多商户中英双语电商系统设计与开发 PHP+mysql

随着全球电商市场的扩展&#xff0c;多商户平台成为了越来越多商家参与全球贸易的重要方式。为了适应不同语言用户的需求&#xff0c;尤其是中英双语用户的需求&#xff0c;设计一个支持中英双语的电商系统显得尤为重要。本文将重点探讨如何设计一个多商户中英双语电商系统&…

关于 3D Engine Design for Virtual Globes(三维数字地球引擎设计)

《3D Engine Design for Virtual Globes》是一本专注于三维虚拟地球引擎设计的专业书籍。这本书由Patrick Cozzi和Kevin Ring编写&#xff0c;覆盖了设计适用于虚拟球面环境的三维引擎的各个方面。虚拟地球引擎作为地理信息系统&#xff08;GIS&#xff09;中的一个核心组件&am…

ubuntu 20.04添加ros官方的软件源(解决下载ros软件包出现的E 无法定位软件包的问题)

ubuntu 20.04添加ros官方的软件源&#xff08;解决下载ros软件包出现的E: 无法定位软件包的问题&#xff09; 在 Ubuntu 20.04 上添加 ROS 官方软件源可以解决使用其他镜像源时遇到的 “E: 无法定位软件包” 的问题&#xff0c;主要是因为这些镜像源可能没有同步所有官方提供的…

单元测试、集成测试、系统测试有什么区别

&#x1f345; 点击文末小卡片 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 单元测试、集成测试、系统测试有什么区别 1、粒度不同 集成测试bai粒度居中&#xff0c;单元测试粒度最小&#xff0c;系统du测试粒度最大。 2、测试方式不同…

CE2.【C++ Cont】练习题组2

1.数字反转 https://www.luogu.com.cn/problem/P5705 题目描述 输入一个不小于 100100 且小于 10001000&#xff0c;同时包括小数点后一位的一个浮点数&#xff0c;例如 123.4123.4 &#xff0c;要求把这个数字翻转过来&#xff0c;变成 4.3214.321 并输出。 输入格式 一行一个…

Golang | Leetcode Golang题解之第557题反转字符串中的单词III

题目&#xff1a; 题解&#xff1a; func reverseWords(s string) string {length : len(s)ret : []byte{}for i : 0; i < length; {start : ifor i < length && s[i] ! {i}for p : start; p < i; p {ret append(ret, s[start i - 1 - p])}for i < le…

适合二开的web组态?

一、web组态的定义和背景 在深入探讨之前&#xff0c;我们先回顾一下“组态”的定义。在工业自动化领域&#xff0c;组态软件是用于创建监控和数据采集&#xff08;SCADA&#xff09;系统的工具&#xff0c;它允许工程师构建图形界面&#xff0c;实现与各种设备和机器的数据交互…

L1-4【练习7-11】 字符串逆序

输入一个字符串&#xff0c;对该字符串进行逆序&#xff0c;输出逆序后的字符串。 输入格式&#xff1a; 输入在一行中给出一个不超过80个字符长度的、以回车结束的非空字符串。 输出格式&#xff1a; 在一行中输出逆序后的字符串。 输入样例&#xff1a; Hello World!输…

【大数据学习 | HBASE】hbase的读数据流程与hbase读取数据

1. hbase的读数据流程 在解析读取流程之前我们还需要知道两个功能性的组件和HFIle的格式信息 HFILE 存储在hdfs中的hbase文件&#xff0c;这个文件中会存在hbase中的数据以kv类型显示&#xff0c;同时还会存在hbase的元数据信息&#xff0c;包括整个hfile文件的索引大小&…

使用 nsenter 进入 Docker 容器的操作

在容器化环境下&#xff0c;docker exec 通常是进入容器内部进行调试的常用方式&#xff0c;但在某些情况下&#xff0c;比如 Docker 容器管理工具出现问题&#xff0c;或者我们需要通过进程的命名空间来直接访问容器&#xff0c;nsenter 就成了一个非常有效的工具。本文将介绍…