SwiftUI 内功 Scrollview 根据滚动内容切换背景颜色 (教程含源码)

最新推荐文章于 2021-10-06 15:13:49 发布
最新推荐文章于 2021-10-06 15:13:49 发布
阅读量503 收藏
点赞数
分类专栏： SwiftUI源码大全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/108250615
版权
本文介绍了如何在SwiftUI中使用Scrollview、GeometryReader和onPreferenceChange等技术，实现在内容滚动时动态改变背景颜色。通过学习，你可以掌握LazyVStack、@ViewBuilder、coordinateSpace等概念，并看到具体实现代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

实战需求

SwiftUI 内功 Scrollview 根据滚动内容切换背景颜色

本文价值与收获

看完本文后，您将能够作出下面的界面

截屏2020-08-26 下午11.15.37.png

Jietu20200826-233352.gif

看完本文您将掌握的技能

  • 掌握 LazyVStack
  • 掌握 @ViewBuilder
  • 掌握 coordinateSpace
  • 掌握 onPreferenceChange
  • 掌握 GeometryReader

基础知识

GeometryReader

一个容器视图，根据其自身大小和坐标空间定义其内容。

@frozen struct GeometryReader<Content> where
了解本专栏 订阅专栏 解锁全文 超级会员免费看
SwiftUI 教程之Navigation设置背景颜色Scrollview组合 (教程含源码)
iCloudEnd的博客
01-19 641
实战需求 SwiftUI 教程之Navigation设置背景颜色Scrollview组合 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 设置背景颜色 view.backgroundColor = .yellow 导航组件 NavigationLink(destination: Text("(item)")) 同步设置 DispatchQueue.main.async 实战代码 import SwiftUI import UIKit struct ContentVi
SwiftUI ScrollView技巧大全之 监控ScrollView滚动显示内容并获取位置实现SnapTo对齐 （教程含源码）
iCloudEnd的博客
03-25 2238
实战需求 监控ScrollView滚动显示内容并获取位置实现SnapTo对齐。 本示例旨在研究如何构建一个可以跟踪其内容位置并在大小为N的固定间隔或窗口上“吸附”内容的ScrollView。如果我们有100个项目要滚动，窗口大小为5，我们希望一次看到5个项目，其中前导项目是i % N = 1。 本文价值与收获 看完本文后，您将能够作出下面的界面 实战代码 import SwiftUI import Combine class ContentViewModel : ObservableObject {
swift-下拉放大背景图的顶部视图适用于UIScrollView及其子类
08-15
下拉放大背景图的顶部视图，适用于UIScrollView及其子类
uiscrollview UIView 设置背景图片 swift 不用colorWithPatternImage
03-10 307
colorWithPatternImage 非常占用内存，而且在swift中去掉了这个方法。 sizeView.layer.contents = UIImage(named:"slect_bg")!.CGImage 转载于:https://www.cnblogs.com/ericjun/p/4326190.html...
自定义ScrollView 滑动改变背景颜色
XiaoZhuang__的博客
02-07 2086
//实现自定义ScrollView 滑动改变背景颜色  首先要自定义一个ScrollView 切记一定要能滑动,也就是说ScrollView 里面的东西要多,不然不好使. 自定义 public class JiChengShi extends ScrollView { public JiChengShi(Context context) { t
android scrollview 背景变黑,Android中自定义ScrollView，并在滑动时渐变标题栏背景颜色...
weixin_42741930的博客
05-26 431
滑动前：滑动中：滑动后1.自定义MyScrollViewpackage com.jukopro.titlebarcolor;import android.content.Context;import android.util.AttributeSet;import android.widget.ScrollView;/*** 自定义带滚动监听的scrollview**/public class M...
SwiftUI 技巧大全之 ScrollView怎么隐藏旁边的滚动条
iCloudEnd的博客
10-06 1597
实战需求 SwiftUI 技巧大全之 ScrollView怎么隐藏旁边的滚动条 本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识 ScrollView 一个可以滚动的视图 struct ScrollView<Content> where Content : View 滚动视图在可滚动内容区域内显示其内容。 主题 创建滚动视图 1、init(Axis.Set, showsIndicators: Bool, content: () -> Content) 创建一个新实例，该
SwiftUI 2 实现ScrollView编程滚动ScrollViewReader和ScrollViewProxy(教程含源码)
iCloudEnd的博客
08-09 1071
实战需求 SwiftUI2 实现ScrollView编程滚动，本文使用ScrollViewReader和ScrollViewProxy实现该功能。 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握ScrollViewReader基础使用 掌握ScrollViewProxy基础使用 掌握ObservableObject基础使用 实现ScrollView编程翻页 关键词 ScrollView ScrollViewReader ScrollViewProxy Observ
SwiftUI实战之设置Toggle开关的背景颜色和切换效果
iCloudEnd的博客
05-02 1421
本文价值与收获 看完本文后，您将能够作出下面的界面 #基础知识 当面对二进制决策或选择时，我们可以在 SwiftUI 中使用称为Toggle。这将在任一状态（开或关）显示切换，因为它可以在两种状态之间切换。iOS中的UISwitch组件具有相似的功能。在 SwiftUI 中使用Toggle的最简单方法是：我们需要传递绑定@State变量： Toggle(isOn: $binding) { ...
scrollview滚动图片切换
tq471214251的专栏
03-09 411
if ([[[UIDevice currentDevice] systemVersion]floatValue]>=7) { self.automaticallyAdjustsScrollViewInsets=NO; } self.imgSRC = [[NSMutableArray alloc] initWithCapacity:3]; imgGu
Android中自定义ScrollView的滑动监听事件，并在滑动时渐变标题栏背景颜色
03-19
最近写项目，有一个功能是要用到ScrollView的滑动监听事件，自定义了之后，还是不够用，于是我又在网上找了一些资料，修改了一下，现在上传到这，和大家分享学习
scrollview背景
weixin_30819163的博客
10-14 473
当scrollview不设置背景色时，拖动scrollview上的内容，边界显示view的背景色。 当scrollview设置背景色时，拖动scrollview上的内容，边界显示scrollview的背景色 用两种颜色时，可以在scrollview上再添加一层，如黄色的view。 滑动属性： 　_scrollView.pagingEnabled = YES; //只能按页滑...
实现背景颜色随着ScrollView滑动改变的ActionBar
Imagine
12-04 3670
原文链接：http://cyrilmottier.com/2013/05/24/pushing-the-actionbar-to-the-next-level/ 英文好直接戳原文哈。 先上效果图： ActionBar开始是完全透明的，然后随着页面往下，开始逐渐变红，当图片完全不可见的时候，ActionBar变得完
iOS SwiftUI篇-3 排版布局layout
ios、Android、j2ee项目实用技能分享
02-23 488
iOS SwiftUI篇-2 排版布局layout swiftUI提供的layout有： ZStack、GeometryReader、HStack、LazyVGrid、LazyHStack、LazyHGrid、LazyVStack、VStack、Spacer、ScrollViewReader等
SwiftUI 2.0 制作个侧边栏基于GeometryReader和Lazy(教程含源码)
iCloudEnd的博客
07-05 510
本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握GeometryReader的基础使用 掌握Lazy组件基础使用 实现侧边栏效果 代码 import SwiftUI struct ContentView: View { var body: some View { SideMenuTest() } } struct ContentView_Previews: PreviewProvider { static var previe
SwiftUI ScrollView 高级技巧之 01 单击按钮手动滚动到某个位置
iCloudEnd的博客
07-24 1012
实战需求 SwiftUI ScrollView 高级技巧之 01 单击按钮手动滚动到某个位置 开发过程中，有时开发人员希望以编程方式滚动到特定位置，或者希望从下到上滚动，例如聊天视图、交易视图等，我们希望在较旧时在底部显示最新的对话或交易在顶部，用户必须向上滚动才能看到最旧的项目。从 iOS14 开始，即在 SwiftUI 2 中，Apple 提供了一个 API” ScrollViewReader"，可用于以编程方式滚动到某个位置。 本文价值与收获 看完本文后，您将能够作出下面的界面 实战代码 单
【问题】各种背景色&UIScrollView注意问题
02-25 1997
小问题，很简单，出现却很费时。。。 背景色： 1. UI 层次较多时，要考虑色值叠加问题 2. 取色时借助数码测色计取值，Xcode 中也有测色的 从此不再为色值费时。 UIScorllView: 以前写代码基本是考代码搞，这几天用StoryBoard搞了不少问题， 1. 如果是UIImageView 是在StoryBoard中加入UIScrollView的subview中，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值