iOS开发之SwiftUI

iOS开发之SwiftUI

iOS开发中SwiftUIObjective-CSwift不同,它采用了声明式语法,相对而言SwiftUI声明式语法简化了界面开发过程,减少了代码量。
由于SwiftUIApple推出的界面开发框架,从iOS13开始引入,Apple使用它的目标是为了打通iOSiPadOSmacOSwatchOStvOS用户界面,保证在不同设备上的一致用户体验(跨平台一致性),所以作为iOS开发不可避免的需要逐步向其过渡。
本文主要通过实际开发去了解SwiftUI的优势和具体实现形式。
iOS开发

实时预览

SwiftUIXcode中提供了实时预览功能,允许开发者在设计阶段就看到界面元素的布局和外观。
这有助于在开发早期发现并修复潜在的问题,从而提高开发效率。

struct ContentView: View {var body: some View {VStack {Spacer()Image(systemName: "chart.bar.xaxis.ascending.badge.clock").imageScale(.large).foregroundColor(.mint).scaleEffect(3.0)Spacer()Text("逝者如斯夫,不舍昼夜!").foregroundColor(.mint).font(.title).fontWeight(.heavy)}.padding().background {SakuraRainView()}}
}#Preview {ContentView()
}

强大的动画和过渡支持

SwiftUI内置了丰富的动画和过渡效果,使得开发者能够轻松地创建流畅且吸引人的用户界面。
这些动画和过渡效果可以帮助提升应用的用户体验。

struct HexagonShape: Shape {var size: CGFloatfunc path(in rect: CGRect) -> Path {var path = Path()let centerX = rect.midXlet centerY = rect.midYlet sideLength = size / 2let angle: CGFloat = CGFloat.pi / 3let radius: CGFloat = sideLength / sin(angle / 2)let points = [CGPoint(x: centerX + radius * cos(0 * angle), y: centerY + radius * sin(0 * angle)),CGPoint(x: centerX + radius * cos(1 * angle), y: centerY + radius * sin(1 * angle)),CGPoint(x: centerX + radius * cos(2 * angle), y: centerY + radius * sin(2 * angle)),CGPoint(x: centerX + radius * cos(3 * angle), y: centerY + radius * sin(3 * angle)),CGPoint(x: centerX + radius * cos(4 * angle), y: centerY + radius * sin(4 * angle)),CGPoint(x: centerX + radius * cos(5 * angle), y: centerY + radius * sin(5 * angle))]path.move(to: points[0])for i in 1..<points.count {path.addLine(to: points[i])}path.closeSubpath()return path}
}struct SakuraView: View {@State var animated = false@State var opacity = Double.random(in: 0...1)@State var offsetX = Double.random(in: -320...320)@State var offsetY = Double.random(in: -600...600)@State var scale = Double.random(in: 0...2)@State var duration = Double.random(in: 1...5)var body: some View {HexagonShape(size: 30).fill([Color.pink, Color.green, Color.blue, Color.yellow][Int.random(in: 0...3)].opacity(opacity)).frame(width: 30, height: 30).offset(x:offsetX, y: offsetY).scaleEffect(scale).rotationEffect(.degrees(Double.random(in: 0...360))).animation(.easeInOut(duration: duration).repeatForever(autoreverses: true), value: animated).onAppear {opacity = Double.random(in: 0...1)offsetX = Double.random(in: -320...320)offsetY = Double.random(in: -600...600)scale = Double.random(in: 0...2)duration = Double.random(in: 1...5)animated.toggle()}}
}struct SakuraRainView: View {let sakuraCount = 200 // 樱花的数量@State var animated = false@State var offsetX = Double.random(in: -320...320)@State var offsetY = Double.random(in: -600...600)@State var duration = Double.random(in: 1...5)var body: some View {ZStack {ForEach(0..<sakuraCount, id: \.self) { index inSakuraView().offset(x:offsetX, y: offsetY).animation(.easeInOut(duration: duration), value: animated).onAppear {offsetX = Double.random(in: -320...320)offsetY = Double.random(in: -600...600)duration = Double.random(in: 1...5)animated.toggle()}}}}
}

让我们来看看效果,以下。

SwiftUI动画

与Swift的集成

SwiftUI是基于Swift语言开发的,因此它与Swift的集成非常紧密。
这意味着开发者可以充分利用Swift的强大功能和特性来构建复杂的用户界面。

状态管理

SwiftUI中,状态管理通过使用特定的属性包装器来管理视图的状态。
主要的属性包装器包括@State@Binding
@State用于管理单个视图的局部状态,而@Binding则用于在不同视图之间共享数据。
当状态值改变时,SwiftUI会自动更新UI以反映最新的状态,无需手动操作视图更新。这种自动更新机制极大地简化了状态管理的复杂性,提高了开发效率。
另外,为了确保数据的一致性和可预测性,SwiftUI推荐使用不可变数据结构来管理状态。
通过使用这些属性包装器和不可变数据结构,开发者可以轻松实现视图状态的管理和更新。
一般iOS开发采用第三方库来进行状态管理,比如ReSwift、SwiftUIX等。

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

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

相关文章

我在京东做数据分析,一位京东数据分析师的工作日常

有人说&#xff1a;“种下一棵树最好的时间是十年前&#xff0c;其次是现在”。任何时候&#xff0c;我们都应该抓住机遇&#xff0c;说不定就是改变你现状的一个机会。 2020年&#xff0c;我在疫情得到控制后&#xff0c;面试入职京东大数据组&#xff0c;截止目前&#xff0…

获取高德安全码SHA1

高德开发者平台上给的三种方法 获取安全码SHA1&#xff0c;这里我自己使用的是第三种方法。 1、通过Eclipse编译器获取SHA1 使用 adt 22 以上版本&#xff0c;可以在 eclipse 中直接查看。 Windows&#xff1a;依次在 eclipse 中打开 Window -> Preferances -> Androi…

flask_restful结合蓝图使用

在蓝图中&#xff0c;如果使用 Flask_RESTful &#xff0c; 创建 Api 对象的时候&#xff0c;传入蓝图对象即可&#xff0c;不再是传入 app 对象 /user/__init__.py from flask.blueprints import Blueprintuser_bp Blueprint(user,__name__)from user import views /user…

word文件如何转PDF格式?word转PDF的方法

在当今数字化时代&#xff0c;文档格式的转换已成为日常生活和工作中不可或缺的一部分。其中&#xff0c;将Word文档转换为PDF格式更是受到了广大用户的青睐。本文将详细介绍Word转PDF的方法&#xff0c;帮助读者轻松实现文档格式的转换&#xff0c;并探讨转换过程中的注意事项…

工业互联网下的增强现实

工业互联网下的增强现实 1、 概述 增强现实&#xff08;Augmented Reality&#xff0c;简称AR&#xff09;&#xff0c;增强现实技术也被称为扩增现实&#xff0c;AR增强现实技术是促使真实世界信息和虚拟世界信息内容之间综合在一起的较新的技术内容&#xff0c;其将原本在现…

【浅尝C++】类和对象第二弹=>类的6个默认成员函数/运算符重载详谈

&#x1f3e0;专栏介绍&#xff1a;浅尝C专栏是用于记录C语法基础、STL及内存剖析等。 &#x1f6a9;一些备注&#xff1a;之前的文章有点杂乱&#xff0c;这里将前面的知识点重新组织了&#xff0c;避免了过多冗余的废话。 &#x1f3af;每日努力一点点&#xff0c;技术变化看…

Appium Inspector 展示设备当前页面

定位元素需要使用appium inspector&#xff0c;之前每次都是从登录页开始&#xff0c;后来发现连接设备的时候只需要去掉appPackage、appActivity即可。 { "platformName": "Android", "platformVersion": "6", "deviceNa…

35.网络游戏逆向分析与漏洞攻防-游戏网络通信数据解析-登录成功数据包内容分析

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 如果看不懂、不知道现在做的什么&#xff0c;那就跟着做完看效果 内容参考于&#xff1a;易道云信息技术研究院VIP课 上一个内容&#xff1a;34.登录数据包的…

LGBM算法 原理

简介 GBDT (Gradient Boosting Decision Tree) 是机器学习中一个长盛不衰的模型&#xff0c;其主要思想是利用弱分类器&#xff08;决策树&#xff09;迭代训练以得到最优模型&#xff0c;该模型具有训练效果好、不易过拟合等优点。GBDT不仅在工业界应用广泛&#xff0c;通常被…

伪装目标检测之注意力CBAM:《Convolutional Block Attention Module》

论文地址&#xff1a;link 代码&#xff1a;link 摘要 我们提出了卷积块注意力模块&#xff08;CBAM&#xff09;&#xff0c;这是一种简单而有效的用于前馈卷积神经网络的注意力模块。给定一个中间特征图&#xff0c;我们的模块依次推断沿着两个独立维度的注意力图&#xff…

10.2024

使用选择排序将{2,9,5,0,1,3,6,8}排序 代码&#xff1a; public class 第十题 {public static void main(String[] args) {int a[]{2,9,5,0,1,3,6,8};int begin0;int enda.length-1;while (begin<end){int mina[begin];int tbegin;for (int ibegin;i<end;i){if(min>…

Selenium 自动化 —— 定位页面元素

更多内容请关注我的 Selenium 自动化 专栏&#xff1a; 入门和 Hello World 实例使用WebDriverManager自动下载驱动Selenium IDE录制、回放、导出Java源码浏览器窗口操作切换浏览器窗口 使用 Selenium 做自动化&#xff0c;我们不仅仅是打开一个网页&#xff0c;这只是万里长…

Python私有属性和私有方法

私有属性和私有方法 在实际开发中&#xff0c;对象的某些属性或者方法只希望在对象内部被使用&#xff0c;而不希望在外界被访问。 私有属性&#xff1a;对象不希望公开的属性 私有方法&#xff1a;对象不希望公开的方法 定义方式&#xff1a;在属性名或者方法名前添加两个下划…

flask_restful规范返回值之类型设置

大型的互联网项目中&#xff0c;返回的数据格式&#xff0c;有时是比较复杂的结构。 如&#xff1a;豆瓣电影 https://movie.douban.com/j/chart/top_list?type24&interval_id 100%3A90&action&start20&limit20 返回的值里有 json 或者列表数据&#xff0c…

解决sqlalchemy执行语句提示Not an executable object

问题&#xff1a; from sqlalchemy import create_engine# 数据库的变量 HOST 127.0.0.1 PORT 3306 DATA_BASE itbz USERroot PWD123456 # DB_URL f数据库的名驱动名://{USER}:{PWD}{HOST}:{PORT}/{DATA_BASE} DB_URL fmysqlpymysql://{USER}:{PWD}{HOST}:{PORT}/{DATA_B…

分类模型评估:混淆矩阵与ROC曲线

1.混淆矩阵2.ROC曲线 & AUC指标 理解混淆矩阵和ROC曲线之前&#xff0c;先区分几个概念。对于分类问题&#xff0c;不论是多分类还是二分类&#xff0c;对于某个关注类来说&#xff0c;都可以看成是二分类问题&#xff0c;当前的这个关注类为正类&#xff0c;所有其他非关注…

政安晨:【Keras机器学习实践要点】(三)—— 编写组件与训练数据

政安晨的个人主页&#xff1a;政安晨 欢迎 &#x1f44d;点赞✍评论⭐收藏 收录专栏: TensorFlow与Keras实战演绎机器学习 希望政安晨的博客能够对您有所裨益&#xff0c;如有不足之处&#xff0c;欢迎在评论区提出指正&#xff01; 介绍 通过 Keras&#xff0c;您可以编写自定…

位段详细解释

结构体位段的使用原则 在C语言中&#xff0c;结构体&#xff08;Struct&#xff09;是一种复合数据类型&#xff0c;它允许我们将多个不同类型的数据项组合成一个单一的实体。位段&#xff08;Bit Field&#xff09;是结构体中的一个特殊成员&#xff0c;它允许我们只取结构体…

常用中间件redis,kafka及其测试方法

常用消息中间件及其测试方法 一、中间件的使用场景引入中间件的目的一般有两个&#xff1a;1、提升性能常用的中间件&#xff1a;1) 高速缓存&#xff1a;redis2) 全文检索&#xff1a;ES3) 存日志&#xff1a;ELK架构4) 流量削峰&#xff1a;kafka 2、提升可用性产品架构中高可…

Spring Cloud 网关Gateway + 配置中心

网关 网络的接口&#xff0c;负责请求的路由、转发、身份校验 路由&#xff1a;告诉请求去哪找 转发&#xff1a;请求找不到直接带请求过去 路由及转发 判断前端请求的规则就这么配 当前情况下只需要访问8080端口 就可以完成对全部微服务的访问 路由属性 登录校验 没必要在每…