开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

这个SwiftUI视图叫什么？

这个SwiftUI视图叫做"NavigationView"。

"NavigationView"是SwiftUI框架中的一个视图容器，用于创建具有导航功能的用户界面。它提供了一个导航栏和一个主要视图区域，可以在导航栏中添加标题、按钮和其他导航元素，同时在主要视图区域中显示不同的内容。

"NavigationView"的主要特点和优势包括：

导航功能："NavigationView"提供了导航栏和导航链接，使用户可以在不同的视图之间进行导航和切换。
界面结构清晰：通过使用"NavigationView"，可以将应用程序的界面划分为不同的层次结构，使用户可以更轻松地浏览和导航。
自定义导航栏："NavigationView"允许开发人员自定义导航栏的外观和行为，包括添加标题、按钮、搜索栏等。
适应不同设备："NavigationView"可以自动适应不同设备的屏幕大小和方向，提供一致的用户体验。

"NavigationView"在许多应用场景中都可以使用，特别适用于需要多层次导航和界面结构的应用程序，例如新闻阅读应用、电子商务应用、社交媒体应用等。

腾讯云提供的相关产品和服务中，与"NavigationView"相对应的是腾讯云移动开发套件（Mobile Development Kit，MDK）。MDK是一套用于构建跨平台移动应用的开发工具，提供了丰富的界面组件和功能模块，包括导航栏、页面导航、数据绑定等，可以帮助开发人员快速构建具有导航功能的移动应用。

更多关于腾讯云移动开发套件（MDK）的信息，请访问腾讯云官方网站： https://cloud.tencent.com/product/mdk

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

避免 SwiftUI 视图的重复计算

随着近年来有关 SwiftUI 的文章与书籍越来越多，开发者应该都已经清楚地掌握了 —— “视图是状态的函数” 这一 SwiftUI 的基本概念。...每个视图都有与其对应的状态，当状态变化时，SwiftUI 都将重新计算与其对应视图的 body 值。...当 SwiftUI 将视图从视图树上删除时，会一并完成对 SwiftUI 数据池以及关联的清理工作。如此，使用 State 包装的变量，其存续期将与视图的存续期保持完全一致。...，SwiftUI 通常会多次地创建视图类型的实例。...为了解决这个问题，我们应该调整传递给子视图的参数类型和内容，仅传递子视图需要的数据。

9.3K8 1

SheetKit——SwiftUI模态视图扩展库

SheetKit——SwiftUI模态视图扩展库新写了个的SwiftUI Sheet扩展库，添加对可变高度Sheet的支持。...主要因为SwiftUI中重要的视图展示模式：NavigationView、Sheet等都没有迅捷、简便的重置能力。很难通过一两句代码将应用程序立即设置成我们想要的视图状态。...•模态视图的集中管理SwiftUI通常采用.sheet来创建模态视图，对于简单的应用来说，这种形式非常直观，但如果应用程序的逻辑比较复杂、需要的模态视图众多，则上述方式就会让代码显得十分混乱，不易整理。...•新的半高模态视图在WWDC 2021中，苹果为大家带来了期待已久的半高模态视图。或许推出的比较仓促，这种很受欢迎的交互方式并没有提供SwiftUI版本，仅支持UIKit。...SheetKit暂时弥补了这个遗憾。无论sheet、fullScreenCover还是bottomSheet（半高模态视图）都得到充分的支持和统一的管理。

2.9K2 0

在SwiftUI中使用UIKit视图

在相当长的时间中开发者仍需在SwiftUI中依赖UIKit（AppKit）代码。好在，SwiftUI为开发者提供了便捷的方式将UIKit（AppKit）视图（或控制器）包装成SwiftUI视图。...本文将通过对UITextField的包装来讲解以下几点： •如何在SwiftUI中使用UIKit视图•如何让你的UIKit包装视图具有SwiftUI风格•在SwiftUI使用UIKit视图需要注意的地方...在SwiftUI中，开发者为视图创建描述，而并不实际渲染它们。...将UIKit视图包装成SwiftUI的视图时，我们需要了解两者生命周期之间的不同，不要强行试图找到完全对应的方法，要从SwiftUI的角度来思考如何调用UIKit视图。...•处理UIKit视图中的复杂逻辑在UIKit开发中，通常会将业务逻辑放置在UIViewController中，SwiftUI没有Controller这个概念，视图仅是状态的呈现。

8.2K2 2

用NavigationViewKit增强SwiftUI的导航视图

用NavigationViewKit增强SwiftUI的导航视图如果想获得更好的阅读体验，请访问我的博客 www.fatbobman.com[1] 最近一直在为我的iOS健康管理app健康笔记3.0[...由于SwiftUI原生提供的导航手段能力有限，因此在之前的版本中，NavigationView总是使用的不是那么的顺手。...•SwiftUI原生风格扩展功能的调用方法尽可能同原生SwiftUI方式类似请访问Github下载NavigationViewKit[4] NavigationViewManager 简介开发者对NavigationView...视图中支持SwiftUI原生的所有定义，例如toolbar、navigationTitle等。目前在启用转场动画时，title和toolbar会在转场动画后才显示，观感稍有不足。日后尝试解决。...我之前使用了HStack套两个NavigationView来达到这个效果： image-20210831194932840 现在，可以直接NavigationViewKit中的FixDoubleColumnNavigationViewStyle

3.2K2 0

SwiftUI 视图的生命周期研究

本文将作者对 SwiftUI 视图、SwiftUI 视图生命周期的理解和研究做以介绍，供大家一起探讨。...SwiftUI 的视图在 SwiftUI 中，视图定义了一块用户界面，并以视图树的形式组织在一起，SwiftUI 通过解析视图树来创建合适的渲染。...视图值树在 SwiftUI 中，视图是状态的函数[2]。开发者通过符合 View 协议的结构体来声明界面，SwiftUI 通过调用结构体实例的 body 获取对应的视图值。...利用@State 的生命周期同视图的生命周期一致的特性，便可以很好的解决这个问题。...利用这个特性，我们可以将视图结构体中的某些区域的定义拆分成可被节点承认的形式（符合 View 协议的结构体创建的视图），以提高视图树的刷新效率。

4.4K3 0

SwiftUI：视图的显示和隐藏动画

SwiftUI最强大的功能之一是能够自定义视图的显示和隐藏方式。以前，您已经了解了如何使用常规if条件有条件地包含视图，这意味着当条件更改时，我们可以从视图层次结构中插入或移除视图。...通过使用withAnimation（）包装状态更改，我们可以获得SwiftUI的默认视图转换，如下所示： withAnimation { self.isShowingRed.toggle() }...有了这个小小的改变，应用程序现在淡入淡出红色矩形，同时向上移动按钮以腾出空间。...一个有用的方法是不对称，它允许我们在显示视图时使用一个转换，在视图消失时使用另一个转换。

4.6K3 0

为什么SwiftUI的视图使用结构体？

SwiftUI并非如此：我们更喜欢将结构体用于整体视图，这有两个原因。首先，有一个性能因素：结构体比类更简单，更快。...我之所以说性能因素，是因为很多人认为这是SwiftUI使用结构体的主要原因，而实际上这只是更大范围的一部分。...在SwiftUI中，我们所有的视图都是简单的结构体，几乎可以自由创建。想想看：如果您制作一个仅包含一个整数的结构体，则结构体的整个大小就是：一个整数。没有其他的。...1000个SwiftUI视图甚至100,000个SwiftUI视图也是如此。他们是如此之快，以至于不再值得考虑。...通过生成不会随时间变化的视图，SwiftUI鼓励我们转向更具功能性的设计方法：在将数据转换为UI时，我们的视图变成简单的，惰性的东西，而不是会失去控制的智能化的东西。

3.2K1 0

为什么 SwiftUI 的视图使用结构体

SwiftUI 并非如此：我们更喜欢将结构体用于整体视图，这有两个原因。首先，有一个性能因素：结构体比类更简单，更快。...我之所以说性能因素，是因为很多人认为这是 SwiftUI 使用结构体的主要原因，而实际上这只是更大范围的一部分。...在 SwiftUI 中，我们所有的视图都是简单的结构体，几乎可以自由创建。想想看：如果您制作一个仅包含一个整数的结构体，则结构体的整个大小就是：一个整数。没有其他的。...1000 个 SwiftUI 视图甚至 100,000 个 SwiftUI 视图也是如此。他们是如此之快，以至于不再值得考虑。...通过生成不会随时间变化的视图，SwiftUI 鼓励我们转向更具功能性的设计方法：在将数据转换为 UI 时，我们的视图变成简单的，惰性的东西，而不是会失去控制的智能化的东西。

2.4K5 0

在 SwiftUI 中用 zIndex 调整视图显示顺序

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验 zIndex 修饰符在 SwiftUI 中，开发者使用 zIndex 修饰符来控制重叠视图间的显示顺序，具有较大 zIndex...在没有指定 zIndex 值的时候，SwiftUI 默认会给视图一个为 0 的 zIndex 值。...zIndex 值相同（比如全部使用默认值 0 ），SwiftUI 会按照布局容器的布局方向（视图代码在闭包中的出现顺序）对视图进行绘制。...animationException20220409 如果我们显式地给每个视图设置了 zIndex 值，就可以解决这个显示异常。...zIndexInVStack2022-04-09 19.18.42.2022-04-09 19_20_20 SwiftUI Overlay Container[3] 即是通过上述方式实现了在不改变数据源的情况下调整视图的显示顺序

1.8K3 0

在 SwiftUI 视图中打开 URL 的若干方法

访问我的博客 www.fatbobman.com[1] 可以获得更好的阅读体验本文将介绍在 SwiftUI 视图中打开 URL 的若干种方式，其他的内容还包括如何自动识别文本中的内容并为其转换为可点击链接...image-20220520182722773 SwiftUI 1.0（ iOS 13、Catalina ）在视图中，开发者通常需要处理两种不同的打开 URL 的情况：点击一个按钮（或类似的部件...SwiftUI 2.0（ iOS 14、Big sur ） SwiftUI 2.0 为第一个场景提供了相当完美的原生方案，但仍无法通过原生的方式来处理第二种场景。...在 SwiftUI 中，采用类似逻辑的还有 onSubmit ，有关 onSubmit 的信息，请参阅 SwiftUI TextField 进阶 —— 事件、焦点、键盘[6]。...视图中打开 URL 的几种方法，不过读者应该也能从中感受到 SwiftUI 三年来的不断进步，相信不久后的 WWDC 2022 会为开发者带来更多的惊喜。

7.8K3 1

在 SwiftUI 中实现视图居中的若干种方法

欢迎大家在 Discord 频道[2] 中进行更多地交流将某个视图在父视图中居中显示是一个常见的需求，即使对于 SwiftUI 的初学者来说这也并非难事。...当然，你也可以利用 Spacer 这个特性，控制 Text 在 HStack 中可使用的宽度。...请阅读 SwiftUI 布局 —— 对齐[5] ，了解更多有关 ZStack、overlay、background 的对齐机制Geometry虽然有些大材小用，但当我们需要获取更多有关视图的信息时，GeometryReader...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL...视图中打开 URL 的若干方法: https://www.fatbobman.com/posts/open_url_in_swiftUI/[8] Twitter: https://twitter.com

6.8K4 0

在 SwiftUI 中 accessibilityChildren 视图修饰符的作用

前言SwiftUI 为我们提供了一系列丰富的视图修饰符，用于操作视图的可访问性树。我已经介绍了其中许多，你可以在博客中找到它们。...accessibilityChildren 使用不过，SwiftUI 为这种情况专门提供了 accessibilityChildren 视图修饰符。...SwiftUI 不会渲染我们通过 ViewBuilder 闭包传递的视图，它仅用于填充可访问性树的子元素。...运行截图：总结今天，我们了解了 SwiftUI 为我们提供的又一个强大的可访问性视图修饰符。...SwiftUI 凭借提供如此多友好的 API，简化了我们为了使我们的应用对每个人都具有可访问性而必须做的工作，做得非常出色。

1192 0

如何在 SwiftUI 视图中显示应用图标和版本

在本文中，我将展示如何创建一个可访问的 SwiftUI 视图，既能显示应用图标和版本，又能在各种文本大小和外观下看起来都很好：获取应用图标构建视图的第一步是从主包中获取应用图标。...可以通过检索应用的 Info.plist 文件中的一组键值来完成，如 Stack Overflow 上的这个答案所示：AppIconProvider.swiftimport Foundationenum...这个值是一个包含应用图标信息的嵌套字典。我们检索 CFBundleIcons 字典中 CFBundlePrimaryIcon 键的值。这是一个包含应用主图标信息的字典。...创建 SwiftUI 视图现在让我们将所有内容结合起来，创建一个 SwiftUI 视图，显示应用图标和版本：AppVersionInformationView.swiftimport SwiftUIstruct...在获取到应用图标和版本信息后，我们创建了一个 SwiftUI 视图来展示这些信息。该视图使用水平堆栈（HStack）布局，将应用图标和版本信息并排显示。

1752 2

构建稳定的预览视图 —— SwiftUI 预览的工作原理

作为 SwiftUI 最引人注目的功能之一，预览功能吸引了不少开发者初次接触 SwiftUI。然而，随着项目规模的增长，越来越多的开发者发现预览功能并不如最初想象的那么易用。...欢迎大家在 Discord 频道[2] 中进行更多地交流让预览崩溃的一段视图代码不久前，Toomas Vahter 写了一篇博客 Bizarre error in SwiftUI preview[3...该文件是 Xcode 为预览功能生成的衍生代码，让我们打看这个文件，看看究竟生成了什么内容。...通过 XPC 在预览进程与 Xcode 之间进行通信，最终实现了在 Xcode 中预览特定视图的目的。...但是，这也可能导致无法正常编译的情况发生（例如本文中的例子）预览是以预览衍生文件作为入口的，开发者必须在预览代码中为预览视图提供足够的上下文信息（例如注入所需的环境对象）总的来说，Xcode 预览功能虽然在视图开发流程中极为方便

5591 0

如何在Xcode下预览含有Core Data元素的SwiftUI视图

如何在Xcode下预览含有Core Data元素的SwiftUI视图从SwiftUI诞生之日起，预览（Canvas Preview ）一直是个让开发者又爱又恨的功能。...Core Data元素的SwiftUI视图预览预览是模拟器预览是模拟器，是一个高度优化且精简的模拟器。...SwiftUI预设了大量同系统有关的环境值，通过设置或响应这些数据，我们可以修改系统配置或读取系统信息。 SwiftUI视图采用树状结构组织，在任意节点视图上注入的环境数据都将影响该节点的所有子视图。...由于前文中提到的SwiftUI App life cycle的独特性，你无法在根视图中使用单例来注入持久化上下文。...尽管SwiftUI的Redux模式有诸多优点，但由于只存在视图这一种表现形式，因此在视图描述中经常会参杂不少的数据计算、整理的工作。

5.1K1 0

SwiftUI Overlay Container 2 —— 可定制、高效、便捷的视图管理器

SwiftUI Overlay Container[1] 是一个用于 SwiftUI 的视图容器组件。一个可定制、高效、便捷的视图管理器。...所有的 SwiftUI 视图都可以在容器内显示。...使用者通过调用容器管理器的特定方法，让指定的容器执行显示视图、撤销视图等工作。容器管理器的环境值在 SwiftUI 中，视图代码通过环境值调用容器管理器。...animation 在 SwiftUI 视图外使用如果想在 SwiftUI 视图之外调用容器管理器，可以直接调用 ContainerManager 的单例： let manager = ContainerManager.share...[ .package(url: "https://github.com/fatbobman/SwiftUIOverlayContainer.git", from: "2.0.0") ] 版权这个库是在

2.1K2 0

SwiftUI 新容器视图 API 深度解析：轻松构建自定义布局

前言自 SwiftUI 的第一个版本发布以来，它就拥有了几种容器视图。最常用的有 HStack、VStack、List 等。...今年，Apple 引入了新的 API，使我们能够以全新的方式构建自定义容器视图。本周，我们将学习 SwiftUI 新的分解 API 的优势。容器视图容器视图就是一个可以包含其他视图的视图。...，它是一个用于容纳任何 SwiftUI 视图的容器视图。...Text("My name is Majid Jabrayilov") } }}这个 Card 类型使用起来非常简单。你只需创建一个 Card，并使用闭包提供内容。...运行这个Demo此代码展示了如何在 SwiftUI 中构建自定义的容器视图，灵活地将不同的布局封装在容器中，以便在应用中多次复用这些布局模式。

1301 1

SwiftUI 布局协议 - Part 1

我将它放在第二部分结尾是有原因的，这个工具是使用本文的知识构建的。不过，你可以直接复制代码使用它。什么是布局协议采用布局协议类型的任务，是告诉 SwiftUI 如何放置一组视图，需要多少空间。...但是不用担心，目前为止你可以认为它们就是视图并且像视图一样使用它们。这个框架使用了漂亮的 Swift 语言技巧使你的布局代码在向 SwiftUI 中插入时产生一个透明视图。...在 SwiftUI 的布局过程中会多次调用 sizeThatFits 和 placeSubviews 方法。这个框架测试我们的容器的灵活性，以确定整体视图层级结构的最终布局。...事实证明，当你用代码放置你的布局时，会有一个系统函数调用来产生视图。那这个函数叫什么呢？...那是因为视图会识别标识并且维护， SwiftUI 将这个行为认为是视图的改变，而不是两个单独的视图。

3.3K1 0

GeometryReader ：好东西还是坏东西？

实际上，"GeometryReader" 这个名字更符合其设计目标：一个几何信息读取器。确切来说，GeometryReader 的作用主要是获取父视图的大小、frame 等几何信息。...为此，我们首先需要理解 SwiftUI 的布局原理。 SwiftUI 的布局是一个协商过程。父视图向子视图提供建议尺寸，子视图返回需求尺寸。...这个过程将导致视图被多次重新评估和布局。由于早期的 SwiftUI 缺少了 LazyGrid 等布局容器，开发者只能通过 GeometryReader 来实现各种自定义布局。...（无视子视图尺寸）中这个需求而言，GeometryReader 至今仍是最优解之一。...请阅读用 SwiftUI 的方式进行布局[9] 和在 SwiftUI 中实现视图居中的若干种方法[10] 两篇文章，以了解面对同一个需求，SwiftUI 有多种布局手段。

6307 0

Ask Apple 2022 与 SwiftUI 有关的问答（下）

，只提取你需要的属性，并依靠 SwiftUI 的 equality 检查来提前中止无效计算苹果工程师给出的答案与避免 SwiftUI 视图的重复计算[5] 一文中的很多建议都一致。...A：和很多事情一样，这个问题的答案是取决于你的使用情况（无论这个答案多么不令人满意：sweat_smile: ）。...这个技巧对于处于屏幕的顶部或底部的视图十分有用。详情请参阅推文[15] 。动画转场Q：为什么下面的代码没有显示动画转场。...这意味着我们不能使用 LazyVStack，或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗？A：在 iOS 16.1 中，你可以在侧边栏里放一个。...但这个滚动有两大问题，1、是一个未公开的半成品，有可能会被从 SwiftUI 框架中移除；2、不支持懒加载，即使和 Lazy 视图一起使用也会一次性加载全部的视图。

14.8K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭