iOS开发中headerView Parallax的实现方法

最新推荐文章于 2024-05-15 09:57:32 发布
最新推荐文章于 2024-05-15 09:57:32 发布
阅读量1.8k 收藏
点赞数
分类专栏： UI 文章标签： ios UI parallax
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NSNirvana/article/details/48380057
版权
本文介绍了如何在iOS开发中实现TableView的Header视差滚动效果，通过修改某个库的关键代码来达成目标，展示了最终的视差动画效果。
摘要由CSDN通过智能技术生成

首先上效果图


改自这个库的代码，主要是为了实现上图中tableHeaderView的视差效果

关键代码如下：

- (void)initialSetupForCustomSubView:(UIView *)subView
{
    //初始化中间层imageScrollView
    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.bounds];
    self.imageScrollView = scrollView;
   
    //设置内容层的自动布局并存储
    subView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAu
最低0.47元/天 解锁文章
NSNirvana
关注
专栏目录
MXParallaxHeader:UIScrollView的简单视差标头
05-27
MXParallaxHeader :warning: 该项目不再维护，请参阅 :warning: MXParallaxHeader是UIScrollView的简单标头类。 另外，MXScrollView是一个UIScrollView子类，能够从其子视图中挂钩垂直滚动，可以用来向复杂的视图层次添加视差标头。 此外，MXScrollViewController允许您将MXParallaxHeader添加到任何类型的UIViewController中。 UIScrollView MXScrollViewController 用法 如果您想尝试一下，只需运行： pod try MXParallaxHeader 向UIScrollView添加视差标头很简单，例如： Swift let headerView = UIImageView () headerView. image = UIImage ( named
Scrollview嵌套Tableview的手势冲突
qq_55655826的博客
03-17 856
scrollview和tableview手势冲突
iosparallaxjs是一款模拟苹果iOS10样式背景图片视觉差效果的jquery插件
08-11
ios-parallax.js是一款模拟苹果iOS10样式背景图片视觉差效果的jquery插件。该背景图片视觉差效果在用户移动鼠标时，背景图片会相应的摇晃，形成视觉差特效。
探索创新：ParallaxHeaderView - 为你的应用添加动感头部视图
gitblog_00024的博客
04-23 383
探索创新：ParallaxHeaderView - 为你的应用添加动感头部视图 项目地址:https://gitcode.com/SmallLang/ParallaxHeaderView ParallaxHeaderView 是一个开源Android库，它旨在让开发者能够轻松地在他们的应用中实现视差滚动效果的头部视图。这种效果通常用于创建引人入胜的用户体验，让用户在滑动页面时感到内容仿佛在“流动”...
Parallax（视觉差效果）
qq_34751660的博客
04-19 704
using System.Collections; using System.Collections.Generic; using UnityEngine; public class Parallax : MonoBehaviour { public Transform Cam; public float moveRate; private float startPo...
Android ListView中headerview的动态显示和隐藏的实现方法
01-04
Android ListView中headerview的动态显示和隐藏的实现方法 1.动态设置headerview的方法 动态设置headerview有两个思路。 方法一 将header的布局写在list item的布局文件中，在adapter中通过判断position的值是否为0...
iOS开发仿电商类APP首页实例
01-04
上方是父UICollectionView的headerView，在此headerView中添加了两个UICollectionView，分别实现图片无限轮播器和一个横向滑动的功能菜单按钮。然后下面就是父UICollectionView的cell，上下滑动展示商品内容。 三、...
详解iOS开发中UITableview cell 顶部空白的多种设置方法
09-02
在iOS开发中，`UITableView` 是一个非常常用且重要的组件，用于展示列表数据。然而，在实际开发过程中，我们经常会遇到`UITableViewCell`顶部出现空白的问题，这可能会对用户体验造成不良影响。本文将详细介绍几种...
iOS开发中TableView类似QQ分组的折叠与展开效果
01-04
其实要做这个效果我先想到的是在tableView中再嵌套多个tableView，这个想法实现起来就有点难了。 所以还是换个思路，把tableView的HeaderView用上了。给headerView加上手势，轻松解决折叠展开的问题。 直接上代码吧...
探索VGParallaxHeader：一款创新的iOS视差滚动头组件
gitblog_00095的博客
04-16 256
探索VGParallaxHeader：一款创新的iOS视差滚动头组件 项目地址:https://gitcode.com/stoprocent/VGParallaxHeader 在移动应用开发中，创建引人入胜的用户体验至关重要。VGParallaxHeader 是一个针对iOS平台的开源项目，它提供了一种独特的方式，让开发者能够为他们的应用程序添加富有视觉冲击力的视差滚动效果。 项目简介 VGPar...
ParallaxHeader:滚动时 UITableView 标题视图上的视差滚动效果
06-23
视差标题 滚动时 UITableView 标题视图上的视差滚动效果，使用 Swift 构建。 安装 将ParallaxHeader.swift复制到您的项目中。 用法 创建对 ParallaxHeader 类的引用： let parallaxHeader = ParallaxHeader() 在viewDidLoad()中将表头设置为视差头： tableView.tableHeaderView = parallaxHeader.parallaxHeaderViewWithImage(UIImage(named: "HeaderBackground")!, headerSize: CGSizeMake(tableView.frame.size.height, 300)) parallaxHeader.layoutHeaderViewForScrollViewOffset(self.t
ParallaxHeader：将视差标头添加到以Swift编写的UIScrollViewUITableView的简单方法
02-04
视差头 将视差标头添加到UIScrollView或其子类的简单方法。 一幅图片 带有图像的滑块 模糊充满活力的文字 模糊圆形图标 尝试 内容 要求 iOS 8.0以上 Xcode 8.0+ 迅捷3.0+ 安装 可可豆 是Cocoa项目的依赖项经理。 您可以使用以下命令进行安装： $ gem install cocoapods 要构建可重用的1.0.0+，需要CocoaPods 1.1.0+。 要使用的CocoaPods ParallaxHeader集成到您的Xcode项目，在您指定它Podfile ： source 'https://github.com/CocoaPods/Spe
iOS 滚动视图辅助 MXParallaxHeader.zip
09-17
iOS 滚动视图辅助 MXParallaxHeader ,MXParallaxHeader 是一个用于 UIScreolView 的标题类（a simple ...
ios-自定义headerview，自适应header的高度.zip
07-11
自定义headerview，自适应header的高度
ParallaxHeaderViewPager:视差HeaderViewPager
07-10
视差HeaderViewPager 托管 ViewPager 的 RelativeLayout 使用 RelativeLayout 作为我们的外部容器，它承载 ViewPager 并由三个可滚动片段组成。 这个外部的 RelativeLayout 还承载顶部图像和工具栏。 ViewPager 的每个片段都实现了一个回调，负责跟踪和更新其滚动位置和父类 RelativeLayout 内的顶部偏移量。 当用户上下滚动，或者侧滑到不同的标签页时，各个ViewPager片段中的回调智能调整所包含的ScrollView或ListView的内部顶部偏移和滚动位置，以显示下方正确的视差图像量，实现视觉效果想要的效果。
iOS开发小技巧--TableView中headerView的循环利用,以及自定义的headerView
weixin_33755847的博客
05-25 157
一.首先要搞清楚,tableView中有两种headerView,一个是tableHeaderView,另一个是headerView.前者就一个;后者根据session决定个数 headerView的循环利用跟cell的循环利用差不多,同样也可以注册,代码如下: 二.百思项目中,headerView只显示文字,但是只搞一个Label没法调整文字左边的间距.所以考虑包装一层view.进行了自...
推荐一款神奇的Swift库：ParallaxHeader，让滚动视图的头部动起来！
最新发布
gitblog_00029的博客
05-15 239
推荐一款神奇的Swift库：ParallaxHeader，让滚动视图的头部动起来！ ParallaxHeaderSimple way to add parallax header to UIScrollView/UITableView written in Swift.项目地址:https://gitcode.com/gh_mirrors/pa/ParallaxHeader 项目简介 在iOS开...
ios headerview自适应_iOS平台设计规范（四）视觉
weixin_29218963的博客
12-20 4161
无论是UI、交互，还是产品经理，都应该熟读iOS平台设计规范。这对我们的产品设计，百利而无一弊。 视觉(Visual Design)一、适应性布局(Adaptivity and Layout)用户通常希望能够在所有的设备和任何环境中使用他们喜爱的的APP。在iOS中，界面元素和布局可以配置为在不同设备上、在iPad上的多任务处理期间、在拆分视图中、屏幕旋转时等会自动更改形状和大小...
使用协调者布局CoordinatorLayout 来实现ParallaxHeaderViewPager的效果,超简单
u011575542的博客
08-12 5282
先上图让大家看一下效果  , 这是用CoordinatorLayout + ViewPager实现的 ; 这个效果就是类似github上面的ParallaxHeaderViewPager实现的效果是一样的..使用谷歌提供的协调者布局 CoordinatorLayout 更加简单. 下面跟大家展示一下代码: 首先使用CoordinatorLayout  需要添加的依赖是
iOS开发实战：构建电商APP首页布局教程
"iOS开发仿电商类APP首页实例，利用UICollectionView实现淘宝、京东等电商应用的首页布局，包括图片轮播器、横向滑动菜单及商品列表的展示。" 在iOS开发中，创建一个类似电商应用的首页是一个常见的需求。本实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值