iOS tableView实现头部拉伸并改变导航条渐变色

所属分类: 软件编程 / IOS 阅读数: 777
收藏 0 赞 0 分享

本文实例为大家分享了iOS tableView实现头部拉伸改变,导航条渐变色的具体代码,供大家参考,具体内容如下

#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) RGBA(r,g,b,1.0f)
#define ZhuTiColor RGB(76,16,198)
#define ZhuTiColorAlpha(alpha) RGBA(76, 16, 198, alpha)

// 判断是否是iPhone X
#define iPhoneX ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(1125, 2436), [[UIScreen mainScreen] currentMode].size) : NO)
// 状态栏高度
#define STATUS_BAR_HEIGHT (iPhoneX ? 44.f : 20.f)
// 导航栏高度
#define NAVIGATION_BAR_HEIGHT (iPhoneX ? 88.f : 64.f)
// tabBar高度
#define TAB_BAR_HEIGHT (iPhoneX ? (49.f + 34.f) : 49.f)
// home indicator
#define HOME_INDICATOR_HEIGHT (iPhoneX ? 34.f : 0.f)

#define ScreenWidth ([UIScreen mainScreen].bounds.size.width)
#define ScreenHeight ([UIScreen mainScreen].bounds.size.height)

#define imageHight 200


@interface TableViewController ()

@property (nonatomic,strong) UIImageView *headImage;
@property (nonatomic, strong) UIView *headerBackView;
@property (nonatomic, strong) UIView *mengView;

@end

@implementation TableViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:ident];
  self.view.backgroundColor = [UIColor redColor];
  self.tableView.tableHeaderView = self.headerBackView;
  [self.headerBackView addSubview:self.headImage];
  [self.headImage addSubview:self.mengView];
  [self navCleanFromAlpha:0];
  
}

-(void)navCleanFromAlpha:(CGFloat)alpha
{
  [self.navigationController.navigationBar setBackgroundImage:[self createImageWithColor:ZhuTiColorAlpha(alpha)] forBarMetrics:UIBarMetricsDefault];
  self.navigationController.navigationBar.shadowImage = [UIImage new];
}

-(UIImage*) createImageWithColor:(UIColor*) color
{
  CGRect rect=CGRectMake(0.0f, 0.0f, 1.0f, 1.0f);
  UIGraphicsBeginImageContext(rect.size);
  CGContextRef context = UIGraphicsGetCurrentContext();
  CGContextSetFillColorWithColor(context, [color CGColor]);
  CGContextFillRect(context, rect);
  UIImage *theImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  return theImage;
}

-(UIImageView *)headImage
{
  if(!_headImage)
  {
    _headImage= [[UIImageView alloc]initWithFrame: self.headerBackView.bounds];
    _headImage.image = [UIImage imageNamed:@"1024"];
  }
  return _headImage;
}

-(UIView *)mengView
{
  if (!_mengView)
  {
    _mengView = [[UIView alloc]initWithFrame:self.headerBackView.bounds];
    _mengView.backgroundColor = RGBA(1, 1, 1, 0.1);
  }
  return _mengView;
}

-(UIView *)headerBackView
{
  if (!_headerBackView)
  {
    _headerBackView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, imageHight)];
    [_headerBackView setBackgroundColor:[UIColor lightGrayColor]];
  }
  return _headerBackView;
}

- (void)didReceiveMemoryWarning {
  [super didReceiveMemoryWarning];
  // Dispose of any resources that can be recreated.
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
  //---------------------- 图片拉升 -------------------------
  //图片高度
  CGFloat imageHeight = self.headerBackView.frame.size.height;
  //图片宽度
  CGFloat imageWidth = ScreenWidth;
  //图片上下偏移量
  CGFloat imageOffsetY = scrollView.contentOffset.y;
  
//  NSLog(@"图片上下偏移量 imageOffsetY:%f ->",imageOffsetY);
  
  //上移
  if (imageOffsetY < 0)
  {
    CGFloat totalOffset = imageHeight + ABS(imageOffsetY);
    CGFloat f = totalOffset / imageHeight;
    
    self.headImage.frame = CGRectMake(-(imageWidth * f - imageWidth) * 0.5, imageOffsetY, imageWidth * f, totalOffset);
    self.mengView.frame = self.headImage.bounds;
  }
  
  //------------------- 导航条颜色渐变 ----------------------------
  
  CGFloat tableViewOffsetY = [self.tableView rectForSection:0].origin.y - NAVIGATION_BAR_HEIGHT;
  CGFloat contentOffsetY = scrollView.contentOffset.y;

  if (contentOffsetY >= tableViewOffsetY)
  {
//    scrollView.contentOffset = CGPointMake(0, tableViewOffsetY); //定位
    [self navCleanFromAlpha:1];

  }
  else
  {
    CGFloat alpha = scrollView.contentOffset.y/imageHight;
    
    if (alpha >= 1) { alpha = 1; }
    if (alpha <= 0) { alpha = 0; }
    NSLog(@"%.2f",alpha);
    [self navCleanFromAlpha:alpha];
  }
  
  
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
  return 20;
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ident forIndexPath:indexPath];
  
  // Configure the cell...
  
  cell.textLabel.text = [NSString stringWithFormat:@"asdada = %zd",indexPath.row];
  
  return cell;
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

iOS 仿百度外卖-首页重力感应的实例

这篇文章主要介绍了iOS 仿百度外卖-首页重力感应的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
收藏 0 赞 0 分享

iOS实现时间显示几分钟前,几小时前以及刚刚的方法示例

这篇文章主要介绍了如何利用iOS实现时间显示是在几小时前,几分钟前以及刚刚的格式,类似大家在qq空间和朋友圈微博看到的效果,文中给出了详细的示例代码,有需要的朋友们可以参考借鉴,下面来一起学习学习吧。
收藏 0 赞 0 分享

iOS 条码及二维码扫描(从相册中读取条形码/二维码)及扫码过程中遇到的坑

本文主要给大家介绍ios中从手机相册中读取条形码和二维码的问题及解决办法,需要的朋友参考下
收藏 0 赞 0 分享

IOS Cache设计详细介绍及简单示例

这篇文章主要介绍了IOS Cache设计详细介绍及简单示例的相关资料,Cache的目的是为了追求更高的速度体验,Cache的源头是两种数据读取方式在成本和性能上的差异,需要的朋友可以参考下
收藏 0 赞 0 分享

iOS本地动态生成验证码的方法

这篇文章主要介绍了iOS本地动态生成验证码的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

iOS绘制3D饼图的实现方法

饼图常用于统计学模块。常见的一般为2D饼图,这篇文章主要介绍了iOS绘制3D饼图的实现方法,3D饼图更加立体,用户的好感度也比较高,下面需要的朋友可以参考借鉴,一起来看看吧。
收藏 0 赞 0 分享

谈谈iOS开发之JSON格式数据的生成与解析

JSON格式取代了xml给网络传输带来了很大的便利,本篇文章主要介绍了iOS开发:对象直接转化成JSON详解,具有一定的参考价值,有兴趣的可以了解一下。
收藏 0 赞 0 分享

IOS 身份证校验详细介绍及示例代码

这篇文章主要介绍了IOS 身份证校验详细介绍及示例代码的相关资料,这里对身份校验比较详细,附有简单实例,需要的朋友可以参考下
收藏 0 赞 0 分享

IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView

这篇文章主要介绍了IOS 自定义UICollectionView的头视图或者尾视图UICollectionReusableView的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

IOS 仿支付宝支付屏幕亮度变化机制

这篇文章主要介绍了IOS 仿支付宝支付屏幕亮度变化机制的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多