UITableView滚动时动态改变Header的背景色

最新推荐文章于 2020-12-30 14:56:37 发布
最新推荐文章于 2020-12-30 14:56:37 发布
阅读量2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS 代码片段 文章标签： UITableView 代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/soindy/article/details/49153499
本文介绍如何在UITableView滚动时动态改变Header背景颜色。当Header折叠时背景加深，通过判断scrollView的位置来实现这一效果。

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

实现网易云音乐最近播放列表,tableView滚动时动态改变Header的背景.折叠的时候背景加深.

   


只需要判断一下scrollView滚动的位置即可:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

    NSLog(@"%@",NSStringFromCGPoint(scrollView.contentOffset));

    if (scrollView.contentOffset.y > -44) {

        self.customTableViewHeader.backgroundColor = [UIColor blackColor];

    }else {

        self.customTableViewHeader.backgroundColor = [UIColor clearColor];

    }

}


当然这个-44是你header的高度.你可以按照log打印出来的位置根据自己的需要判断一下就ok了.

swift 实现导航栏随tableView滑动颜色渐变、头部图片往上移动效果和往下放大效果
lin1109221208的博客
01-03 2377
需求：实现导航栏随tableView滑动颜色渐变、头部图片往上移动效果和往下放大效果 最终效果如下： 准备工作：先用storyboard创建一个视图控制器(UIViewController)，加入视图（TableView），并添加约束 1、用imageView作头部背景图片，并保存初始frame //图片 self.bgView = UIImageView.init...
IOS 设置Section的背景色和字体颜色
仁约黄昏下
01-24 4964
如题： 设置Section的背景色和字体颜色 - (void)tableView:(UITableView *)tableView willDisplayHeaderView:(UIView *)view forSection:(NSInteger)section {     // 设置section背景颜色     view.tintColor = [UIColor groupTable
浏览器的滚动条滚动时，导航条的背景变色
web前端学习总结
09-21 9049
浏览器的滚动条滚动时，导航条的背景变色 window.onscroll = function() { var headerMain = document.getElementById('headerMain'); if(window.pageYOffset >= 70){ headerMain.classList.add('headerMain-bg'); } e...
设置UITableViewHeaderFooterView的背景颜色
03-13 4698
微信小程序仿淘宝，向下滚动，头部导航栏背景由透明编程白色（animate）
inticaler的博客
12-30 2490
开发电商类的小程序过程中，有很多导航栏在滑动的时候背景色渐变，下面就来实现一下： 借助小程序的animate方法实现过渡效果，只不过目前这一功能只能绑定scroll-view元素。 1.wxml页面 <scroll-view id="scrollBox" class="view-page" scroll-y="{{true}}" throttle="{{false}}" enhanced="{{true}}" binddragstart="scrollStart"
vue中实现滚动头部导航背景变色
weixin_44953689的博客
09-02 2464
<template> <div class="header" :style="style" :class="{ color: color }"> 这是头部 </div> </template> <script> export default { data() { return { style: { backgroundColor: "", }, color: false
自定义悬浮头部标题栏HeaderFloatTitle（支持背景／透明度／位移的变化）
forward
11-16 2933
最近两个月一直在做视频播放以及代码重构方面的事情，收获挺多，但是一直没有时间来总结一下。效果图参考：这里写链接内容此文就是对顶部标题栏的一个简单封装。关键的几个方法：1.设置需要监听的View的Y轴变化区间。（比如想监听一个图片从Y坐标100移动到－100过程中，顶部标题栏有颜色透明度变化，则可以在这个方法中设置setRange（100， －100）/** * 设置变化区间Y值坐标
随着页面滚动，标题栏颜色变化
01-08
随着页面滚动，标题栏颜色变化 页面头部标题一开始是透明状态，，随着屏幕滚动，颜色慢慢变深，到一定高度停止变化 给window 绑定滚动事件，获取当前滚动的高度 当前高度 * 最大透明度 / 停止变色高度 = 透明度 // 标题颜色改变 var banner = document.querySelector('.banner'); // 获取滚动停止位置的元素 var bannerHeight = banner.offsetHeight; // 获取滚动停止位置的元素据top的高度 var header = document.querySelector('.header'); // 获取头部 /
滑动时固定在头部的一部分会变色（向下滑会变红）
qq_41696819的博客
08-19 1781
componentDidMount(){         //console.log(document.getElementsByClassName("header")[0])         //当页面滚动的时候执行变色         document.getElementsByClassName("main")[0].onscroll=function(e){             c...
UITableView下拉隐藏背景色
Anybody capable of love is capable of being saved.
09-27 3939
如果给UITbaleView设置背景色，那么在bounce属性不禁用的话，下拉或者上拉，都会出现tableView的背景色。如下图： 下拉的时候，在与导航的衔接处出现了背景色。有些界面为了保持上部的美观，要求在下拉的时候保持HeadView的背景色，在上拉的时候显示tableView的背景色。第一个实现思路是：创建一个和背景色一样的view,与tableView处于同级，但在tableView之上
iOS开发 改变UITableView的headerView、footerView背景颜色
doubleface999的博客
05-05 1609
问题 改变UITableView的header、footer背景颜色，这是个很常见的问题。之前知道的一般做法是，通过实现tableView: viewForHeaderInSection:返回一个自定义的View，里面什么都不填，只设背景颜色。但是今天发现一个更简洁的做法。 更简洁的方法 对于iOS 6及以后的系统，实现这个新的delegate函数即可： - (void)tableVie...
ios UIScrollView 下拉与顶部空白颜色填充问题
robinson_911的专栏
07-17 3107
通过下面的方法可以解决，UIScrollView 下拉时可以将与顶部空白区域填充为与顶部颜色一致的颜色！ - (void)createTotalScrollView {     if (!_totalScrollView)     {         _totalScrollView = [[TPKeyboardAvoidingScrollView alloc]initWithFrame...
ios下拉tableview让背景色跟导航栏颜色一致
weixin_33811961的博客
10-18 1528
UIView *headerView = [[UIView alloc] initWithFrame:(CGRectMake(0, 0, self.view.frame.size.width, 200))]; self.headerImageView = [[UIImageView alloc] initWithFrame:(CGRectMake(0, ...
Header背景处理方案
niuchaoying的专栏
08-23 2605
自己在私下项目练习时，遇到的一种header部门背景开发方案，前端小伙伴可以用在我们自己code的项目里面。 应用场景，针对于不同事物具有唯一的图像标识（例如，用户的头像，书籍的封面等）。 我们在设计其详情页时，每一个事物的header部分我们可以这样处理： 借用它们自身唯一的图像标识 例如： <div class="header"> <div class="content-wrap
iOS：UITableView下拉顶部背景色设置
韩博主
10-13 1110
//拉顶部背景色 [self.tableView addObserver:self forKeyPath:@"contentOffset" options:NSKeyValueObservingOptionOld|NSKeyValueObservingOptionNew context:nil]; //用于拉伸的视图 - 作为顶部拉伸部位背景视图 [self.tableView.superview addSubview:self.stretchView]; #pragm
tableView的全屏穿透效果的实现
abc48765的博客
04-10 247
1.设置全屏穿透效果 下面这个界面有没有觉得很眼熟。打开你手里的App仔细观察，你会发现很多都有实现这个功能。比如美团外卖的首页模块，新浪微博的个人详情页面。要怎么样才能快速的实现这个功能呢！那下面由笔者来告诉你如何三行代码，集成这个功能。。。 2.gif 原理介绍： 要想把一个view设计成透明的我们一下子就会想到两种方案，设置view的alpha值为0，或者设置vi...
iOS tableView头部拉伸并改变导航条渐变色
05-05 917
#import "TableViewController.h" static NSString *ident = @"cell"; #define RGBA(r,g,b,a) [UIColor colorWithRed:r/255.0f green:g/255.0f blue:b/255.0f alpha:a] #define RGB(r,g,b) RG
UITableView下拉色彩渐变，图片变大效果（模仿链家网iOS APP首页）
u013003214的专栏
04-20 2617
最近链家网很火啊，融资60亿的新闻铺天盖地，然后就下载他们的APP来好好看了一番。首页这个下拉渐变的效果挺有意思，其实见得也挺多，今天就来做一个呗。 先来看一下链家网的效果：随着主页一直往上拉或者往下拉，header位置图片会变大变小，另外还有一层绿色的一层会改变透明度。 OK，直接来分析到底是如何实现的。 我首先想到的是与下拉刷新一样使用UIScrollView的Con
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值