首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何让 SwiftUI 的列表变得更加灵活

    中初版的概念和 API 编写的,下面让我们尝试使用新功能来为我们的列表实现自定义样式,并且使代码更加健壮。...为了演示这种情况,我们在 List 中嵌套一个 ForEach (因为在 SwiftUI 的中,列表变化一版都是由 ForEach 触发的,而不是由 List 触发的)。...由于每个 article 值在 ForEach 闭包中都是可变的,我们可以使用新的 swipeActions 修饰符来实现每个 NavigationLink 项目视图的自定义滑动操作。...SwiftUI 中使用,请查看昨天的这篇文章[1],不要错过真正重要的“在 Swift 中认识 async/await[2]”WWDC 会议。...可定制的分隔符 自从引入 SwiftUI 以来,开发者们有一个非常普遍的要求,提供一个 API ,用于隐藏或以其他自定义实现列表中每个 item 之间的默认分隔符。

    6.3K41

    用NavigationViewKit增强SwiftUI的导航视图

    由于SwiftUI原生提供的导航手段能力有限,因此在之前的版本中,NavigationView总是使用的不是那么的顺手。...该扩展遵循以下几个原则: •非破坏性任何新添加的功能都不能影响当前SwiftUI提供的原生功能,尤其是不能影响例如Toolbar、NavigationLink在NavigationView中的表现•尽可能便于使用仅需极少的代码便可使用新增功能...目前常用的解决方案有两种: •重新包装UINavigationController好的包装确实可以使用到UINavigationController提供的众多功能,不过非常容易同SwiftUI中的原生方法相冲突...此种手段将限制NavigationLink的种类选择,另外不利于从非视图代码中实现。...下的任意视图通过代码直接返回根视图•在NavigationView下的任意视图中通过代码直接跳转到新视图(无需在视图中描述NavigationLink)•通过NotificatiionCenter,指定应用程序中的任意

    4.5K20

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

    NavigationView + NavigationLink 的界面跳转,在苹果给的 SwiftUI 的使用例子中就是这样写的,当然我们在正常的使用中这样写也没啥问题,那我们界面跳转的问题是什么呢?...NavigationLink 单击没法跳转,只有长按的时候才能跳转,这个问题抛出来,有懂得小伙伴希望能给我说一下,这个问题我也一直没有解决!...3、再提一点关于上面说的滚动视图,在UIKit中我们可以用UICollectionView搞定一切,但是在SwiftUI中没有这个控件,我建议采用的方式是 ScrollView + HStack + VStack...= .zero /// 当前显示的位置索引, /// 这是实际数据中的1就是数据没有被处理之前的0位置的图片 /// 所以这里默认从1开始 @State var currentIndex...spring():.none) /// 监听当前索引的变化,最开始初始化为0是不监听的, .onChange(of: currentIndex, perform

    13.9K20

    如何使用 SwiftUI 构建 visionOS 应用

    Windows我喜欢 SwiftUI 的一点是它如何自动适应平台。你无需执行任何操作即可在 visionOS 上运行使用 SwiftUI 编写的应用程序。它可以即插即用。...visionOS 中的装饰是位于窗口外部的位置,用于呈现与窗口连接的控件。你还可以通过使用新的 ornament 视图修改器手动创建它们。...例如,RealityKit 为我们提供了 Model3D SwiftUI 视图,允许我们从 USDZ 或实际文件中显示 3D 模型。...不仅如此,SwiftUI 还提供了许多方便的工具和修饰符,例如 windowStyle 修饰符,可用于在应用程序中呈现 3D 内容,并使内容根据模型的大小自动适应。...通过引入沉浸式空间,我们可以将用户带入全新的体验,让他们沉浸在应用程序的世界中。

    1K21

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

    但是,SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则,由此在某些情况下会出现严重的错误,影响用户体验,并使开发者无所适从。...本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...原文发表在我的博客 肘子的Swift记事本视图变化在前、状态变化在后在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...随着版本的提高,SwiftUI 的功能也确实得到了相当程度的增加。不过,即使在最新的版本中,在一些对 UIKit(AppKit)进行二次包装的控件中,仍有不少细节处理不到位的问题。

    3.8K110

    用 Table 在 SwiftUI 下创建表格

    欢迎大家在 Discord 频道[2] 中进行更多地交流 Table 是 SwiftUI 3.0 中为 macOS 平台提供的表格控件,开发者通过它可以快捷地创建可交互的多列表格。...但相较于 SwiftUI 中的网格容器( LazyVGrid、Grid )来说,Table 本质上更接近于 List 。开发者可以将 Table 视为具备列特征的 List 。...Table 与 List 的近似点: 声明逻辑接近 与 LazyVGrid( LazyHGrid )和 Grid 倾向于将数据元素放置于一个单元格( Cell )中不同,在 Table 与 List 中...,SwiftUI 会扩展更多的样式到 iPadOS 平台 行选择 在 Table 中启用行选择与 List 中的方式十分类似: struct TableDemo: View { @State var...上下文菜单、选择 ) List( Grid 中的 GridRow 并非真正意义上的行 ) 需要视图可渲染( 保存成图片 ) LazyVGrid、Grid 可固定的标题行 List、LazyVGrid、Grid

    5.3K31

    SwiftUI 在 WWDC 24 之后的新变化

    每年,SwiftUI 都会通过引入更多功能来赶上 UIKit。今年也不例外。让我们深入了解 SwiftUI 框架引入的新功能。...新的标签栏体验使用新的 Tab 类型,SwiftUI 提供了新的可定制标签栏体验,带有流畅过渡到侧边栏。...英雄动画SwiftUI 引入了 matchedTransitionSource 和 navigationTransition,我们可以在任何 NavigationLink 实例中配对使用。...extension EnvironmentValues { @Entry var itemsPerPage: Int = 10}预览新的 Previewable 宏允许我们在预览中引入状态,而无需将其包装到额外的包装视图中...框架的下一版本包括许多新 API,如窗口推送、TextField 和 TextEditor 视图中的文本选择观察、搜索焦点监控、自定义文本渲染、新的 MeshGradient 类型等等,我无法在一篇文章中涵盖所有内容

    2.3K10

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

    但是,SwiftUI 中的一些系统控件并没有完全遵循响应式的设计原则,由此在某些情况下会出现严重的错误,影响用户体验,并使开发者无所适从。...本文将解析 SwiftUI 中两个由于未能贯彻响应式编程原则而导致的严重错误,并提供相应的解决方案。...视图变化在前、状态变化在后 在 SwiftUI 中,某些可编程控件在执行一定的操作时,会先更新视图,待视图变化完成后再修改与其对应的状态。这些控件基本上都是对 UIkit(AppKit)的二次包装。...通过手势取消 Sheet 后,快速右滑导航容器会导致应用锁死 这是一个在 SwiftUI 所有版本中存在的错误,你可以在众多的论坛或聊天室里看到不少的开发者都在寻找解决方法。...随着版本的提高,SwiftUI 的功能也确实得到了相当程度的增加。不过,即使在最新的版本中,在一些对 UIKit(AppKit)进行二次包装的控件中,仍有不少细节处理不到位的问题。

    2.8K20

    苹果为傲慢付出了代价 | 肘子的 Swift 周报 #082

    本次裁决对苹果而言,不仅仅是对其傲慢姿态的警醒,更深刻揭示了其长期以来在生态建设中缺乏同理心、居高临下的态度所带来的必然反噬。...前一期内容|全部周报列表 欢迎 点赞、 转发 原创 使用 equatable() 避免 NavigationLink 预构建陷阱[4] NavigationLink是 SwiftUI 开发者非常喜欢使用的一个组件...[5] 在之前的周报中,我已经推荐过多篇介绍 Swift 6.1 新特性的优秀文章。但当我读到 Paul Hudson[6]的这篇总结时,仍然发现了一些此前没有注意到的细节。...虽然这一特性使用频率不高,但在异步环境中,它是一种优雅的状态注入方式。...值得一提的是,Swift 6.1 引入的 Test Scoping Traits[16]也是基于 @TaskLocal实现的,它们在测试场景中可以很好地配合使用,构建出清晰可控的异步上下文环境。

    43910

    SwiftUI 与 Core Data —— 安全地响应数据

    SwiftUI 与 Core Data —— 问题[1]SwiftUI 与 Core Data —— 数据定义[2]SwiftUI 与 Core Data —— 数据获取[3]可以在 此处[4] 获取演示项目...回到 Xcode 创建的 Core Data 模版代码,我们做如下的尝试,在进入 NavigationLink 后一秒钟删除该数据:ForEach(items) { item in NavigationLink...随着 FetchRequest 的内容发生变化,List 将重新刷新,由于 NavigationLink 对应的数据不复存在,因此 NavigationView 自动返回了根视图。....now, formatter: itemFormatter)")如果使用我们在 SwiftUI 与 Core Data —— 数据定义[7] 一文中讨论的 ConvertibleValueObservableObject...但在非常多的情况下,开发者并不会使用演示中使用的 NavigationLink 版本,为了对视图拥有更强地控制力,开发者通常会选择具备可编程特性的 NavigationLink 版本。

    4.5K20

    从用SwiftUI搭建项目说起

    从 SwiftUI 谈声明式 UI 与类型系统 跨平台: 在最新的swiftUI 5.1中,我们创建一个MultilPlatform App有了下面这些区别: ·Before func...---- 在我们的日常开发中,标签(TabBar)+ 导航(Na)形式的模式是随处可见的,我们这次的目的是利用SwiftUI搭建这样一个场景构建一个基本的应用,包括登录和数据处理以及iOS...常见控件在SwiftUI中的一些具体的使用,这个项目会随着学习进度慢慢的把所有的内容都基本的补齐,下面是最基本的导航+标签的git效果。...在UIKit中我们的导航、标签都是通过控制器来管理,但是在SwiftUI中他们分别是通过NavigationView+TabView管理的,我们得在认识上有一个基本的转变,从Controller到View...大概解析一下上面代码的 NavigationLink,它是用来控制View之间的跳转的: destination:是跳转的目标View,我们在做一些数据传递的时候一般都是在这里说明的。

    5.6K20

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

    #### 1.1 SwiftUI 的基本概念- **声明式语法**:在 SwiftUI 中,你声明用户界面的内容和布局,系统会根据状态自动更新界面。...导航(Navigation)`NavigationView` 和 `NavigationLink` 用于实现视图之间的导航。...这里的 `import SwiftUI` 导入了 SwiftUI 框架,使你可以使用框架中的组件来构建用户界面。### 2....`Button`- **功能**:`Button` 是 SwiftUI 中的视图组件,用于创建可点击的按钮。在示例中,`Button(action: {...})` 定义了一个带有点击事件的按钮。...在示例中,它被用来模拟登录过程中的延迟。### 15. `ProgressView`- **功能**:`ProgressView` 是 SwiftUI 中的视图组件,用于显示加载进度指示器。

    5.4K10

    戴铭的 Swift 小册子

    截图如下: 这个程序是Swift写的,按照声明式UI,响应式编程范式开发的,源码也可以看看。与其讲一堆,不如调着试。 下面是文本内容。注:代码中简化变量名是为了能更快速关注到语言用法。...函数 func 函数可以作为另一个函数的参数,也可以作为另一个函数的返回。函数是特殊的闭包,在类、结构体和枚举中是方法。...static 可以修饰存储属性,而 class 不能;class 修饰的方法可以继承,而 static 不能。在协议中需用 static 来修饰。 继承 类能继承另一个类,继承它的方法、属性等。...let a2 = a1.filter { $0.prefix(1) == "c" } print(a2) // ["c", "call my name"] reduce reduce 可以将迭代中返回的结果用于下个迭代中...Great Mac App with SwiftUI (有table和LazyVGrid的用法)。

    2.7K30
    领券