使用GeometryReader而不修改视图
是一种在SwiftUI中布局视图的方法。GeometryReader是一个容器视图，它可以提供关于父视图的几何信息，例如大小、位置和坐标空间。通过使用GeometryReader，我们可以根据父视图的几何信息来动态调整子视图的布局。
GeometryReader的优势在于它可以帮助我们创建响应式的布局，无需直接修改视图的属性。这意味着我们可以根据父视图的大小和位置来自动调整子视图的布局，而无需手动计算和调整。
使用GeometryReader的应用场景包括但不限于：
- 响应式布局：通过获取父视图的几何信息，可以根据不同的屏幕尺寸和方向来自动调整视图的布局，以适应不同的设备和屏幕尺寸。
- 动态尺寸调整：可以根据父视图的大小来动态调整子视图的尺寸，以实现自适应布局。
- 布局约束：可以使用GeometryReader来设置视图的布局约束，例如相对位置、宽高比等。
- 动画效果：可以结合GeometryReader和动画效果来创建复杂的动画布局，例如视图的缩放、旋转等。
腾讯云相关产品中，与GeometryReader相关的产品和服务可能包括：
- 腾讯云移动应用分析（Mobile Analytics）：提供移动应用的数据分析和统计服务，可以根据不同屏幕尺寸和设备类型来分析用户行为和使用情况，帮助开发者优化移动应用的布局和用户体验。产品介绍链接：https://cloud.tencent.com/product/ma
- 腾讯云移动推送（Push Notification）：提供移动应用的消息推送服务，可以根据不同设备和屏幕尺寸来发送定制化的推送消息，帮助开发者实现个性化的用户沟通和推广。产品介绍链接：https://cloud.tencent.com/product/tpns
- 腾讯云移动直播（Live Streaming）：提供移动应用的实时音视频直播服务，可以根据不同设备和屏幕尺寸来实现高质量的音视频直播功能，帮助开发者实现互动直播和实时通信。产品介绍链接：https://cloud.tencent.com/product/mlvb
请注意，以上仅为示例，实际的腾讯云产品和服务可能会有所不同。
相关·内容
我在这里尝试使用GeometryReader来构建基于可用大小的视图，但是因为这个视图是嵌入到一个带有填充的父视图中，所以它不能正确绘制。我从other SO answers那里了解到，有些人说要将GeometryReader用作.overlay或.background，但我在这里想不出这样做的方法： var body: some View{ HStack(alignme
浏览 26提问于2021-04-05得票数 0
我有一个标题视图，它使用edgesIgnoringSafeArea将其背景扩展到状态栏下。为了正确地对齐标题视图的内容/子视图，我需要来自GeometryReader的GeometryReader。然而，当使用GeometryReader时，我的视图不再有合适的尺寸了。不使用GeometryReader的代码 var body: som
浏览 1提问于2019-07-02得票数 26
回答已采纳
我知道使用.background或.overlay包装GeometryReader以避免修改父视图是很常见的，但在本例中，在VStack中没有任何可附加.background或.overlay的视图。我尝试使用EmptyView，然后使用.overlay，但是我的视图消失了。struct TestView: View { var body: some View { Ge
浏览 2提问于2021-06-21得票数 2
回答已采纳
我需要知道当前视图的宽度和高度，我设法使用以下代码获得了它，但它只有在我手动选择NavigationView时才起作用。我还试图在另一个视图中包含GeometryReader { ... }部件，但它修改了其他元素的位置。我的问题是，有没有一种方法可以自动调用NavigationView (只是为了获取视图大小)并返回到主视图，而不需要手动操作？或者，是否有其他方法可以获得当前视图的宽度和高度？NavigationView : Vie
浏览 13提问于2020-12-29得票数 0
我用过这样的几何读卡器 ScrollView {
Text("SomeText").frame(width: r.size.width /
浏览 5提问于2020-11-10得票数 3
回答已采纳
我正在尝试使用GeometryReader来放置视图。我使用GeometryReader修改了一个矩形()，它按我的预期放置。但是，我希望以编程方式将y值设置为与VStack框架顶部对齐。我以为我可以读取文本字段的几何高度并使用它，但是我不能将textField的几何维度分配给一个变量，即使我使用相同的概念来移动矩形。@State private var textHeight = 0.0
浏览 2提问于2019-09-05得票数 1
回答已采纳
()}.padding()我还尝试使用GeometryReader并为视图中的每个Text和Button设置帧大小，但是有两个问题，
由GeometryReader返回的视图将占据父级提供给它的整个视图，而不是实际的内部内容大小，第一个Text中仅供Text、Spacer和Geo
浏览 2提问于2020-09-05得票数 13
回答已采纳
下面是一个简化的代码示例，其中Text显示GeometryReader提供的大小。struct ContentView: View { GeometryReader { proxy in在这个例子中，没有那么重要，但是在我的应用程序中，布局和动画取决于从一开始就知道父视图的正确大小。
有什么想法可以确保Text只有在macOS上有最终大小时才会被弱化吗？
浏览 4提问于2022-06-21得票数 0
所以我试图理解为什么我的子视图(TopView)会有奇怪的调整大小的问题。0.2) .lineLimit(1) }) }
我尝试这样设置一个.fixedSize()：
GeometryReader
浏览 2提问于2020-09-23得票数 1
我正在研究如何使视图适应SwiftUI中的不同屏幕大小。目前，我正在尝试创建一个注册屏幕，它应该具有一定的最大宽度，但是如果最大宽度不能应用于小屏幕大小，则仍然有一个填充。我使用根目录下的GeometryReader检索视图的宽度，并将其应用到“寄存器”按钮中。因此，我尝试在GeometryReader中添加一个填充，但没有成功。原因是，您可以在maxWidth上设置GeometryReader不工作，它比屏幕大小更宽。username: String = "
浏览 0提问于2019-08-04得票数 2
回答已采纳
如何在SwiftUI中动态获取circle size ( frame )，以便使用它在图像的偏移量处绘制第二个Circle()笔划/边框。
浏览 40提问于2019-06-16得票数 3
回答已采纳
如何在geometryReader中设置@State变量@State var isTest:Int = 0
VStack{ForEach(self.test, id: \.id) { Test in GeometryReader { geometryView { ForEach(self.test, id: \.id) { Test in
浏览 2提问于2020-04-04得票数 2
1回答
我正在使用苹果的新框架SwiftUI制作一个应用程序，但我发现了一个问题。
我想要得到用户设备的高度。当我在SwiftUI代码中使用UIScreen.main.bounds.height时，Xcode预览将会崩溃，但没有任何原因！？当我删除这行代码时，问题就消失了。那么，如何获取用户的屏幕高度，并在SwiftUI中使用它呢
浏览 45提问于2020-02-26得票数 0
我在尝试确定ScrollView中视图的高度时遇到问题 struct ContentView: View { ScrollView{ VStack{
ForEach
浏览 22提问于2020-10-19得票数 0
回答已采纳
我有一个自定义视图： struct ImageContent: View { Image("smile").resizable() } ImageContent()
&
浏览 108提问于2020-02-24得票数 15
回答已采纳
我想阻止GeometryReader干扰我在VStack中的布局，但我不确定正确的方法是什么。non-static height }}
但是，如果我们更新Graph视图以使用GeometryReader在屏幕宽度上均匀拆分图形，则布局会发生变化。VStack中的所有可用空间有没有一种方法可以让Graph视图只填充它的自然高度，
浏览 2提问于2020-05-06得票数 2
我试图创建一个ScrollView，它反过来又包含一个GeometryReader (显然不是相反)。GeometryReader应该包含一个宽度和高度固定的(图像)。然而，当这样做时，ScrollView将视图推到屏幕“上方”，似乎是在应用一些随机的垂直偏移量。 ScrollView { Image("hp")然后我设置内部几何读取器
var b
浏览 6提问于2019-11-21得票数 9
回答已采纳
我使用SwiftUI。我需要一个自定义视图。自定义视图宽度应等于superview宽度。自定义视图包含两个图像视图，分别左对齐和右对齐。每个图像视图具有相同的宽度和高度(纵横比= 1)。两个图像视图有10个点的空间。我将在图像视图中显示不同大小的图像(缩放纵横比填充)。
如果我使用GeometryReader，我可以动态设置图像视图边框，但是如何动态设置GeometryReader<
浏览 1提问于2020-01-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
