搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏学海无涯
SwiftUI-GeometryReader
定义 public struct GeometryReader<Content>: View where Content: View { public var content: (GeometryProxy content: @escaping (GeometryProxy) -> Content) public typealias Body = Never } GeometryProxy GeometryReader frame(width: 300, height: 300) } GeometryReader 例如使用GeometryReader做一个自适应比例的彩色矩形。 DIYRectangle: View { var body: some View { // geometry的类型为GeometryProxy GeometryReader
2.3K20发布于 2020-07-20
来自专栏肘子的Swift记事本
GeometryReader ：好东西还是坏东西？
对 GeometryReader 的一些批评开发者对 GeometryReader 的批评主要集中在以下两个观点： GeometryReader 会破坏布局：这种观点认为，由于 GeometryReader 而向下传递信息，可以确保更新只在 GeometryReader 的闭包中进行。 GeometryReader 是布局容器吗，它的布局逻辑是什么？是，但是其行为有些与众不同。如果对 GeometryReader 的这个设定不了解，可能会在某些场景下，开发者会感觉 GeometryReader 并没有如预期那样充满所有空间。在这点上，GeometryReader 的行为与 Rectangle 一致。因此，可能会有开发者认为 GeometryReader 并没有按照预期充满全部的可用空间。 GeometryReader 的性能问题只要了解 GeometryReader 获取几何信息的时机，就能理解其对性能的影响。
2.5K70编辑于 2023-11-13
来自专栏iOS SwiftUI 源码与教程
iOS SwiftUI 动画控制运行轨迹之Curve（2020教程）
.shadow(color: .white, radius: 10, x: 0, y: 0) .padding() } } 2、配置图片移动动画 GeometryReader // Spacer() Group{ GeometryReader .font(.title) .foregroundColor(.white) GeometryReader title) .foregroundColor(.white) GeometryReader 快") .font(.title) .foregroundColor(.white) GeometryReader
2.1K10发布于 2020-02-24
来自专栏用户4480853的专栏
SwiftUI案例：天气
ContentView: View { var body: some View { //需要通过proxy的geometry reader来获得屏幕合适的尺寸 GeometryReader 启动动画"将推迟该动画的实现 @State var showRain = true var body: some View { ZStack { //GeometryReader 设置容器布局 GeometryReader { proxy in Image("sky") .resizable ([.horizontal, .bottom]) //获得offset的值 .overlay( GeometryReader 0 : -topOffset + 120) .overlay( GeometryReader { proxy ->Color in let
5.7K21编辑于 2022-08-05
来自专栏技术汇总专栏
基于HarmonyOS 5.0 (Next)的一种面向多设备跨平台的高性能自适应布局能力研究和实现
GeometryReader的使用（加分项） GeometryReader组件可以在布局过程中实时获取父容器的尺寸信息，这对于实现复杂的自适应布局非常有用。在 ArkUI 中，GeometryReader 是一个强大的组件，它允许你在布局阶段访问父容器或特定组件的尺寸和位置信息。 GeometryReader 示例首先，我们需要明确 GeometryReader 的使用场景。在瀑布流组件中，我们可能不需要直接在 GeometryReader 内部实现瀑布流逻辑，因为瀑布流的核心是动态计算和分配子项位置，这通常在组件初始化或数据更新时完成。然而，GeometryReader 可以用于确保瀑布流组件能够正确响应其父容器尺寸的变化。
1.3K30编辑于 2024-12-22
来自专栏移动端开发
解析SwiftUI布局细节（二）循环轮播+复杂布局
} } /// PageTabViewStyle 14.0的新东西 .tabViewStyle(PageTabViewStyle()) .animation(.spring()) 2、GeometryReader GeometryReader 的主要作用就是能够获取到父View建议的尺寸，这就是它的主要作用，要没有它我们面临的可能就是无休止的传值了，SwiftUI 既然是声明式的UI,按我的理解你就没有办法去获取某一个视图的父视图之类的这个GeometryReader在前面第一期的时候我说过这个属性。有一个还得说明一下，GeometryReader 改变了它显示内容的方式。在 iOS 13.5 中，内容放置方式为 .center。在 iOS 14.0 中则为：.topLeading。在 iOS 14.0 中则为：.topLeading GeometryReader(content: { geometry in HStack
14K20发布于 2021-01-06
来自专栏肘子的Swift记事本
在 SwiftUI 中实现视图居中的若干种方法
请阅读 SwiftUI 布局 —— 对齐[5] ，了解更多有关 ZStack、overlay、background 的对齐机制Geometry虽然有些大材小用，但当我们需要获取更多有关视图的信息时，GeometryReader / 2)) .background(Color.brown)}.frame(width: 300, height: 60)布局逻辑：GeometryReader 将获得 300 x 60 的建议尺寸由于 GeometryReader 拥有与 Color、Rectangle 类似的特征，会将给定的建议尺寸作为需求尺寸（表现为占用全部可用空间）GeometryReader 给 Text 提供 300 x 60 的建议尺寸GeometryReader 中的视图，默认基于 topLeading 对齐（类似 overlay(alignment:.topLeading) 的效果）使用 postion 不过除非矩形的尺寸明确，否则里外都需要使用 GeometryReader ，实现将过于烦琐。总结本文选取了一些有代表性的解决方法，随着 SwiftUI 功能的不断增强，会有越来越多的手段可供使用。
10.3K40编辑于 2023-03-08
来自专栏Swift社区
用 SwiftUI 实现 3D Scroll 效果
.green, .orange, .red, .gray, .pink, .yellow]) } } 你可以看到下图中的效果：增加 3D 效果首先，把 Rectangle 嵌套在 GeometryReader alignment: .center, spacing: 230) { ForEach(colors, id: \.self) { color in GeometryReader (width: 200, height: 300, alignment: .center) } } } } } 根据 GeometryReader .center, spacing: 230) { ForEach(colors, id: \.self) { color in GeometryReader
1.9K20发布于 2021-11-26
来自专栏Swift社区
如何在 SwiftUI 中创建条形图
} } } struct BarChartView: View { var title: String var body: some View { GeometryReader BarChartView: View { var title: String var data: [DataItem] var body: some View { GeometryReader GeometryReader 被用来确定条形图的可用高度。数据中的最大值得到后并传递给每个 BarView。 struct ChartAreaView: View { var data: [DataItem] var body: some View { GeometryReader 使用 GeometryReader 可以创建适应更多可用环境的条形图。在这篇文章中，我们创建了一个简单的条形图，有数值，下面有标签，还有图表的标题，下一步就是分离出 x 轴和 y 轴。 - EOF -
8.3K10编辑于 2022-12-12
来自专栏用户4480853的专栏
SwiftUI案例：3D旋转图片播放器
State var currentTab = "p1" var body: some View { //ZStack视图容器 ZStack { GeometryReader index: Int //定义浮点型offset偏量大小 @State var offset:CGFloat = 0 var body: some View { GeometryReader func body(content: Content) -> some View { content .overlay( GeometryReader
3.1K30编辑于 2022-08-05
来自专栏韦弦的偶尔分享
SwiftUI中的水平条形图
true var isShowingKey = true var body: some View { let data = chartData.data GeometryReader String var values: [Double] var scaleFactor: Double var body: some View { GeometryReader struct YaxisHView: View { var data: [DataItem] var body: some View { GeometryReader XaxisHView: View { var ticks: [Int] var scaleFactor: Double var body: some View { GeometryReader
6.6K20编辑于 2022-11-07
来自专栏iOS开发～
iOS_SwiftUI_iOS14_Widget
6.2、手动刷新 7、DataSource 7.1、Networking 7.2、DataShare 8、SwiftUI 8.1、Preview 8.2、BaseUI 8.3、尺寸适配 8.3.1、利用`GeometryReader View、Text、HStack、VStack、ZStack、Spacer、Circle、等等 GeometryReader、alignment、frame、padding、等等 PS. 没接触过的，这里推荐两个快速上手的视频：【十五分钟搞懂SwiftUI】布局篇、【十五分钟搞懂SwiftUI】样式篇 8.3、尺寸适配各个屏幕尺寸上widget的size： 8.3.1、利用GeometryReader // SmallView里，运用GeometryReader可以获取到提供的size var body: some View { GeometryReader { geometry in
3K31编辑于 2022-07-20
来自专栏Swift社区
SwiftUI 之 HStack 和 VStack 的切换
GeometryReader GeometryReader 能实现吗？一种方式是用 GeometryReader 测量当前可用空间，并根据宽度是否大于其高度，可以选择使用 HStack 或 VStack 来渲染内容。 @ViewBuilder var content: () -> Content var body: some View { GeometryReader { proxy in
3.9K10编辑于 2022-12-12
来自专栏静之森
从零开始的 Swift UI (三)
3 4 var likes: [LikeModel] { 5 like.likes 6 } 7 8 var body: some View { 9 ZStack { 10 GeometryReader swift 1var body: some View { 2 NavigationView { 3 ZStack { 4 GeometryReader { _ in 5
79120编辑于 2021-12-28
来自专栏移动端开发
SwiftUI 官方画图实例详细解析
body: some View { /// geometry [dʒiˈɒmətri] 几何学 /// 14之后改了它的对齐方式，向上对齐 GeometryReader (red: 79.0 / 255, green: 79.0 / 255, blue: 191.0 / 255) var body: some View { GeometryReader some View { /// Z 轴在底部背景之上 ZStack { BadgeBackground() GeometryReader 1.0 / 4.0, anchor: .top) /// position 说的是badgeSymbols的位置 /// GeometryReader
1.3K10发布于 2021-01-20
来自专栏肘子的Swift记事本
掌握 ViewThatFits
} } .fixedSize() VStack { Text("GeometryReader 唯一有些奇怪的是 VStack： VStack { Text("GeometryReader has been present since the birth of SwiftUI, playing struct IdealSizeDemo2: View { var body: some View { Text("GeometryReader has been present // ViewThatFits result ViewThatFits(in: .vertical) { Text("1: GeometryReader ViewThatFits(in: .vertical) { Text("1: GeometryReader has been present since the birth of SwiftUI
1.2K10编辑于 2023-11-17
来自专栏静之森
从零开始的 Swift UI (一)
为了获取到整个视窗的长宽，还需要 GeometryReader 去读取子 View 的长宽。在根 View 包裹可以获取到设备的长宽。 swift 1 GeometryReader { reader in 2 ZStack { 3 VStack { 4
2.2K30编辑于 2021-12-28
来自专栏肘子的Swift记事本
SwiftUI geometryGroup() 指南：从原理到实践
例如： struct DynamicGridTest1: View { var body: some View { GeometryReader { proxy in cdn.fatbobman.com/geometryGroup-demo3_2023-11-27_09.48.31.2023-11-27%2009_49_04.gif 当 frame （父视图）的尺寸发生变化后，GeometryReader 在父视图几何信息发生变化时，不要同时在子视图中创建新的内容如果一定要在变化时为子视图增加新元素（比如上面基于 GeometryReader 的示例，可以将所需元素在父视图变化前便让其存在，通过透明度来调整其可见性 body: some View { Color.clear .overlay(alignment: .topLeading) { GeometryReader
96210编辑于 2023-11-30
来自专栏肘子的Swift记事本
掌握 SwiftUI 的 Safe Area
使用 GeometryReader 获取 GeometryProxy 提供了 safeAreaInsets 属性，开发者可以通过 GeometryReader 获取视图的 safeAreaInsets。 func getSafeAreaInsets(_ safeInsets: Binding<EdgeInsets>) -> some View { background( GeometryReader extension View { func printSafeAreaInsets(id: String) -> some View { background( GeometryReader
9.8K31编辑于 2022-07-28
来自专栏Swift社区
使用 SwiftUI 创建一个灵活的选择器
var body: some View { GeometryReader { geo in VStack(alignment: alignment, spacing: spacing 此外，在 VStack 的底部，我们设置一个 frame，其中宽度取自 GeometryReader，高度则由先前创建的函数计算。现在 FlexiblePicker 已经完成，可以使用了！
2.5K20编辑于 2023-11-03

第 2 页

SwiftUI-GeometryReader

GeometryReader ：好东西还是坏东西？

iOS SwiftUI 动画控制运行轨迹之Curve（2020教程）

SwiftUI案例：天气

基于HarmonyOS 5.0 (Next)的一种面向多设备跨平台的高性能自适应布局能力研究和实现

解析SwiftUI布局细节（二）循环轮播+复杂布局

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

用 SwiftUI 实现 3D Scroll 效果

如何在 SwiftUI 中创建条形图

SwiftUI案例：3D旋转图片播放器

SwiftUI中的水平条形图

iOS_SwiftUI_iOS14_Widget

SwiftUI 之 HStack 和 VStack 的切换

从零开始的 Swift UI (三)

SwiftUI 官方画图实例详细解析

掌握 ViewThatFits

从零开始的 Swift UI (一)

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

掌握 SwiftUI 的 Safe Area

使用 SwiftUI 创建一个灵活的选择器

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐