开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI -将视图悬停在内容视图之外

SwiftUI是一种用于构建用户界面的现代化框架，它是苹果公司推出的一种声明式的UI编程范式。SwiftUI的设计目标是简化和加速应用程序的开发过程，同时提供强大的功能和灵活性。

在SwiftUI中，将视图悬停在内容视图之外是通过使用ZStack（叠加视图）来实现的。ZStack允许将多个视图叠加在一起，其中后添加的视图会覆盖在前面的视图之上。通过将悬停视图放置在内容视图之外，可以实现一些特殊的效果和交互体验。

优势：

简化的语法：SwiftUI采用了声明式的语法，使得界面的构建更加直观和简洁，开发者可以更快速地实现所需的界面效果。
自动化布局：SwiftUI提供了自动化布局功能，开发者只需描述视图的层次结构和约束，系统会自动处理布局和适配不同设备的屏幕尺寸。
实时预览：SwiftUI提供了实时预览功能，开发者可以在代码编写过程中即时查看界面的效果，提高开发效率。
跨平台支持：SwiftUI可以同时用于iOS、macOS、watchOS和tvOS等平台的应用程序开发，开发者可以共享大部分代码，减少重复工作。

应用场景：

移动应用程序：SwiftUI适用于开发各种类型的移动应用程序，包括社交媒体应用、电子商务应用、新闻应用等。
桌面应用程序：SwiftUI可以用于构建macOS平台上的桌面应用程序，为用户提供直观、美观的界面。
嵌入式系统：SwiftUI还可以用于开发嵌入式系统的用户界面，如智能家居控制面板、工业控制界面等。

腾讯云相关产品和产品介绍链接地址：腾讯云提供了一系列与云计算相关的产品和服务，以下是一些与SwiftUI相关的产品和服务：

云服务器（CVM）：腾讯云的云服务器提供了弹性的计算资源，可以用于部署和运行SwiftUI应用程序。详情请参考：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CMQ）：腾讯云的云数据库MySQL版提供了可靠的数据库服务，可以用于存储和管理SwiftUI应用程序的数据。详情请参考：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：腾讯云的云存储提供了高可靠性、高可扩展性的对象存储服务，可以用于存储和管理SwiftUI应用程序的静态资源。详情请参考：https://cloud.tencent.com/product/cos
人工智能（AI）：腾讯云的人工智能服务提供了丰富的人工智能能力，可以用于增强SwiftUI应用程序的功能和体验。详情请参考：https://cloud.tencent.com/product/ai

请注意，以上仅为腾讯云的一些相关产品和服务示例，其他云计算品牌商也提供类似的产品和服务，开发者可以根据实际需求选择适合自己的云计算平台。

相关搜索:SwiftUI滚动视图内容在可滚动区域之外 SwiftUI通过在视图边界之外进行触摸来隐藏视图在AppKit视图中嵌入SwiftUI视图将SwiftUI视图设置为NSMenuBarItem视图属性刷新子视图之外的父内容 SwiftUI强制肖像显示在除一个视图之外的所有视图上在视图之外检测UITouch 在SwiftUI视图之间导航将SwiftUI视图转换为图像将SwiftUI视图转换为NSImage 在SwiftUI视图层次结构中插入UIKit内容在视图加载/刷新时调用SwiftUI视图扩展在SwiftUI中根据视图高度设置视图动画将TextInputs数组从子视图传递到父视图。swiftui 如果超出视图高度，SwiftUI + ScrollView将无法添加视图如何使SwiftUI滚动视图缩小为内容？SwiftUI -滚动视图中的垂直居中内容如何将内容视图缩放到多个屏幕大小？SwiftUI SwiftUI -在UIWindow上显示视图在SwiftUI中提取视图属性

相关搜索:

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

有帮助

没帮助

相关·内容

使用 SwiftUI 为 macOS 创建类似于 App Store Connect 的选择器

最近，我一直在为我的应用开发一个全新的界面，它可以让你查看 TestFlight 上所有可用的构建，并允许你将它们添加到测试群组中。

03

三人团队，七天“不眠不休”，我们赶在 Vision Pro 发布的那一刻做出了一款头显应用

我一直都是 3D、VR 和 AR 技术的爱好者，而且我很幸运，到目前为止，我的工程职业生涯中很大一块儿做的都是这些领域的项目。

01

SwiftUI数据流之State&Binding

@State是一个属性包装器（property wrapper），被设计用来针对值类型进行状态管理；用于在Struct中mutable值类型

03

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。

03

BERT可视化工具bertviz体验

BertViz 是一种交互式工具，用于在Transformer语言模型（如 BERT、GPT2 或 T5）中可视化注意力网络。它可以通过支持大多数Huggingface 模型，可以简单地通过 Python API 在 Jupyter 或 Colab 笔记本中运行。BertViz 扩展了 Llion Jones的Tensor2Tensor 可视化工具，添加了多个视图，每个视图都为注意力机制提供了独特的视角。

02

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为上篇。

02

用 SwiftUI 的方式进行布局

最近时常有朋友反映，尽管 SwiftUI 的布局系统学习门槛很低，但当真正面对要求较高的设计需求时，好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗？本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。

00

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

如果您曾经为UIKit或AppKit（Apple的iOS和macOS原始用户界面框架）编程，您会知道它们使用类而非结构体来构造视图。SwiftUI并非如此：我们更喜欢将结构体用于整体视图，这有两个原因。

01

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

如果您曾经为 UIKit 或 AppKit（Apple 的 iOS 和 macOS 原始用户界面框架）编程，您会知道它们使用类而非结构体来构造视图。SwiftUI 并非如此：我们更喜欢将结构体用于整体视图，这有两个原因。

05

23个高手都在用的Figma小技巧！（2022新专辑）-Part 01

静电说：在之前我们已经介绍过不少Figma的小技巧，随着Figma版本的更新，我们为大家整理出了更多的Figma小技巧，帮助你让自己的设计工作边的更爽更方便。本次的小技巧栏目分两期进行，这篇文章是第一期。

03

用 SwiftUI 的方式进行布局

最近时常有朋友反映，尽管 SwiftUI 的布局系统学习门槛很低，但当真正面对要求较高的设计需求时，好像又无从下手。SwiftUI 真的具备创建复杂用户界面的能力吗？本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。

08

避免 SwiftUI 视图的重复计算

随着近年来有关 SwiftUI 的文章与书籍越来越多，开发者应该都已经清楚地掌握了 —— “视图是状态的函数” 这一 SwiftUI 的基本概念。每个视图都有与其对应的状态，当状态变化时，SwiftUI 都将重新计算与其对应视图的 body 值。

08

Notion系列-任务和依赖

子项目可以将任务分解为更小的工作部分，以便可以轻松地确定范围、分配和跟踪它们。它们可以在数据库的表视图中查看。

03

SAP Fiori的ABAP编程模型-OData服务生成

识别创建的OData服务在CDS视图中应用OData注释后，必须激活相应的CDS视图以创建OData服务。但是有一个问题，我们不知道已创建的OData服务名称。我们可以通过两种方式来识别已创建的ODate服务的名称。

02

SAP Fiori的ABAP编程模型-OData服务生成

识别创建的OData服务在CDS视图中应用OData注释后，必须激活相应的CDS视图以创建OData服务。但是有一个问题，我们不知道已创建的OData服务名称。我们可以通过两种方式来识别已创建的ODate服务的名称。

02

微信小程序仿APP section header 悬停效果

在onReady方法中，查询section-header节点并拿到该节点此时距离当前顶部的距离

02

SwiftUI 状态管理系统指南

SwiftUI与苹果之前的UI框架的区别不仅仅在于如何定义视图和其他UI组件，还在于如何在整个使用它的应用程序中管理视图层级的状态。

02

干货 | 关于SwiftUI，看这一篇就够了

梁启健，携程金融支付中心开发工程师，主要负责支付iOS端的开发与优化工作，喜欢研究大前端和跨平台技术。

01

解析SwiftUI布局细节（一）

在前面的文章中谈了谈对SwiftUI的基本的认识，以及用我们最常见的TB+NA的方式搭建了一个很基本的场景来帮助认识了一下SwiftUI，具体的文章可以在SwiftUI分类部分查找，这篇我准备在写UI的时候从SwiftUI角度我们具体的应该怎样去做，或者说是用SwiftUI我们该从什么角度去解析一个页面。以及对SwiftUI里面的其中一些细节知识做一下分析总结。

01

前端开发：这10个Chrome扩展你不得不知

这个工具在识别和显示元素的CSS属性方面很有用。它包括一个浮动窗口，您可以把鼠标悬停在页面上任一元素上以查看它的所有CSS属性。您可以通过快捷键在CSSViewer的窗体中轻松复制您选定元素的样式。

01

独家 | Tableau中的Z-Order了解一下！

本文将通过三个简单的例子，讲解如何在Tableau中通过颜色图例、字母顺序和国家来控制Z-Order。

02

如何在 SwiftUI 中创建悬浮操作按钮

悬浮操作按钮（Floating Action Button, FAB）是一种在 Android 和 Material Design 中使用的 UI 元素。它用于触发特定屏幕的主要操作。

03

康耐视VIDI介绍-蓝色定位工具（Locate）

蓝色定位工具用于识别和定位图像中的特定特征或特征组。该工具的输出可用于为其他下游 ViDi 工具提供位置数据。使用该工具时您提供一个训练集，然后识别图像中的特征。您还可以使用该工具创建两种不同类型的模型。布局模型提供了检查特征是否存在以及验证区域中一个或多个特征的正确实例数的功能。可以生成节点模型，其定义一组特征之间的空间关系。

03

Flutte部件目录-Material Components 顶

底部导航栏可轻松浏览并在单次点击之间在顶层视图之间切换。 BottomNavigationBar小部件实现此组件。

04

SwiftUI geometryGroup() 指南：从原理到实践

在 WWDC 2023 中，苹果为 SwiftUI 添加了一个新的修饰器：geometryGroup()。它可以解决一些之前无法处理或处理起来比较困难的动画异常。本文将介绍 geometryGroup() 的概念、用法，以及在低版本 SwiftUI 中，在不使用 geometryGroup() 的情况下如何处理异常。

01

SwiftUI + Core Data App 的内存占用优化之旅

尽管 SwiftUI 的惰性容器以及 Core Data 都有各自的内存占用优化机制，但随着应用视图内容的复杂（图文混排），越来越多的开发者遇到了内存占用巨大甚至由此导致 App 崩溃的情况。本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。

01

SwiftUI + Core Data App 的内存占用优化之旅

尽管 SwiftUI 的惰性容器以及 Core Data 都有各自的内存占用优化机制，但随着应用视图内容的复杂（图文混排），越来越多的开发者遇到了内存占用巨大甚至由此导致 App 崩溃的情况。本文将通过对一个演示 App 进行逐步内存优化的方式（由原先显示 100 条数据要占用 1.6 GB 内存，优化至显示数百条数据仅需 200 多 MB 内存），让读者对 SwiftUI 视图的存续期、惰性视图中子视图的生命周期、托管对象的惰值特性以及持久化存储协调器的行缓存等内容有更多的了解。

04

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

SwiftUI Overlay Container[1] 是一个用于 SwiftUI 的视图容器组件。一个可定制、高效、便捷的视图管理器。

02

在 SwiftUI 下使用 NSUbiquitousKeyValueStore 同步数据

NSUbiquitousKeyValueStore 是苹果官方提供的用于在设备间共享键值数据的解决方案。本文将对其用法做以简单介绍，着重探讨如何便捷地在 SwiftUI 中使用 NSUbiquitousKeyValueStore。

04

如何在 React 中实现鼠标悬停显示文本？

在 React 应用中，当用户将鼠标悬停在某个元素上时，我们经常需要显示一些相关的文本，以提供额外的信息或交互提示。本文将详细介绍如何在 React 中实现鼠标悬停显示文本的功能，并提供示例代码帮助你理解和应用这个功能。

01

掌握 SwiftUI 的 task 修饰器

随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于 async/await 的异步代码。本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。

03

SwiftUI: 从 React 开发人员的角度看 SwiftUI

最近我通过学习 SwiftUI 时，令我印象最深的就是我对它的熟悉程度，因为我已经在 React 和 TypeScript上工作了几年了。

04

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

保证应用不因 Core Data 的原因导致意外崩溃是对开发者的起码要求。本文将介绍可能在视图中产生严重错误的原因，如何避免，以及在保证视图对数据变化实时响应的前提下如何为使用者提供更好、更准确的信息。由于本文会涉及大量前文中介绍的技巧和方法，因此最好一并阅读。

02

SwiftUI-数据流

SwiftUI中的界面是严格数据驱动的：运行时界面的修改，只能通过修改数据来间接完成，而不是直接对界面进行修改操作。

02

自定义 Button 的外观和交互行为

通过 Style 改变组件的外观或行为是 SwiftUI 提供的一项非常强大的功能。本文将介绍如何通过创建符合 ButtonStyle 或 PrimitiveButtonStyle 协议的实现，自定义 Button 的外观以及交互行为。

06

掌握 SwiftUI 的 Safe Area

Safe Area（安全区域）是指不与导航栏、标签栏、工具栏或其他视图控制器提供的视图重叠的内容空间。

03

掌握 SwiftUI 的 task 修饰器

随着 Swift 5.5 引入了 async/await 特性，苹果也为 SwiftUI 添加了 task 视图修饰器，以方便开发者在视图中使用基于 async/await 的异步代码。本文将对 task 视图修饰器的特点、用法、注意事项等内容做以介绍，并提供了将其移植到老版本 SwiftUI 的方法。

06

掌握 ViewThatFits

在 iOS 16 中，SwiftUI 增加了一个新的自适应布局容器 ViewThatFits。正如其名称所示，它的作用是在给定的多个视图中找出最合适的视图并使用。对于大多数人来说，这是一个简单易用的容器。不过，本文打算对其进行彻底的剖析，包括规则细节、理想尺寸的含义、使用示例等。最后，我们将创建一个复刻版本的 ViewThatFits，以加深对其的认识和理解。

01

打造可适配多平台的 SwiftUI 应用

本文是笔者参加 2023 年 4 月 20 日 “SwiftUI 技术沙龙（北京站）” 活动的分享内容。基于记忆整理而成。有关本次活动的情况，可以参阅我在北京参加 SwiftUI 技术沙龙一文。

08

打造可适配多平台的 SwiftUI 应用

本文是笔者参加 2023 年 4 月 20 日 “SwiftUI 技术沙龙（北京站）” 活动的分享内容。基于记忆整理而成。有关本次活动的情况，可以参阅我在北京参加 SwiftUI 技术沙龙[1] 一文。

01

SwiftUI 视图的生命周期研究

在 UIKit（AppKit）的世界中，通过框架提供的大量钩子（例如 viewDidLoad、viewWillLayoutSubviews 等），开发者可以将自己的意志注入视图控制器生命周期的各个节点之中，宛如神明。在 SwiftUI 中，系统收回了上述的权利，开发者基本丧失了对视图生命周期的掌控。不少 SwiftUI 开发者都碰到过视图生命周期的行为超出预期的状况（例如视图多次构造、onAppear 无从控制等）。

03

加点JavaScript魔法

在深入研究客户端之前，让我们先了解一下支持这些用户弹窗所需的服务器端的工作。用户弹窗的内容将由新路由返回，它是现有个人主页路由的简化版本。视图函数如下：

01

SwiftUI 布局协议 - Part 1

今年 SwiftUI 新增最好的功能之一必须是布局协议。它不但让我们参与到布局过程中，而且也给了我们一个很好的机会去更好的理解布局在 SwiftUI 中的作用。

01

ViewBuilder 研究（下） —— 从模仿中学习

在上篇[2]中，我们对 result builders 做了较详细的介绍。本篇我们将通过对 ViewBuilder 的仿制，探索更多有关 SwiftUI 视图背后的秘密。

02

如何判断 ScrollView、List 是否正在滚动中

判断一个可滚动控件（ ScrollView、List ）是否处于滚动状态在某些场景下具有重要的作用。比如在 SwipeCell[3] 中，需要在可滚动组件开始滚动时，自动关闭已经打开的侧滑菜单。遗憾的是，SwiftUI 并没有提供这方面的 API 。本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法，每种方法都有各自的优势和局限性。

04

高级 SwiftUI 动画 — Part 1：Paths

在本文中，我们将深入探讨一些创建 SwiftUI 动画的高级技术。我将广泛讨论 Animatable[1] 协议，它可靠的伙伴 animatableData[2]，强大但经常被忽略的 GeometryEffect[3] 以及完全被忽视但全能的 AnimatableModifier[4] 协议。

02

肘子的 Swift 周报 #033｜改善社区活跃度，仅更新论坛还不够

苹果公司最近对开发者论坛[3] 进行了一次显著的设计更新。新版本不仅提供了更为优雅的视觉设计，还对论坛分类进行了合理化调整，每个分类和标签都增加了RSS链接，使开发者能更及时地获取到自己关注领域的信息。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭