首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >另一个视图下的SwiftUI偏移项在ScrollView中

另一个视图下的SwiftUI偏移项在ScrollView中
EN

Stack Overflow用户
提问于 2021-12-15 21:30:59
回答 1查看 526关注 0票数 0

我有一个VStack,在我的应用程序顶部有一些内容,然后在底部有一个ScrollView,这些视图与Divider分开。是否有任何方法来抵消scrollView,使其开始稍微隐藏在Divider和顶部视图下?

下面是我想要的一个例子:

数字在ScrollView中,在本例中,最上面的内容只是Color.white

不过,如果我应用了一个简单的y offset,就会得到以下结果:

这个数字是垂直向上移动的,但不是“藏”在下面。

有什么简单的方法可以得到“卷”的结果吗?我确信我可以使用ZStack或什么的,但这似乎是很多工作,特别是因为我不知道顶级内容会有多大。

示例代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            Color.white.frame(height: 100)
        
            Divider()
        
            ScrollView {
                ForEach(0..<20) { number in
                    Text("\(number)")
                }
            }
            .offset(y: -8)
        }
    }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-15 21:34:48

我想你只需要滚动视图的填充,就像

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ScrollView {
    ForEach(0..<20) { number in
        Text("\(number)")
    }
}
.padding(.top, -8)   // << here !!
.clipped()
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70374234

复制
相关文章
深入了解 SwiftUI 5 中 ScrollView 的新功能
为可滚动容器的内容或滚动指示器(Scroll Indicator)添加外边距(Margin)。
东坡肘子
2023/07/08
9320
深入了解 SwiftUI 5 中 ScrollView 的新功能
在 SwiftUI 中实现视图居中的若干种方法
将某个视图在父视图中居中显示是一个常见的需求,即使对于 SwiftUI 的初学者来说这也并非难事。在 SwiftUI 中,有很多手段可以达成此目的。本文将介绍其中的一些方法,并对每种方法背后的实现原理、适用场景以及注意事项做以说明。
东坡肘子
2022/12/16
6.8K0
在 SwiftUI 中实现视图居中的若干种方法
SwiftUI 中的Stack
就从Stack说起,stack查看文档我们看到HVZ三种stack,那么分别是怎么用的呢?
大话swift
2019/07/03
2.3K0
SwiftUI 中的Stack
在 SwiftUI 中创建一个环形 Slider
Slider 控件是一种允许用户从一系列值中选择一个值的 UI 控件。在 SwiftUI 中,它通常呈现为直线上的拇指选择器。有时将这种类型的选择器呈现为一个圆圈,拇指绕着圆周移动可能会更好。本文介绍如何在 SwiftUI 中定义一个环形的 Slider。
韦弦zhy
2023/01/06
3.7K0
在 SwiftUI 中创建一个环形 Slider
python中的偏函数
当一个函数有很多参数时,调用者就需要提供多个参数。如果减少参数个数,就可以简化调用者的负担。比如,int()函数可以把字符串转换为整数,当仅传入字符串时,int()函数默认按十进制转换,但int()函数还提供额外的base参数,默认值为10。如果传入base参数,就可以做 N 进制的转换:
py3study
2020/01/15
8410
Scala中的偏函数
艺术地说,Scala中的Partial Function就是一个“残缺”的函数,就像一个严重偏科的学生,只对某些科目感兴趣,而对没有兴趣的内容弃若蔽履。Partial Function做不到以“偏”概全,因而需要将多个偏函数组合,最终才能达到全面覆盖的目的。所以这个Partial Function确实是一个“部分”的函数。 对比Function和Partial Function,更学术味的解释如下: 对给定的输入参数类型,函数可接受该类型的任何值。换句话说,一个(Int) => String 的函数可以接收
张逸
2018/03/07
2.6K0
在 SwiftUI 下定制手势
不同于众多的内置控件,SwiftUI 没有采用对 UIGestureRecognizer(或 NSGestureRecognizer)进行包装的形式,而是重构了自己的手势体系。SwiftUI 手势在某种程度上降低了使用门槛,但由于缺乏提供底层数据的 API,严重制约了开发者的深度定制能力。在 SwiftUI 下,我们无法拥有类似构建全新 UIGestureRecongnizer 的能力。所谓的自定义手势,其实只是对系统预置手势的重构而已。本文将通过几个示例,演示如何使用 SwiftUI 提供的原生手段定制所需手势。
东坡肘子
2022/07/28
2.8K0
在 SwiftUI 下定制手势
优化在 SwiftUI List 中显示大数据集的响应效率
拥有优秀的交互效果和手感,是很多 iOS 开发者长久以来坚守的原则。同样一段代码,在不同数据量级下的响应表现可能会有云泥之别。本文将通过一个优化列表视图的案例,展现在 SwiftUI 中查找问题、解决问题的思路,其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及。本文的范例需运行在 iOS 15 及以上系统,技术特性也以 SwiftUI 3.0 为基础。
东坡肘子
2022/07/28
9.3K0
优化在 SwiftUI List 中显示大数据集的响应效率
在 SwiftUI 中创建自适应的程序化导航方案
随着苹果对 iPadOS 的不断投入,越来越多的开发者都希望自己的应用能够在 iPad 中有更好的表现。尤其当用户开启了台前调度( Stage Manager )功能后,应用对不同视觉大小模式的兼容能力就越发显得重要。本文将就如何创建可自适应不同尺寸模式的程序化导航方案这一内容进行探讨。
东坡肘子
2022/12/16
4.3K0
在 SwiftUI 中创建自适应的程序化导航方案
SwiftUI 中布局的工作原理
在这个技术项目中,我们将探讨 SwiftUI 如何处理布局。有些事情已经解释过了,有些可能是你自己弄明白的,但更多的是你在这一点上想当然的事情,所以我希望一个详细的探索能真正为 SwiftUI 的工作方式提供一些启示。
Swift社区
2021/11/26
3.8K0
SwiftUI 中布局的工作原理
SwiftUI案例:3D旋转图片播放器
任选 7 张任意尺寸的图片按 p1 至 p7 进行命名并拖拽进 Assets.xcassets 文件中(如图所示)
DioxideCN
2022/08/05
2.4K0
SwiftUI案例:3D旋转图片播放器
如何在 SwiftUI 中创建条形图
条形图以矩形条的形式呈现数据的类别,其宽度和高度与它们表示的值成比例。本文将展示如何创建一个垂直条形图,其中矩形的高度将代表每个类别的值。
Swift社区
2022/12/12
5.2K0
如何在 SwiftUI 中创建条形图
在SwiftUI中使用UIKit视图
已迈入第三个年头的SwiftUI相较诞生初始已经提供了更多的原生功能,但仍有大量的事情是无法直接通过原生SwiftUI代码来完成的。在相当长的时间中开发者仍需在SwiftUI中依赖UIKit(AppKit)代码。好在,SwiftUI为开发者提供了便捷的方式将UIKit(AppKit)视图(或控制器)包装成SwiftUI视图。
东坡肘子
2022/07/28
8.3K0
在SwiftUI中使用UIKit视图
SwiftUI案例:天气
在工作区的项目文件夹下创建名为 SpriteFiles 的 Group 并在其中依次导入 RainFall.sks RainFallLanding.sks
DioxideCN
2022/08/05
4.9K0
SwiftUI案例:天气
如何判断 ScrollView、List 是否正在滚动中
判断一个可滚动控件( ScrollView、List )是否处于滚动状态在某些场景下具有重要的作用。比如在 SwipeCell[3] 中,需要在可滚动组件开始滚动时,自动关闭已经打开的侧滑菜单。遗憾的是,SwiftUI 并没有提供这方面的 API 。本文将介绍几种在 SwiftUI 中获取当前滚动状态的方法,每种方法都有各自的优势和局限性。
东坡肘子
2022/12/16
3.8K0
如何判断 ScrollView、List 是否正在滚动中
SwiftUI中的水平条形图
水平条形图以矩形条的形式呈现数据类别,其宽度与它们所代表的数值成正比。本文展示了如何在垂直条形图的基础上创建一个水平柱状图。
韦弦zhy
2022/11/07
4.8K0
SwiftUI中的水平条形图
在JSP页面中调用另一个JSP页面中的变量
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huyuyang6688/article/details/16896447
DannyHoo
2018/09/13
7.9K0
用 SwiftUI 实现 3D Scroll 效果
我们预览下今天要实现的 3D scroll 效果。学完本教程后,你就可以在你的 App 中把这种 3D 效果加入任何自定义的 SwiftUI 视图。下面我们来开始本教程的学习。
Swift社区
2021/11/26
1.5K0
用 SwiftUI 实现 3D Scroll 效果
在 SwiftUI 下使用 NSUbiquitousKeyValueStore 同步数据
NSUbiquitousKeyValueStore 是苹果官方提供的用于在设备间共享键值数据的解决方案。本文将对其用法做以简单介绍,着重探讨如何便捷地在 SwiftUI 中使用 NSUbiquitousKeyValueStore。
东坡肘子
2022/07/28
5K0
在 SwiftUI 下使用 NSUbiquitousKeyValueStore 同步数据
在 SwiftUI 视图中打开 URL 的若干方法
本文将介绍在 SwiftUI 视图中打开 URL 的若干种方式,其他的内容还包括如何自动识别文本中的内容并为其转换为可点击链接,以及如何自定义打开 URL 前后的行为等。
东坡肘子
2022/07/28
7.8K1
在 SwiftUI 视图中打开 URL 的若干方法

相似问题

SwiftUI列表在ScrollView中

35

SwiftUI TabView在ScrollView中

22

在scrollview jquerymobile中添加视区

11

ScrollView SwiftUI

248

SwiftUI NavigationLink样式在ScrollView中

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文