开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

SwiftUI:检测到约束不明确地建议表格视图单元格的内容视图高度为零的情况

SwiftUI是一种用于构建用户界面的现代化框架，它是苹果公司推出的一种声明式UI编程范式。它简化了界面的构建过程，提供了一种直观且高效的方式来创建跨平台的应用程序。

在SwiftUI中，检测到约束不明确时，建议将表格视图单元格的内容视图高度设置为零。这意味着内容视图将根据其内部内容的大小自动调整高度，以适应表格视图单元格的大小。

这种建议的好处是可以确保表格视图单元格的高度根据内容的实际大小进行动态调整，从而提供更好的用户体验。例如，如果内容视图包含可变长度的文本或图像，将其高度设置为零可以确保内容在单元格中正确显示，而不会被截断或溢出。

对于这种情况，腾讯云提供了一些相关的产品和解决方案，例如：

腾讯云移动开发平台（https://cloud.tencent.com/product/mpp）：提供了一套完整的移动应用开发解决方案，包括前端开发、后端开发、云存储等功能，可以帮助开发者快速构建跨平台的移动应用程序。
腾讯云服务器（https://cloud.tencent.com/product/cvm）：提供了可靠、安全的云服务器实例，可以用于部署和运行应用程序的后端服务。
腾讯云数据库（https://cloud.tencent.com/product/cdb）：提供了高性能、可扩展的云数据库服务，可以用于存储和管理应用程序的数据。
腾讯云CDN（https://cloud.tencent.com/product/cdn）：提供了全球分布式的内容分发网络，可以加速应用程序的内容传输，提高用户访问速度。

总之，SwiftUI是一种强大的UI框架，可以帮助开发者快速构建现代化的应用程序界面。在处理约束不明确的情况时，建议将表格视图单元格的内容视图高度设置为零，以实现动态调整和更好的用户体验。腾讯云提供了一系列相关的产品和解决方案，可以帮助开发者构建和部署应用程序。

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

有帮助

没帮助

相关·内容

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

Ask Apple 为开发者与苹果工程师创造了在 WWDC 之外进行直接交流的机会。本文对本次活动中与 SwiftUI 有关的一些问答进行了整理，并添加了一点个人见解。本文为下篇。...阅读用 Table 在 SwiftUI 下创建表格[4] ，了解 Table 的具体用法。...A：和很多事情一样，这个问题的答案是取决于你的使用情况（无论这个答案多么不令人满意：sweat_smile: ）。...但是，如果你只是自己使用它，并且条件可控，那么不处理这些情况也是合理的。创建一个考虑到所有情况的通用布局（例如：VStack、HStack ）是一项相当艰巨的工作。...A：你最好的选择是使用 ScrollView 和 ScrollViewReader，并在 onAppear 或新内容进来时滚动到最底部的视图。我不建议尝试旋转滚动视图。

14.8K3 0

SwiftUI 布局 —— 尺寸（上）

尺寸 —— 一个刻意被淡化的概念 SwiftUI 是一个声明式框架，提供了强大的自动布局能力。开发者几乎可以在不涉及尺寸（或很少涉及）这一概念的情况下创建出漂亮、精美、准确的布局效果。...，当前容器的父视图将使用该尺寸在它的内部进行摆放 return cache.cropBounds.size } 根据建议尺寸内容的不同，我们可以将建议尺寸细分为四种建议模式，在 SwiftUI...由于可以在宽度和高度上分别选择不同的模式，因此建议模式特指在一个维度上所提供的建议内容。最小化模式该维度的建议尺寸为 0 。...比如：当固定高度的子视图的总高度已经超出了 VStack 获得的建议尺寸高度，那么 Spacer 就只能获得高度为 0 的渲染尺寸多数情况下，渲染尺寸与子视图的最终显示尺寸（视图尺寸）一致，但并非绝对...例如在上文中，SwiftUI 为所有的 Shape 设置的默认理想尺寸为 10 x 10 ，Text 默认的理想尺寸为单行完整显示全部内容所需的尺寸。

4.8K2 0

用 SwiftUI 的方式进行布局

无论为同一个视图添加多少层 overlay（或 background ），它们为子视图所提供的建议尺寸都是一致的（与原视图的尺寸一致）。...有关建议尺寸、需求尺寸等内容，请参阅 SwiftUI 布局 —— 尺寸（上）[5] 一文三、NameSpace 从 3.0 版本（ iOS 15 ）开始，SwiftUI 提供了新的 NameSpace...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...SwiftUI 在进行布局时，当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时，会根据子视图的 Priority，优先满足级别较高的视图的布局需求。...VStack 的纵向需求尺寸为视图一与视图二的高度和，而通过 overlay 嵌套，纵向需求尺寸仅为视图二的高度（尽管视觉上视图一在视图二的上方且紧密相连）。

3.3K0 0

用 SwiftUI 的方式进行布局

无论为同一个视图添加多少层 overlay（或 background ），它们为子视图所提供的建议尺寸都是一致的（与原视图的尺寸一致）。...有关建议尺寸、需求尺寸等内容，请参阅 SwiftUI 布局 —— 尺寸（上）一文三、NameSpace 从 3.0 版本（ iOS 15 ）开始，SwiftUI 提供了新的 NameSpace...这意味着，在 ScrollView 中，子视图最好明确的设定尺寸（提出明确地需求尺寸）。因此，在上面的代码中，需要通过屏幕高度和视图一的高度差来计算上方的空白站位视图高度。...SwiftUI 在进行布局时，当布局容器给出的建议尺寸无法满足全部子视图的需求尺寸时，会根据子视图的 Priority，优先满足级别较高的视图的布局需求。...VStack 的纵向需求尺寸为视图一与视图二的高度和，而通过 overlay 嵌套，纵向需求尺寸仅为视图二的高度（尽管视觉上视图一在视图二的上方且紧密相连）。

4.8K8 0

用 Table 在 SwiftUI 下创建表格

欢迎大家在 Discord 频道[2] 中进行更多地交流 Table 是 SwiftUI 3.0 中为 macOS 平台提供的表格控件，开发者通过它可以快捷地创建可交互的多列表格。...，更习惯于将数据元素以行（ Row ）的形式进行展示（在一行中显示数据的不同属性内容）在 Table 中数据是懒加载的，行视图（ TableColumn ）的 onAppear 和 onDisappear...无论单元格中内容的实际高度需求有多大，Table 始终将保持系统给定的默认行高。...启用以该属性为依据的排序 TableColumn("货币代码"){ Text($0.currencyCode) } // 不启用以该属性为依据的排序 // 切勿在不绑定排序变量时，使用如下的写法。...出现上述问题的主要原因是，苹果没有采用其他 SwiftUI 控件常用的编写方式（原生的 SwiftUI 容器或包装 UIKit 控件），开创性地使用了 result builder 为 Table 编写了自己的

4.1K3 0

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

文本内容超出了矩形的宽度Spacer 是有最小厚度设定的，默认的最小垫片厚度为 8px 。...Spacer 在 HStack 中只能进行横向填充，并不具备纵向的高度（高度为 0 ），因此 HStack 最终的需求高度与 Text 的高度一致。...(maxHeight: .infinity) // 用满建议高度.background(.blue)后文中为了简洁将省略掉针对给定尺寸不明情况的处理方式。...那么 HStack、VStack 会在明确了所有固定尺寸子视图的需求尺寸后，将所剩的可用尺寸（ HStack、VStack 的父视图给他们的建议尺寸 - 固定尺寸子视图的需求尺寸）平均分配（在优先级相同的情况下...的尺寸为 Color 和 Text 两者的最大宽度 x 最大高度，该尺寸是一个可变尺寸（取决于 Text 文本的长度）当 ZStack 给出的建议宽度大于 300 时，Text 的可利用宽度将超过

6.8K4 0

掌握 ViewThatFits

通常这个顺序是从最大到最小，但由于一个视图可能在一个受限轴上适应但在另一个轴上不适应，所以这并不总是如此。默认情况下，ViewThatFits 在水平和垂直轴上都进行约束。...（父视图给它的建议尺寸）设置为 10。...为了应对这种极端情况（文字折行），我们需要对子视图进行特别的设定，例如通过 fixedSize 强制展示完整内容（最终的显示尺寸可能会超过父视图给出的建议尺寸）： Text("Hi") .fixedSize...用易懂的描述就是，在有明确宽度限定的情况下，要求 Text 显示全部的文本内容。...100 的建议尺寸高度，充分利用了垂直方向上的空间，将完整的文本内容呈现出来。

2031 0

GeometryReader ：好东西还是坏东西？

或许有些读者不太了解其含义，ideal size 是指当父视图给出的建议尺寸为 nil 时（未指定模式），子视图返回的需求尺寸。...在非滚动方向上，ScrollView 会向子视图提供该维度上的全部可用尺寸。而在滚动方向上，它向子视图提供的建议尺寸为 nil。...为此，我们首先需要理解 SwiftUI 的布局原理。 SwiftUI 的布局是一个协商过程。父视图向子视图提供建议尺寸，子视图返回需求尺寸。...VStack 会结合视图的优先级，它的父视图给其的建议尺寸，在摆放时对子视图提出最终的建议尺寸。...visualEffect 允许开发者在不破坏当前布局的情况下（不改变其祖先和后代）直接在闭包中使用视图的 GeometryProxy，并对视图应用某些特定的 modifier。

6327 0

开源UI界面布局框架MyLayout1.9发布

，如果高度设置为大于0小于1则表明是相对于父视图高度的比重值，如果是MyLayoutSize.wrap则表明高度自适应，如果是MyLayoutSize.fill则表明高度和父视图相等，如果是MyLayoutSize.empty...则表明不设置高度值，其他的值就是一个固定高度值。...B.widthSize.equalTo(@50).shrink = 2; C.leftPos.equalTo(@20).shrink = 1; C.widthSize.equalTo(@40); 这样在不压缩的情况所有子视图的间距和宽度总和为...就比如下面的这个界面：流式布局的行对齐自定义为了支持行内对齐停靠自定义处理，流式布局提供了一个新的属性： /** 单独为某一行定制的水平和垂直停靠对齐属性，默认情况下布局视图的gravity和arrangedGravity...尺寸自适应的目的是为了让视图中的所有内容都得到完全的展示。老版本的尺寸自适应设置视图的自适应尺寸也算是一种特殊的尺寸。

1.8K1 0

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

默认情况下，SwiftUI 视图会将位置和大小的变化沿视图层级向下传递，以至于只有绘制内容的视图（称为叶子视图）将当前动画应用到它们的框架矩形上。...然而在某些情况下，这种聚合行为可能会导致不希望的结果；插入一个几何组可以纠正这种情况。几何组充当父视图与其子视图之间的屏障，迫使位置和大小的值由父视图解析和动画化，然后再传递给每个子视图。...TopLeadingTest1 根据从父视图 frame 接收到的建议尺寸变化，根据其默认布局形态（充满全部可用空间）改变了自身的大小。...在父视图几何信息发生变化时，不要同时在子视图中创建新的内容如果一定要在变化时为子视图增加新元素（比如上面基于 GeometryReader 的示例，可以将所需元素在父视图变化前便让其存在，通过透明度来调整其可见性...对于 iOS 16，在文字变化较多且较大的情况下，应尽量避免在父视图几何信息调整时切换文字内容。总结在本文中，我们深入探讨了 SwiftUI 中 geometryGroup() 的重要性和实用性。

2911 0

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

对于苹果工程师给予的建议有一点请注意，那就是如果有在父视图中修改该环境对象实例的需求，须确保父视图不会被反复重构（ SwiftUI 重新创建视图类型的实例）。...阅读 SwiftUI 的动画机制[8] 一文，了解更多有关动画的内容。自适应高度 SheetQ：如何在 iOS16 中呈现与动态内容高度相匹配的 Sheet？...在 iOS 16 中，通过 presentationDetents 同 GeometryReader 的配合，可以创建与内容高度一致的 Sheet。此处查看完整代码[9] 。...不过，在传统的 viewModel 意义上，我不建议将视图（结构本身）作为视图模型。...这可能会导致一些不好的后果，例如使视图的可重用性降低，并将业务逻辑与 SwiftUI 视图的生命周期挂钩，这将使处理业务逻辑变得更加困难。简而言之，我们不建议使用视图作为视图模型。

12.3K2 0

SwiftUI 布局协议 - Part 1

有三个可能的情况，我们将专注讨论于横轴（宽度），但纵轴（高度）同理：情况一：如果子视图需求小于提供的视图在这个例子中考虑文本视图，提供了比需要绘制文字更多的空间 struct ContentView...它只是一对可选的 CGFloat ，用于建议宽度和高度。然而，正是我们如何解释这些值才使它们变得有趣。...当 sizeThatFits 方法在给定维度中（即宽度或高度）收到的建议尺寸为 nil 时，我们应该返回容器的理想尺寸。当收到的建议尺寸为0.0时，我们应该返回容器的最小尺寸。...) .frame(width: , height: ) .layoutPriority() } LayoutValueKey 自定义值：LayoutValueKey 不建议将布局优先级用于优先级以外的内容...即使你不能有这种奢望来做这种假设，它也可能是开始编码的好地方，让你的布局在一些情况下工作，然后开始为更复杂的情况添加代码。

3.3K1 0

一段因 @State 注入机制所产生的“灵异代码”

，在 Text 中不包含 n 的情况下，即使 n 值改变，StateTest 视图的 body 也不会重新计算。...在 ContextView 不包含 Text 的情况下，在 Sheet 显示后，n 的 _wasRead 将转变为 true（ Sheet 视图显示后，方创建关联）。...也就是说 Sheet 中的视图与原有视图分别处于不同的上下文中。在 SwiftUI 早期的版本中，对于分别位于不同上下文的独立的视图树，开发者需要显式为 Sheet 视图树注入环境依赖。...现象分析根据上文中介绍的内容，我们对本文代码的奇怪现象进行一个完整的梳理：当 ContextView 中不包含 Text（ ContextView 没有与 n 创建关联）程序运行，SwiftUI 对....id(n) .onChange(of:n){_ in } // id 或 onChange 均可以在不添加显示内容的情况下，创建关联在创建自适应高度的 Sheet 的推文[4] 中，我便使用过 id

1.9K2 0

使用 SwiftUI 的 Eager Grids

介绍早在 2020 年，我们就拥有了在 SwiftUI（LazyVGrid 和 LazyHGrid）中绘制网格的新视图控件。两年后，我们又获得了另一种在网格（Grid）中显示视图的视图控件。...单元格视图仅在它们被滚动时创建，并且在它们滚动时停止计算。这篇文章的主题 Eager Grids 正好相反。SwiftUI 不在乎它们是在屏幕上还是在屏幕外。所有视图都被同等对待。...未定义大小的单元默认情况下，网格将为单元格提供尽可能多的空间。那么如果一个网格是由一个 Rectangle() 视图组成的，会发生什么呢？...这种类型的单元格的常见用途是创建分隔符。例如，您可以使用 Divider() 视图，或者更复杂的视图，如下例所示。请注意，我们通常不希望分隔线使网格增长到最大值，因此我们使视图在水平轴上未调整大小。...：如果您不需要第三行，则无论如何都可以添加一个，但高度为零。

4.4K2 0

在 SwiftUI 中用 Text 实现图文混排

本文将首先介绍一些与 Text 有关的知识，并通过一个实际案例，为大家梳理出在 SwiftUI 中用 Text 实现图文混排的思路。...如果 Text 视图无法在给定的建议宽度内显示全部的内容，在建议高度允许的情况下（没有限制高度或显示行数），Text 会对内容进行换行处理，通过多行显示的方式保证内容的完整性。...VStack { let logo = Image("logo") // logo 是一个 80 x 28 尺寸的图片，默认情况下，title 的高度为 28 Text("欢迎访问 \(logo...动态类型（自动缩放字体）苹果一直很努力地改善其生态的用户体验，考虑到用户与显示器的距离、视力、运动与否，以及环境照明条件等因素，苹果为用户提供了动态类型功能来提高内容的可读性。...限于篇幅，下文中将不会对范例代码做详尽的讲解，建议你结合本文附带的范例代码[10] 一并阅读接下来的内容。

4.4K3 0

SwiftUI 布局：如何自定义 AlignmentGuides

SwiftUI 为我们提供了视图不同边缘的对齐指南（.leading、trailing、top等）以及.center和两个基线选项来帮助文本对齐。...为了解决这个问题，SwiftUI 允许我们创建自定义的对齐辅助线，并在整个 UI 的视图中使用这些辅助线。在这些视图之前或之后发生什么并不重要，它们仍然会排成一条线。...无论您选择的是枚举还是结构体，其用法都保持不变：将其设置为堆栈的对齐方式，然后使用alignmentGuide（）在要对齐的任何视图上激活它。...明确地说，这意味着“对齐这两个视图，使它们的中心都位于.midAccountAndName指南上”。...我建议您尝试在我们的示例前后添加更多的文本视图 –SwiftUI 将重新定位所有内容，以确保我们对齐的两个视图保持不变。

1K1 0

Swift 周报第十期

为了避免这种情况，该提案要求在调用中显式地作为任何 P 类型注释，其中当前可以表达的返回类型将丢弃对被类型擦除的原始关联类型的约束，如提案中的示例所示： protocol P { associatedtype...这个提议明确地包含了零碎的、有意采用的特性，这些特性在 Swift 6 之前出于源代码兼容性的原因而保留。...Swift论坛 SwiftUI 中的新功能[17] 围绕 WWDC2022-10052 内容进行讨论 Swift 正则表达式[18] 围绕 WWDC2022-110357 内容进行讨论 SwiftUI...SwiftUI 动画进阶 — Part 5：Canvas 摘要：本篇文章将探索 Canvas 视图。...特别感谢 Swift社区编辑部的每一位编辑，感谢大家的辛苦付出，为 Swift社区提供优质内容，为 Swift 语言的发展贡献自己的力量。

2.2K0 0

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

这是一项很好的技术，响应式方法非常适合许多典型的基于视图的需求，但对如何处理边缘情况，文档中非常缺乏相关的说明。” “这是个好主意，但 SwiftUI 的主要问题是完全不成熟。”...但美好的甜蜜期很快过去，接下来我就要说道说道 SwiftUI 的那些“坏毛病”了。实时检查器不好用接下来，我开始了 SwiftUI 探索之旅的第二站——为地图编辑器创建实时检查器。...我还遇到了其他问题，因为 SwiftUI 高度依赖于 View 协议的实现结构，但 View 协议又有关联的类型，所以只能把它当成约束来用。...利用这款工具，我可以用多个 sprite 拼接成复杂的资产，再最终为它们制作动画。它的显示效果就是主窗口中的一张表，出于学习的目的，我当然还是想继续用 SwiftUI 喽。...这些按钮只跟管理 SpriteKit 视图缩放的 @State 相关联。尽管几乎不涉及任何其他数据，在界面更新前单击这些按钮，也会产生将近一秒钟的巨大延迟。

5K2 0

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

相较于 UIKit ，SwiftUI 通过 Button 视图，让开发者以少量的代码便可完成按钮的创建工作。...label：目标按钮的当前视图，通常对应着 Button 视图中的 label 参数内容role：iOS 15 后新增的参数，用于标识按钮的角色（取消或具备破坏性）isPressed：当前按钮的按压状态...而 TapGesture 在不松开手指的情况下，如果移动到可点击区域外，SwiftUI 将不会调用 onEnded 闭包中的操作。...默认情况下，即使单元格的视图中包含了多个按钮，SwiftUI 也只会将 List 的单元格视作一个按钮（点击后同时调用所有按钮的操作）。...通过为 List 设置 PlainButtonStyle 风格，便可以调整这一行为，让一个单元格中的多个按钮可以被分别触发。

3.7K6 0

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

其实View是SwiftUI一个核心的协议，代表了闭包中元素描述。如下代码所示，其是通过一个associatedtype修饰的，带有这种修饰的协议不能作为类型来使用，只能作为类型约束来使用。...但是，在SwiftUI里面，视图中声明的任何状态、内容和布局，源头一旦发生改变，会自动更新视图，因此，只需要一次布局。在属性前面加上@State关键词，即可实现每次数据改动，UI动态更新的效果。...通过@propertyDelegate的修饰，能够解决不同类型的value进行特定的处理；上述包装的方法，能够建立视图与数据之间的关系，并且会判断在属性值发生变化的情况下，通知SwiftUI刷新视图，编译器能够为...用户交互过程中，会产生一个用户的action，从上图可以看出，在SwiftUI中数据的流转过程如下：该行为触发数据改变，并通过@State数据源进行包装； @State检测到数据变化，触发视图重绘；...总之在SwiftUI中给一个View设置属性，已经不是为当前元素提供约束，而是用一系列容器来包含当前元素，为后续布局计算做准备。

9.1K1 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭