实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(3)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(3)

实战编程-新建笔记页标题&内容输入首先还是需要引用ViewModel,才能使用里面声明好的参数。如下代码所示:// 引用viewModel @EnvironmentObject var viewModel: ViewModel引用viewModel后,其他声明的参数都可以删掉了。当我们在首页...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(2)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(2)

顶部搜索栏再往上是顶部搜索栏,如下代码所示:// MARK: 搜索栏 func searchBarView() -> some View { TextField("搜索内容", text: $viewModel.searchText) .padding(7) .padding...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(五)前提回顾上一章节发布之后,有不少开发的童鞋评论:本来好好的,经过上一章节的调整后就各个页面开始报错了?这很正常,刚开始学习SwiftUI的时候,有时候改了一个参数,或者少了一个花括号,愣是找不...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(四)(2)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(四)(2)

功能方法下面我们来创建一些念头笔记用到的方法,在之前的章节中我们实现了新建笔记的功能,但当我们每次重新打开APP时,它又会“恢复”到初始模式,在上一次操作的数据全部清空了。这是因为我们只是完成了简单的操作而已,而没有实现其核心功能,即把数据存起来。但是我们没有数据库也没有云端,数据存在哪里呢...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(四)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(四)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(四)前提回顾在上几个章节,我们完成了念头笔记的基本页面的编程,并在上一章节中完成新建笔记的交互逻辑。这几天和读者沟通时收到反馈,念头笔记项目哪怕只有2个页面交互,但是变量的双向绑定很是麻烦,只要使用到@Binding声明变量的视图...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(三)(2)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(三)(2)

@Binding属性包装器这里科普下@State和@Binding的用法,@State属性包装器常常用于声明变量的前缀,使用@State属性包装器声明的变量,可以存储当前参数的状态或者值,而@Binding属性包装器常常在其他页面反向绑定@State属性包装器声明的变量。比如,在首页声...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(三)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(三)(1)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(三)前提回顾在上两章节中,我们完成了念头笔记首页、新建笔记页面的页面构建,以及两个页面之间的简单交互。单独从前端角度来看,静态项目已经搭建完毕,接下来我们要进入到更加深层次一点点的学习。在本章中,我们将实现继续实现念头笔记的新建一条笔记的...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(二)(2)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(二)(2)

标题输入框其次是标题输入框,输入框使用到TextField输入框组件,我们需要提前使用@State声明好参数,如下代码所示:@State var title: String @State var isEditing = false上述代码中,title变量为标题输入框输入的内容,i...

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(一)(3)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(一)(3)

我们至上而下构建页面,首先是搜索栏。从设计稿中,我们可以知道搜索栏由一个搜索图标、搜索输入框、清除按钮组成。由于会使用输入框TextField,因此需要提前声明绑定的变量,如下代码所示:@State var searchText = ""// MARK: 搜索 func searchBarVie.....

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(一)(2)

实战编程·使用SwiftUI从0到1完成一款iOS笔记App(一)(2)

实战编程接下来,我们正式进入到编程阶段,打开Xcode开发工具,点击Create a new Xcode project,将新项目命名为IdeaNote,如下弹窗所示:首页-缺省图点击视图工具栏的Assets.xcassets文件,拖入首页缺省图的图片,如下图所示:回到C...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

mPaaS 移动开发平台
mPaaS 移动开发平台
mPaaS 源于蚂蚁集团金融科技,为 App 开发、测试、运营及运维提供云到端的一站式解决方案,致力于提供高效、灵活、稳定的移动研发、管理平台。 官网地址:https://www.aliyun.com/product/mobilepaas/mpaas
149+人已加入
加入
相关电子书
更多
Facebook iOS App技术演化十年之路
From Java_Android to Swift iOS
深入剖析 iOS 性能优化
立即下载 立即下载 立即下载