首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我庆幸果断放弃了SwiftUI:它还不够成熟

在 2019 年的 WWDC 大会上,苹果推出了一个全新的 SwiftUI 框架,这是一个现代化的 UI 界面编码结构,它是基于 Swift从头开始构建的。...这是一项很好的技术,响应式方法非常适合许多典型的基于视图的需求,但对如何处理边缘情况,文档中非常缺乏相关的说明。” “这是个好主意,但 SwiftUI 的主要问题是完全不成熟。”...利用这款工具,我可以用多个 sprite 拼接成复杂的资产,再最终为它们制作动画。它的显示效果就是主窗口中的一张表,出于学习的目的,我当然还是想继续用 SwiftUI 喽。...但上图展示的效果其实是在 AppKit 中完成的,因为我在 SwiftUI 一直实现不了预期的功能。大家应该注意到了,中间的 SpriteKit 视图上有三个按钮(分别是 +、200% 和 -)。...这些按钮只跟管理 SpriteKit 视图缩放的 @State 相关联。尽管几乎不涉及任何其他数据,在界面更新前单击这些按钮,也会产生将近一秒钟的巨大延迟。

5.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解析 SwiftUI 中两处由状态更新滞后引发的严重 Bug

    只有直接修改 path,SwiftUI 才能表现的像一个真正的响应式编程框架。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...它的复现条件非常简单:在真机上测试( 模拟器上不容易复现 )点击 “GO” 按钮进入下一层视图点击 “Show Sheet” 按钮弹出 Sheet通过下滑手势取消 Sheet在 Sheet 取消后(动画结束时...然而,明显地,强迫用户点击 “Dismiss” 按钮并不是一个好的选择,特别是在没有屏蔽手势取消 Sheet 的情况下。...当视图正在滚动时返回上一层视图会导致应用崩溃这是一个由 xiaogd 在我的 Discord 论坛中提出的 问题。

    761110

    SwiftUI @State @Published @ObservedObject 深入理解和使用

    但是相信我,这是值得的:随着你的进步,你会了解到SwiftUI经常破坏和重新创建你的结构体,所以保持它们的小而简单的结构对性能很重要。...提示:在SwiftUI中存储程序状态有几种方法,您将学习所有这些方法。@State是专门为存储在一个视图中的简单属性而设计的。...= 1 }, label: { Text("更新数据") }) } } } 不出意外上面代码点击按钮就会更新数据...wrapperModel.workModel.count += 1 }, label: { Text("更新数据") }) } } } 这时候点击按钮还会更新数据吗...还会触发第一次对象属性更新吗,答案是不能的 你可以在 didSet 事件里面捕捉,是捕捉不到的,所以视图是不会更新的,那这还有其他解决方案吗 有: 调用对象 wrapperModel.objectWillChange.send

    3.4K10

    解析 SwiftUI 中两处由状态更新滞后引发的严重 Bug

    只有直接修改 path,SwiftUI 才能表现的像一个真正的响应式编程框架。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死 这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...它的复现条件非常简单: 在真机上测试( 模拟器上不容易复现 ) 点击 “GO” 按钮进入下一层视图 点击 “Show Sheet” 按钮弹出 Sheet 通过下滑手势取消 Sheet 在 Sheet 取消后...然而,明显地,强迫用户点击 “Dismiss” 按钮并不是一个好的选择,特别是在没有屏蔽手势取消 Sheet 的情况下。...当视图正在滚动时返回上一层视图会导致应用崩溃 这是一个由 xiaogd 在我的 Discord 论坛中提出的 问题[3]。

    37020

    【愚公系列】《AIGC辅助软件开发》013-AI辅助客户端编程:AI辅助 iOS 应用开发

    **实践**: - 创建一个简单的界面,显示一张图片和一些文本。 - 添加一个按钮,点击后改变文本内容。...**实践**: - 在按钮点击时,添加一个视图出现或消失的动画。 - 为列表中的项目添加删除动画。### 4....**登录按钮**: - 点击按钮时,`isLoggingIn` 设为 `true`,模拟一个登录过程。...### 总结这个示例代码展示了如何使用 SwiftUI 构建一个简单的登录页面,涉及文本输入框、密码显示切换、按钮点击操作、加载指示器等基本功能。...`Button`- **功能**:`Button` 是 SwiftUI 中的视图组件,用于创建可点击的按钮。在示例中,`Button(action: {...})` 定义了一个带有点击事件的按钮。

    9110

    Swift入门:怎样安装Xcode和创建Playground

    所以,你的第一个动作就是点击这里从Mac应用商店安装Xcode——下载量很大,所以现在就开始下载并继续阅读。...Swift 5.1听起来像是一个小的更新,但事实上它包含了很多功能,使SwiftUI能够顺利工作。 UIKit是苹果的用户界面工具包。...它包括用户界面的UIKit,但大多数人会说它还包括制作2D游戏的SpriteKit、制作3D游戏的SceneKit、地图的MapKit、绘图的核心图形、制作动画的核心动画等等。...如果你在Xcode中运行,你会看到一个崩溃报告。 Taylor Swift与Swift编程语言无关。这是一个遗憾,你可能会想象,但我会试图弥补这个不足,在本教程使用她的歌曲。...寻找左下角的“Get started with a playground”按钮,然后点击它。 ?

    6.2K10

    SpriteKit简介-创建您的第一个iPhone平台游戏

    在本节中,您将学习如何使用SpriteKit创建自己的平台游戏。您将学习如何实现所有基本游戏功能,如玩家移动,玩家跳跃,相机工作,动画等。 你正在建设什么 这是您将要构建的iPhone平台游戏。...什么是SpriteKit? SpriteKit是一个功能强大的基于2D精灵的框架,适用于Apple的游戏开发。SpriteKit使用SKView这是一个场景,它是你在屏幕上看到的视觉效果。...如果您想了解更多关于SpriteKit的信息,请点击此处链接到Apple的SpriteKit页面。 ?...你创造了你的第一个游戏。 运行模拟器 让我们运行模拟器以确保我们的项目正常运行。点击在屏幕或按下左上角的播放按钮cmd+ R。...为了在我们的Xcode中没有太多面板的情况下创建一个更干净的UI,项目让我们关闭导航器面板,点击Xcode UI右上角的第三个按钮,从右到左依次计算。

    3.6K30

    酷我音乐iOS小组件适配开发实践

    经过上述操作后,我们只能给小组件加一个按钮,并不能实现点击按钮触发事件,当我们点击button的时候直接拉端,根本不给我们处理这个按钮的点击机会. 这是因为小组件不支持常规按钮....同样的代码 只是所属的target不一样,它居然生效了,怎么做到的 我们甚至尝试 widget的Extension中写一个AppIntent壳代码,App内写具体实现,点击小组件的按钮直接调用到了App...,这不就实现了进程间通讯吗!...目前没有发现什么弊端 这第一次反人类的操作跟小伙伴说,小伙伴们都一致的认为这是苹果的bug, 我认为不管是不是bug,它这么做好使.反过来测试就是两个进程空间的内容根本无法实现代码共享,完全得益于苹果的静态元数据提取...Intent的按钮. 5.widgetURL和Link跳转app问题 当我们点击某些View的时候需要跳转host app,在小组件的Extension中有一个apiwidgetURL 先来看一下示例代码

    1.4K30

    酷我音乐iOS小组件适配开发实践

    经过上述操作后,我们只能给小组件加一个按钮,并不能实现点击按钮触发事件,当我们点击button的时候直接拉端,根本不给我们处理这个按钮的点击机会. 这是因为小组件不支持常规按钮....同样的代码 只是所属的target不一样,它居然生效了,怎么做到的 我们甚至尝试 widget的Extension中写一个AppIntent壳代码,App内写具体实现,点击小组件的按钮直接调用到了App...,这不就实现了进程间通讯吗!...目前没有发现什么弊端 这第一次反人类的操作跟小伙伴说,小伙伴们都一致的认为这是苹果的bug, 我认为不管是不是bug,它这么做好使.反过来测试就是两个进程空间的内容根本无法实现代码共享,完全得益于苹果的静态元数据提取...Intent的按钮. 5.widgetURL和Link跳转app问题 当我们点击某些View的时候需要跳转host app,在小组件的Extension中有一个apiwidgetURL 先来看一下示例代码

    1.1K21

    SwiftUI:Alert弹窗

    如果发生重要事件,通知用户的一种常见方法是使用警报Alert弹窗-根据您的需要,该弹出窗口包含标题,消息和一个或两个按钮。 但是请考虑一下:何时应该显示警报以及如何显示Alert?...基本的SwiftUIAlert具有标题,消息和一个关闭按钮,如下所示: Alert(title: Text("Hello SwiftUI!")...将按钮和他们放在一起,下面是一些示例代码,当点击按钮时会显示警报: struct ContentView: View { @State private var showingAlert = false...仔细看看alert()修饰符: .alert(isPresented: $showingAlert) 这是另一种双向数据绑定,这是因为SwiftUI会在警报解除后自动将showingAlert设置为false...准备就绪后,将ContentView.swift重置成您最初创建项目时的开始方式,这样我们就可以从头开始。

    5.5K20

    Ask Apple 2022 与 SwiftUI 有关的问答(上)

    对 iOS 和 iPadOS 来说,一个按钮或许有效,但对 macOS 就不太适合了。另外,.contextAction 支持多选。它还会回来吗?...假设我们想创建一个类似于 iMessage 的视图,在那里你可以看到一个信息列表(与本例无关),在视图的底部有一个文本框。当用户点击文本字段时,键盘会在其工具栏中出现一个文本字段。...有什么办法可以阻止这种情况吗?A:你可以用 .chartYScale(domain: 0 ... 75) 锁定 Y 轴的刻度域。隐式动画和显式动画Q:你好!...如何改善一个包含大量 UITextField 的视图效率Q:我有一个包含 132 个 UITextField 的 SwiftUI 视图。我知道这个数量很大,但这是由业务逻辑决定的。...我在 ContentView 中使用了 enviromentObject 作为所有视图的封装器,在每个视图中,我使用 @EnviromentObject 来访问这些数据,对于这种情况,这是最好的方法吗?

    12.3K20

    SwiftUI 的动画机制

    SwiftUI 采用了声明式语法来描述不同状态下的 UI 呈现,动画亦是如此。官方文档将 SwiftUI 的动画(Animations)定义为:创建从一个状态到另一个状态的平滑过渡。...在 SwiftUI 中,实现一个动画需要以下三个要素: 一个时序曲线算法函数 将状态(特定依赖项)同该时序曲线函数相关联的声明 一个依赖于该状态(特定依赖项)的可动画部件 animationThreeElements...比如,由于下面代码中的 animation 没指定特定的依赖项,因此,点击按钮后,位置与颜色都会产生平滑动画。...且依赖了 startAnimation 动画处理过程: 点击按钮改变依赖项 startAnimation 的值 SwiftUI 会立即完成对 startAnimation 值的改变(依赖值的改变发生在动画开始前...这意味着,当数组中出现了两个同样的元素(点击添加按钮),SwiftUI 将无法正确识别我们的意图 —— 究竟是想对那个元素(值相同意味着标识也相同)进行操作。

    14.8K40

    用 SwiftUI 的方式进行布局

    最近时常有朋友反映,尽管 SwiftUI 的布局系统学习门槛很低,但当真正面对要求较高的设计需求时,好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗?...但如果为视图分别设定不同的动画曲线( 例如:一个 linear、一个 easeIn ),状态切换时便无法保证视图之间的完全紧密。...转场是 SwiftUI 提供的强大能力之一,可以极大地简化动画实现的难度。我写的视图管理器 SwiftUI Overlay Container[7] ,便是建立在对转场功能的充分应用之上。...有关转场动画的更多内容,请参阅 SwiftUI 的动画机制[8] 一文 八、Layout 协议 在 4.0 版本中,SwiftUI 增加了 Layout 协议,通过该协议,开发者可以针对特定的场景,创建自定义布局容器...毋庸置疑,这是所有方案中最复杂的实现。不过,如果我们有类似的需求,使用该自定义容器将十分地便利。

    3.3K00

    Ask Apple 2022 与 SwiftUI 有关的问答(下)

    将背景扩展到安全区域Q:如果我有一个自定义的容器类型,可以接受一个顶部和底部的视图,是否有办法让 API 的调用者将所提供的视图的背景扩展到安全区域内,同时将内容( 如文本或按钮 )保留在安全区域内?...阅读 SwiftUI 的动画机制[16] 一文,了解更多有关动画的内容。...连锁动画Q:在 SwiftUI 中,如何实现连锁动画?例如,我想先给一个视图做动画,当动画完成后立即启动另一个动画。A:不幸的是,目前不可能实现连锁动画。...TextField 中文输入的问题Q:请问 SwiftUI 的 TextField 在中文输入时,会在字母选择阶段就直接上屏,造成输入内容错误的问题是已知问题吗?会在 16.1 RC 修复吗?...这是一个在多个版本中都出现过的奇怪问题。在 SwiftUI 早期版本中,当在 iOS 中使用系统中文输入法时,很容易触发这种情况。但后期逐步得到了修复。

    14.8K30

    SwiftUI案例:天气

    SwiftUI案例:天气 效果 目标 实现静态的仿iOS天气APP程序 文件与配置 外观配置 外观配置需要从 '代码' 中下载文件并提取对应的图片 需要配置在 Assets.xcassets...WeatherDataView.swift 视图文件 创建Model模板 在工作区的项目文件夹下创建名为 Model 的 Group 并在其中创建 Forecast.swift 视图与模板实现 ContentView.swift 这是应用视图的总体框架布局...import SpriteKit struct Home: View { @State var offset: CGFloat = 0 //offset偏量 var topEdge:...CGFloat //topEdge顶部边缘距离 //避免过早显示"启动动画"将推迟该动画的实现 @State var showRain = true var body: some...progress return opacity //返回透明度 } func getTitleOffset() -> CGFloat { //为整个标题设置一个最大高度

    4.9K21

    解析SwiftUI布局细节(二)循环轮播+复杂布局

    这篇我们还是说我们关于SwiftUI的东西,再提一下Demo代码我已经提交上Git了,目前Demo进度为一级页面基本上结束,地图点击大头针的添加也刚处理完,代码有需要的小伙伴可以去Git看看,项目地址...} .listStyle(PlainListStyle()) .navigationTitle("iPhone") } } 这是一个很普通的通过...传送门在这 下面是我们值得细说的一些点: 1、值得注意的 TabView + PageTabViewStyle 这是在iOS14中新出的一个值得我们注意的点,PageTabViewStyle...的方式去实现,很多同行有说目前来看SwiftUI的List在数据量大的情况下性能不是特别好,采用ScrollView是个不错的方式,而且也很容易构建出来,并不是说每一个Item的位置都需要你去计算,...具体的我们会看下面的代码,他们的区别就是像拖拽我们可以监控它的改变状态,点击或者双击、长按等我们可以添加事件等等。

    12.2K20
    领券