SwiftUI中ScrollView内部的HStack如何居中显示？

已于 2024-09-12 15:07:36 修改
阅读量310 收藏 4
点赞数 6
文章标签： swiftui ios swift ScrollView minWidth
于 2024-09-12 15:06:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/humiaor/article/details/142174069
版权

ScrollView横向显示内容时，内部包含一个HStack,HStack内部包含几个Text文本，默认的效果就是HStack横向居左显示

我们先来看下效果:

 

如果让HStack内的几个Text横向居中显示呢？

如果在HStack的最左和最右别添加两个空白空间填充，也达不到效果

如果将HStack的最大宽度调整为屏幕的宽度或无穷大，也达不到效果：

最后的解决办法是：利用GeometryReader获取屏幕宽度，将HStack的最小宽度调整为父视图的宽度，也就是Scollview的宽度，也就是屏幕的宽度

但是GeometryReader跟SwiftUI其它视图控件不一样，它的内部是坐标系布局，从左上角开始,跟UIKit一样，SwiftUI大部份控件都是弹性布局，这个时候如果我们想让这个HStack垂直也居中，就需要在HStack的外层添加一个VStack，并在上下用两个空白块Spacer将上下撑开

这样就达到了效果，HStack中3个Text水平居中、垂直也居中，那有人可能会问，为什么HStack外层要套个ScrollView,因为我们要做的是多标签横向tab列表，需要能滑动，如果HStack内部的Text很多的时候，要能左右滑动

humiaor
关注
SwiftUI 高级之 如何获取ScrollView内容的屏幕截图？
iCloudEnd的博客
04-07 968
实战需求 SwiftUI：如何获取ScrollView内容的屏幕截图？ 解决方案 在本教程中，我们将把ScrollView的内容转换为UIImage。 首先，我们将任何视图转换为UIImage，然后将扩展相同的逻辑以截屏整个Scroll视图内容。 1、 在SwiftUI的视图上创建扩展，该扩展采用了我们需要转换为图像的部分视图的位置。我们将使用给定的框架创建一个虚拟的UIHostingViewController。从UIHostingView控制器，我们将访问UIKit的视图。 extension V
如何使用 SwiftUI 中 ScrollView 的滚动偏移
网罗天下方法，方便你我开发！！！
07-22 1367
WWDC 24 已经结束，我决定开始写一些关于 SwiftUI 框架即将推出的新特性的文章。今年，苹果继续填补空白，引入了对滚动位置更细粒度的控制。本周，我们将学习如何操作和读取滚动偏移。在本文中，我们深入探讨了 SwiftUI 框架中 ScrollView 的新特性，特别是如何通过 ScrollPosition 类型实现更精确的滚动控制。我们介绍了如何使用 ScrollPosition 类型进行滚动位置的设置和读取，包括使用偏移量、视图标识符等方式进行操作。
SwiftUI 中掌握 ScrollView 的使用：滚动可见性
网罗天下方法，方便你我开发！！！
08-03 1289
我们的滚动 API 中又有一个重要的新增功能：滚动可见性。现在，你可以获取可见标识符列表，或者快速检查并监控 ScrollView 内视图的可见性状态。本周，我们将学习如何使用新的和视图修饰符。今天，我们学习了如何跟踪 ScrollView 内特定视图的可见性，并监控可见标识符列表。示例展示了如何使用 SwiftUI 的滚动可见性修饰符来增强用户体验和交互性。希望能对你有所帮助。
SwiftUI - ScrollView
AI + 工程
11-19 1376
文章目录VerticalHorizontalVerticalAndHorizontal https://developer.apple.com/documentation/swiftui/scrollview Vertical struct ContentView : View { var body: some View { ScrollView(.vertical, showsIndicators: false) { VSta
[SwiftUI]使用ScrollView和LazyVStack自定义列表
Gamin
03-18 562
【代码】[SwiftUI]使用ScrollView和LazyVStack自定义列表。
SwiftUI中ScrollViewReader的使用（自动滚动ScrollView）
郭永明的技术专栏
06-06 1499
ScrollViewReader是我最喜欢的SwiftUI新版本的新功能之一。在iOS 14发布之前，控制ScrollView的滚动位置并不容易。如果希望滚动视图滚动到特定位置，我们必须找到自己的解决方案。使用ScrollViewReader，只需几行代码，就可以使滚动视图滚动到特定位置。本篇文章，我们将探究一下ScrollViewReader的使用。
SwiftUI 6.0（iOS 18）ScrollView 全新的滚动位置（ScrollPosition）揭秘
享受开发，颠倒银河
06-22 1978
在本篇博文中，我们介绍了 SwiftUI 6.0（iOS/iPadOS 18）中滚动视图（ScrollView）的全新升级，其中包括 ScrollPosition 以及动态获取滚动实时偏移（Content Offset）等精彩内容。
SwiftUI之判断ScrollView是否滑动到底部及ChildSizeReader的使用
郭永明的技术专栏
09-13 1169
本文主要介绍了ChildSizeReader组件的使用，以及如何通过这个组件及相应方法来判断ScrollView是否滑动到底部，希望对大家有所帮助。
掌握 SwiftUI 中的 ScrollView
网罗天下方法，方便你我开发！！！
10-06 1086
SwiftUI 框架的第五个版本引入了许多与 ScrollView 相关的新 API，使其比以前更强大。本周将开始介绍 ScrollView 在 SwiftUI 中的新功能系列文章，首先我们将讨论滚动过渡。
SwiftUI LazyVStack ScrollView完成代码
11-22
SwiftUI ScrollView和LazyStack正确使用方法。SwiftUI仅为声明该对象的结构的每个实例创建一次该对象的新实例。当可观察对象的已发布属性更改时，SwiftUI将更新依赖于这些属性的任何视图的部分
万物皆可截图：SwiftUI 中任意视图（包括List和ScrollView）截图的通用实现
享受开发，颠倒银河
07-14 1636
在本篇博文中，我们讨论了如何截取 SwiftUI 中任意视图（包括 gif 动画和 List）图片的通用方法，并在最新的 iOS 17 中测试成功。我们跟随历史的步伐，突破重重难关从原本的死胡同走出了一条光明大道！
SwiftUI中 ScrollView中读取拖动位置 onPreferenceChange GeometryReader (教程含源码)
iCloudEnd的博客
11-22 816
实战需求 SwiftUI中 ScrollView中读取拖动位置 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 onPreferenceChange static func reduce(value: inout Value, nextValue: () -> Value) GeometryReader DragGesture().onChanged 基础知识 onPreferenceChange (_:perform:) 添加一个操作，以在指定的首选项键的值更改
更优雅地调试SwiftUI—借助LLDB
Vikill
08-09 5634
LLDB 注入代码的功能固然强大，但是如果我们无从知晓在 LLDB 中操纵的变量是实际的变量还是那个“影子变量”，无法明确判断编译器何时做出了优化，这个功能无疑成为了一把达摩克利斯之剑。在 Objective-C 中，调试器中的变量和代码运行时的变量确实是同一个变量，指向同一个内存地址，因此在 LLDB 中修改变量自然与在代码中修改变量等价。很完美，在要发布的 App 中使用私有 API 肯定不是明智之举，借助 LLDB 正好帮我们避免了这点，Xcode 在打包时会排除掉开发者设置的断点信息。
axios 前端与 Django 后端的 POST 交互
平头
10-11 326
自己在写一些油猴脚本，前端需要用 JS，后端是自己的服务，是用 Python 的 Django 框架完成的。油猴脚本中需要通过 POST 方法，向后端传一些数据，所以前端我用的是 axios 库，后端需要用 Django 处理 POST 数据。
深入解析axios原理及源码探究
最新发布
全栈若城,专注知识分享
10-14 1512
axios是一个基于Promise的HTTP客户端，用于浏览器和node.js。它具有丰富的配置选项、拦截器机制和取消请求的功能，非常适合在复杂的前端应用中使用。在上一篇文章中，我们简要介绍了axios的基本使用方法。类实现，允许用户通过调用取消方法来取消正在进行的请求。中，主要包括创建实例、拦截器处理、请求方法的挂载等。类管理，可以在请求前和响应后添加自定义逻辑。axios的核心实现在。
【iOS】计算器仿写
2301_79847748的博客
10-08 791
iPhone计算器仿写，
记录一个iOS内存泄漏导致的OOM
liubo的博客
10-11 255
当对象的引用计数器为0时，会自动调用dealloc方法来释放对象的内存空间。即使 viewController 释放了，他的view,或者cell或者其他的属性对象是有可能没有释放的，因为可能只view自身的循环引用，而不是和控制器产生的循环引用。释放，这时候，由于view的持有者释放了，他自己的引用计数要变成0，这样一直释放最顶层的视图。由以上原理可知，当我们pop的时候，vc的引用计数变为0 了，然后。所以，由以上结果可知，是vc先释放，然后view释放的。是有可能的，我们先做一个测试，发现。
「从零开始的 Vue 3 系列」：第八章——深入解析 Axios 与拦截器的使用与封装
llfxq的博客
10-12 428
Axios 基于 Promise 设计，支持异步请求处理，非常适合现代 JavaScript 应用。请求和响应拦截器：可以在请求或响应被 then 或 catch 处理前进行拦截和修改。自动转换 JSON 数据：自动将请求和响应的数据格式转换为 JSON。取消请求：支持请求取消功能。客户端支持防御 XSRF：提供 XSRF 防护功能。
swiftui scrollview
03-16
SwiftUI ScrollView是一个可滚动的视图容器，它允许用户在视图中滚动内容。它可以用于显示大量的数据，如列表、图像、文本等。ScrollView可以水平滚动、垂直滚动或同时滚动。它还支持缩放和平移手势，使用户可以更方便地浏览内容。在SwiftUI中，ScrollView是一个非常有用的组件，可以帮助开发者构建出更加灵活和交互性强的用户界面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值