使用SpriteView和SwiftUI的场景不会充满整个屏幕 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

SwiftUI案例：天气

SwiftUI案例：天气效果目标实现静态的仿iOS天气APP程序文件与配置外观配置外观配置需要从 '代码' 中下载文件并提取对应的图片需要配置在 Assets.xcassets...视图与模板实现 ContentView.swift 这是应用视图的总体框架布局，需要自适应屏幕尺寸 import SwiftUI struct ContentView: View { var...body: some View { //需要通过proxy的geometry reader来获得屏幕合适的尺寸 GeometryReader { proxy in...//纵向布局"逐小时预报" VStack(spacing: 8) { //使用自定义的...: String //日期 var farenheit: CGFloat //温度 var image: String //图标 } //使用数组静态枚举未来14天的情况 var forecast

5.7K2 1

掌握 SwiftUI 的 Safe Area

除非开发者明确要求视图突破安全区域的限制，否则 SwfitUI 将尽力确保开发者创建的视图都被布局到安全区域当中。SwiftUI 同时提供了一些方法和工具让开发者对安全区域有所控制。...例如，希望让背景颜色充满整个屏幕。...从 iOS 14 开始，SwiftUI 计算视图的安全区域时，将软键盘在屏幕上的覆盖区域（iPadOS 下，将软键盘缩小后键盘的覆盖区域将被忽略）也一并进行考虑。...首先，背景并没有充满全部屏幕，其次在软键盘弹出时，我们并不希望背景因为安全区域的变化而发生改变。...使用 safeAreaInset 扩展安全区域在 SwiftUI 中，所有基于 UIScrollView 的组件（ScrollView、List、Form），在默认情况下都会充满整个屏幕，但仍可确保我们可以在安全区域内看到所有的内容

9.7K3 1

您找到你想要的搜索结果了吗？

是的

没有找到

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

在 SwiftUI 中，有很多手段可以达成此目的。本文将介绍其中的一些方法，并对每种方法背后的实现原理、适用场景以及注意事项做以说明。...image-20220829152914736将合成后的视图放置在某个可能会充满屏幕的视图的顶部或底部显示结果或者与你的预期不符 VStack { // Hello world 视图 1....background(.red) Spacer() // 让 VStack 充满可用空间}image-20220829154641251从 SwiftUI 3.0 开始，在使用...height: 60)上述代码的布局逻辑是：ZStack 为 Color 和 Text 分别给出了 300 x 60 的建议尺寸Color 会将建议尺寸作为自己的需求尺寸（表现为充满 ZStack...我为本文这种通过多种方法来解决一个问题的方式添加了【小题大作】标签，目前使用该便签的文章还有：在 Core Data 中查询和使用 count 的若干方法[6]、在 SwiftUI 视图中打开 URL

10.2K4 0

去 Apple Store 修手机 | 肘子的 Swift 周报 #0107

这一方案的亮点在于：支持完整应用运行、可保留状态，不依赖 Xcode。整个实现仅需约 120 行代码，充分体现了“理解原理后，复杂功能也能以简洁方式实现”的魅力。...精通 UITableViewDiffableDataSource[6] 尽管 SwiftUI 的列表能力持续进步，但在大数据量、复杂交互或需要精细控制的场景中，UITableView 依然不可替代。...作者建议采用混合策略——以单元测试和 UI 测试覆盖 90% 的功能，用手动测试验证真实网络环境和视觉细节，并将 UI 测试设为可选或定期运行，以避免阻塞开发流程。...[16]完成了三个应用的 Swift 6 并发迁移，他在本文中分享了那些文档里不会提及的“血泪教训”。...带来了期待已久的富文本支持，让开发者可以直接使用 AttributedString 在 SwiftUI 中编写和编辑样式化文本。

1951 0

SwiftUI 布局 —— 尺寸（上）

在 Layout 协议中，对应的是 sizeThatFits 方法。经过该阶段的协商，SwiftUI 将确定视图所在屏幕上的位置和尺寸。...第二阶段 —— 安置子民在该阶段，父视图将根据 SwiftUI 布局系统提供的屏幕区域（由第一阶段计算得出）为子视图设置渲染的位置和尺寸（上方的 5-6 ）。...这类视图本身并不会参与布局，SwiftUI 的布局系统会在布局时自动将它们忽略，让其子视图与具备布局能力的祖先视图直接联系起来。...即使你对 Layout 协议不了解或短时间无法使用 SwiftUI 4.0 ，并不会影响你对下文的阅读和理解。...在 SwiftUI 中，通过设置或调整建议模式而进行二次布局的场景很多，比较常用的有：frame、fixedSize 等。

5.9K2 0

Apple Widget：下一个顶级流量入口？

App-Driven Reloads：指的是 App 请求 Widget 下一阶段刷新的数据。这里也要分两种场景，应用在前台运行和应用在后台运行。...苹果这么做，大概率是为了提高主屏幕的性能和减少电量开销上的考虑。...众所周知，SwiftUI 是一个去年才发布的新技术，而且最开始的时候 SwiftUI 是相当不稳定的，以至于苹果自己都是建议开发者暂时不要用到生产环境上，Widget 作为系统主屏幕的功能，强制使用这么新的技术...苹果要求 Widget 只能使用 SwiftUI 主要是基于几点考虑: 1、SwiftUI 经过一年的发展，有了很大的提升，不仅可以使用 SwiftUI 来构建整个应用程序，而且在一些方面已经优于基于...SwiftUI 精美的 DSL 设计，使得开发者使用一套代码在 iOS、iPadOS、macOS、watchOS 和 tvOS 等多个平台展示不同的样式可以轻松的实现。

2.4K2 0

GeometryReader ：好东西还是坏东西？

GeometryReader 自 SwiftUI 诞生之初就存在，它在许多场景中扮演着重要的角色。然而，从一开始就有开发者对其持负面态度，认为应尽量避免使用。...如果对 GeometryReader 的这个设定不了解，可能会在某些场景下，开发者会感觉 GeometryReader 并没有如预期那样充满所有空间。...一些开发者表示，在屏幕方向发生变化时，无法获取新的信息，原因也是如此。task(id:) 同时涵盖了 onAppear 和 onChange 的场景，是最可靠的数据获取方式。...至于如何传递获取的几何信息（例如上文中使用的 @State 或是通过 PreferenceKey），则取决于开发者的编程习惯和场景需求。...不过，大家是否想过，其实在很多场景中，GeometryReader 本来就并非最优解。与其说避免使用，到不如说用更加 SwiftUI 的方式来进行布局。

2.4K7 0

肘子的 Swift 周报 #060｜Older or Outer？我开始怀念非智能时代

作为当时的科技发烧友，我购买了数十个施耐德 ULTI 系列的开关和控制器。记得刚安装完成的那几个月，我沉浸在用遥控器调节灯光氛围的新奇中，热衷于向来访的朋友展示这“未来感”十足的智能生活场景。...然而，这份热情也仅維持了短暂的几个月。并非智能设备不够出色，而是我渐渐意识到，即便不依赖它们，生活依然可以丰富多彩，人工近距离操作也并不会造成实质性的不便。如今，“智能”已然成为家用电器的标配词汇。...智能驾驶、超大屏幕、炫目的交互方式，已然成为当下车企竞相追逐的研发方向，且这股风潮也迅速侵蚀着传统车企的设计理念。...苹果在其多个官方框架（如 SwiftUI）中广泛使用此功能，以限制某些功能仅供内部或特定模块使用。...无论你是经验丰富的 Swift 专家，还是刚入门的初学者，Advent of Code 都能以其丰富有趣、充满挑战的题目激发你的创意，并带你深入探索 Swift 的广泛应用场景。

6341 0

AnyView 对 SwiftUI 性能的影响

如果是 AnyView（基本上是一个包装类型），SwiftUI 将很难确定视图的身份和结构，并且它将重新绘制整个视图，这并不是真正高效的。...我们将使用动画卡顿仪器配置文件以及这个开源 FPS 计数器。动画卡顿苹果建议使用动画卡顿作为衡量应用性能的指标。卡顿基本上是指在屏幕上显示的帧比预期晚的帧。...此外，当你再次浏览列表时，性能不会改善（甚至变得更糟）。这是有道理的，因为 SwiftUI 不知道它已经显示过此视图一次（因为它隐藏在 AnyView 下）。...有 AnyView当我们在这种情况下使用 AnyView 时，事情就变得有趣了 - 在短时间内对屏幕上的视图进行频繁更新。...在此场景中，有几个可见的卡顿和挂起，当我们频繁响应消息时，FPS 降至 50 以下。由于在几秒钟内强制重绘视图多次，帧丢失在这里更加明显。

2.7K0 0

Airbnb 的三阶段 SwiftUI 迁移实践

Airbnb 的工程师认为，SwiftUI 的主要优势是它的灵活性和可组合性、声明性、简洁性和惯用性，他们希望这些优势可以改进开发者体验，同时不会在用户体验方面有所损失。...为了尽可能实现无缝的过渡，他们制定了一个三阶段计划。在第一阶段，他们基于现有的设计系统构建一系列可重用的组件。在第二阶段，他们对基本组件进行组合，构建出整个屏幕。...第二步是构建基础设施，实现基于 UIKit 的 Epoxy 视图和 SwiftUI 视图之间的双向桥接。桥接的实现细节可以在原文中找到。...我们发现，工程师们更喜欢继续使用这种方法来构建屏幕，因为这样可以让业务和状态修改逻辑与表示逻辑分开。可测试性在 Airbnb 有比较高的优先级。...关于 Airbnb 采用 SwiftUI，这里无法全部概述，所以请不要错过原文的内容和一些有用的代码片段。

5821 0

SwiftUI 中布局的工作原理

在幕后，SwiftUI 执行第四步：尽管它将位置和大小存储为浮点数，但在渲染时，SwiftUI 会将所有像素舍入到最接近的值，这样我们的图形仍然清晰。...如果我们把这个放到三步布局系统中，我们最终会有一个类似这样的对话： SwiftUI：“嘿，ContentView，你自己拥有整个屏幕——你需要多少？...“（父视图询问大小） ContentView：“我不在乎；我是布局中立的。让我问我的孩子：嘿，背景，你可以使用整个屏幕——你需要多少？“（父父视图询问大小）背景：“我也不在乎；我的布局也是中性的。...所以，更像这样： SwiftUI：ContentView，你可以拥有整个屏幕，你需要多少？ ContentView：背景,你可以有整个屏幕，你需要多少？背景：填充, 你可以有整个屏幕，你需要多少？...当我们在background()中使用它时，简化的布局对话是这样工作的：背景：嘿，文本，你可以有整个屏幕，你想要多少？文本：我需要X乘Y点；我不需要其余的。背景：好的。

5.3K2 0

Swift 新设计、新案例、新体验 | 肘子的 Swift 周报 #087

此外，一个长期困扰 Swift Macro 开发者与使用者的编译时间过长问题，近日也得到了有效解决。...在这样的背景下，如何轻松地搭建一个适合学习和测试 Swift 语言的开发环境？也许本文介绍的 Notepad.exe 能为你提供满意的答案。... SpriteView嵌入 SpriteKit 场景，为 App 增添丰富的互动体验。...在这篇文章中，Christian Selig[11]详细介绍了如何将 Godot 开发的游戏场景像普通 SwiftUI 视图一样嵌入到 iOS 应用中。...AppRouter - 轻巧的 SwiftUI 路由方案[27] 由 Thomas Ricouard[28]开发的 AppRouter是一款专为 SwiftUI 打造的轻量级导航路由工具。

4661 0

SwiftUI 视图的生命周期研究

它包含了 app 生命周期中可能会出现在屏幕上的所有符合 View 协议的类型（即使可能永远不会被渲染）。...当 State 发生变化后，SwiftUI 会生成一棵新的视图值树（Source of truth 没有发生变化的节点，不会重新计算，直接使用旧值），并同老的视图值树进行比对，SwiftUI 将对其中有变化的部分重新布局渲染...SwiftUI 官方文档对 onAppear 和 onDisappear 的描述是：在此视图出现时执行的操作，在此视图消失时要执行的操作。这种描述与这两个修饰器在大多数场景下的行为很接近。...比如，在下面的几个场景中，onAppear 和 onDisappear 都将违背大多数认知： •在 ZStack 中，即使视图不显示，也同样会触发 onAppear，即使消失（不显示），也不会触发 onDisappear...视图的生命周期的意义 SwiftUI 试图淡化视图生命周期的概念，在大多数场景下确实实现了它的设计目标。

5.7K3 0

在iOS应用中使用实时活动与灵动岛

在iOS应用中使用实时活动与灵动岛 iOS16系统引入了实时活动与灵动岛相关的API。...在支持灵动岛的设备上，实时活动配合灵动岛，更是能带给用户沉浸式的信息获取体验，在某些特定应用场景下非常有用。...在某些特定场景下，实时活动可以提供给用户几个小时内掌握实时事件、活动或任务更新。常见的应用场景有： - 外卖类应用实时提供用户配送进度，剩余时间。 - 赛事类应用的实时分数。...实时应用将会展示在设备的： - 锁屏页面 - 通知列表顶部 - 在支持灵动岛的设备上，在灵动岛位置展示 - 不支持灵动岛的设备上，实时活动的更新会在屏幕顶部弹出通知 - 待机显示时，实时活动会充满整个屏幕...实时活动只能使用SwiftUI来编写，如上代码所示ActivityConfiguration配置实时活动组件，dynamicIsland参数用来对灵动岛进行适配。

3.5K2 0

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

100% 基于 SwiftUI 开发，目前支持三个平台： iPhone、iPad 和 macOS。使用者可以通过它来浏览电影信息，包括正在上映以及即将上映的影片。...相较于 iPhone 版本，iPad 版本除了为了利用更大的屏幕空间对布局做出了一定的调整外，还提供了多窗口运行的能力，使用者可以在每个窗口中独立进行操作。...这不仅意味着开发者可以通过声明的方式来构造视图，而且场景（对应着独立的窗口）甚至整个 App 都是基于声明式代码来创建的。...，而设置视图并不会像 iPhone 和 iPad 那样一并随之变化。...在 iOS 中，我们通过在根视图（ ContentView ）中修改环境值的方式来更改颜色和语言，并不会对 macOS 的 Settings 场景产生影响。

4.9K8 0

【visionOS】从零开始创建第一个visionOS程序

在任何SwiftUI应用中，你都可以使用场景将内容放到屏幕上。场景包含要在屏幕上显示的视图和控件。场景还定义了这些视图和控件出现在屏幕上时的外观。...每个场景都包含要显示的视图和控件，场景类型决定内容是采用2D还是3D外观。SwiftUI为visionOS添加了3D场景类型，还为所有场景类型添加了3D元素和布局选项。...显示动态3D场景使用RealityKitin页面链接 RealityKit是苹果公司用于创建3D模型和场景的技术，你可以在屏幕上动态更新。...代码还将InputTargetComponent和CollisionComponent组件添加到形状中，以允许交互发生。如果省略这些组件，视图就不会检测到与实体的交互。...要显示您的ImmersiveSpace场景，请使用openImmersiveSpace操作打开它，该操作从SwiftUI环境中获得。此操作异步运行，并使用提供的信息来查找和初始化场景。

4.2K4 0

用 SwiftUI 的方式进行布局

本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。...在上面的代码中，由于两个视图使用了同样的动画曲线设定，因此，在移动时并不会出现分离的情况。...通过 matchedGeometryEffect 分别为该站位视图的顶部和底部设置了两个标识符以保存信息。让视图一、视图二在两个状态下分别使用对应的 ID 位置，即可实现本文需求。...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...有关转场动画的更多内容，请参阅 SwiftUI 的动画机制[8] 一文八、Layout 协议在 4.0 版本中，SwiftUI 增加了 Layout 协议，通过该协议，开发者可以针对特定的场景，创建自定义布局容器

4.5K0 0

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

100% 基于 SwiftUI 开发，目前支持三个平台： iPhone、iPad 和 macOS。使用者可以通过它来浏览电影信息，包括正在上映以及即将上映的影片。...相较于 iPhone 版本，iPad 版本除了为了利用更大的屏幕空间对布局做出了一定的调整外，还提供了多窗口运行的能力，使用者可以在每个窗口中独立进行操作。...我们都知道 SwiftUI 是一个声明式框架。这不仅意味着开发者可以通过声明的方式来构造视图，而且场景（对应着独立的窗口）甚至整个 App 都是基于声明式代码来创建的。...，而设置视图并不会像 iPhone 和 iPad 那样一并随之变化。...在 iOS 中，我们通过在根视图（ ContentView ）中修改环境值的方式来更改颜色和语言，并不会对 macOS 的 Settings 场景产生影响。

3.8K1 0

未来将至：人形机器人运动会 | 肘子的 Swift 周报 #099

未来将至：人形机器人运动会不久前在北京举办的世界人形机器人运动会上，出现了许多令人忍俊不禁的场景：机器人对着空气挥拳、跑步时左摇右摆、踢球时相互碰撞后集体倒地。...从 DisplayList 到 Transaction: SwiftUI 调试实战[9] OpenSwiftUI[10]作者 Kyle Ye[11]在复刻 combineAnimation 功能时，发现了一个屏幕旋转后的动画异常问题...这篇文章展示了从表象到根因的完整推理链条。虽然内容极其硬核，但其中的调试方法论和对 Transaction、Animation 系统的剖析，对理解 SwiftUI 工作原理极具价值。...用熟悉的语言和框架，把闲置的硬件变成可靠的服务，这个过程既实用，又充满乐趣与“黑科技”感。 Liquid Glass 设计的深层思考 (Liquid Glass. Why?)...在 WWDC 2025 上，苹果推出了全新的 Open Intent API，极大简化了这一流程。在本文中，Jordan Morgan[17]介绍了该 API 的使用方式，并对比了新旧方案的不同。

2401 0

用 SwiftUI 的方式进行布局

本文将通过用多种手段完成同一需求的方式，展示 SwiftUI 布局系统的强大与灵活，并通过这些示例让开发者对 SwiftUI 的布局逻辑有更多的认识和理解。可在此处获取本文代码。...在上面的代码中，由于两个视图使用了同样的动画曲线设定，因此，在移动时并不会出现分离的情况。...通过 matchedGeometryEffect 分别为该站位视图的顶部和底部设置了两个标识符以保存信息。让视图一、视图二在两个状态下分别使用对应的 ID 位置，即可实现本文需求。...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...有关转场动画的更多内容，请参阅 SwiftUI 的动画机制一文八、Layout 协议在 4.0 版本中，SwiftUI 增加了 Layout 协议，通过该协议，开发者可以针对特定的场景，创建自定义布局容器

6K8 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭