iOS——UITableVew 头部图片下拉放大

原创 2015年07月09日 14:59:58
#import "MyViewController.h"
CGFloat const imageW=320;
CGFloat const imageH=320;
CGFloat const inseTop=150;
@interface MyViewController ()
@property (nonatomic ,strong)UIImageView *myimageView;

@end

@implementation MyViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
   
    self.tableView.contentInset=UIEdgeInsetsMake(inseTop, 0, 0, 0);

    self.myimageView=[[UIImageView alloc]init];
    self.myimageView.image=[UIImage imageNamed:@"1436262350712853.jpg"];
    self.myimageView.frame=CGRectMake(0, -inseTop, imageW, imageH);
    
    //设置内容模式,也是核心代码
    self.myimageView.contentMode=UIViewContentModeScaleAspectFill;
    [self.tableView insertSubview:self.myimageView atIndex:0];




}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
#pragma mark - 核心代码
-(void)scrollViewDidScroll:(UIScrollView *)scrollView
{
   
    CGFloat dragdelta=-inseTop-scrollView.contentOffset.y;
    if (dragdelta<0)
    {
        dragdelta=0;
    }
    
    CGRect new=self.myimageView.frame;
    new.size.height=inseTop+dragdelta;
    self.myimageView.frame=new;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    
    return 20;
}


-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *ID=@"id";
    
    UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:ID];
    if (cell==nil)
    {
        cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:ID];
    }
    
    NSString *title=[NSString stringWithFormat:@"哈哈:%ld",indexPath.row];
    cell.textLabel.text=title;
    return cell;
}
@end

使用UICollectionView实现一个列表头部拉伸效果(下拉放大)(OC 和 Swift)

先看效果图 突然发现没有做出来之前都觉得蛮难的,做出来之后就觉得So Easy 大家都有这样的感触吧做这个就重写 UICollectionViewFlowLayout的几个方法就可以OC版本 创...
  • yj229201093
  • yj229201093
  • 2016年08月04日 18:51
  • 1746

下拉实现头部图片放大效果,实现类似QQ,新浪个人中心界面

今天要写的这个效果属于刷新类,比较实用,像很多流行的 app 都是用了这种效果,大家熟知的QQ空间、微博个人主页等。 本篇思路其实是完全按照android中已有的思路去实现的这种效果。 1.那么在...
  • eyeone
  • eyeone
  • 2016年09月18日 00:09
  • 808

iOS 类似QQ空间表视图下拉头部视图放大效果实现

UITableView 是 UIScrollView 的子类。 所以 UIScrollView 的代理方法,在UITableView 上同样能够得到适用。 既然如此那么我们就能够知道,在表格下拉的...
  • ljh910329
  • ljh910329
  • 2015年07月10日 09:54
  • 4272

iOS编程——最简单的实现UITableView下拉时顶部图片放大消失的效果

常常见到很多App使用这个效果:tableView顶部为一个图片,向下滑动tableView时图片会放大,向上滑动时图片会不同步的上移消失。比如下面图所示: 实现原理很简单,就是使用下面scr...
  • wc455287693
  • wc455287693
  • 2015年09月11日 16:42
  • 965

UITableView头部ImageView下拉放大效果,导航栏透明渐变

为了方便自己记忆,赖的详细写了,先贴上代码,有空在详细解读。 这里导航栏透明用的是这位大神的http://tech.glowing.com/cn/change-uinavigationbar-back...
  • a416863220
  • a416863220
  • 2016年03月04日 11:15
  • 1691

tableview下拉的时候,头部图片放大效果view下拉的时候,头部图片放大效果

@前些天写了一篇"秘密"的Cell效果文章,但是与在工作中想要的效果还是有差距,而且扩展性很不好,于是重写封装,把整体视图都放到scrollView中,基本是和secret app 一模一样的效果了....
  • haogaoming123
  • haogaoming123
  • 2015年04月20日 00:43
  • 1735

UITableView头部带有图片并且下拉图片放大效果

实现原理很简单,就是在UITableview上边添加一个图片子视图,在tableview拖动的时候动态的改变图片的frame,就可以实现这个效果。 步骤如下: 1. 布置UITableview U...
  • liyunxiangrxm
  • liyunxiangrxm
  • 2016年10月08日 11:23
  • 1675

iOS个人页面图片下拉放大效果

在研究苹果原生UIImageView控件的时候,知道有一个属性叫contentMode.那这个属性是干嘛的呢?和下拉拖动图放大有什么关系呢?我们先来看一下效果图再说:(同时也欢迎大家来我的GitHub...
  • IM_Loser
  • IM_Loser
  • 2016年12月17日 16:34
  • 2822

android 下拉放大头部图片的ScrollView

之前做项目的时候,需要实现类似微博个人主页的ScrollView效果,就是到顶部时继续下拉会放大顶部的图片。然后在网上找了一篇相关的实现,效果非常好,代码也很简洁易懂。(传送门: 自定义scrollV...
  • anyfive
  • anyfive
  • 2016年09月18日 16:02
  • 9180

IOS开发UI篇--使用UICollectionView实现一个列表头部拉伸效果的案例

一、案例演示本案例Demo演示的是列表头部具有拉伸的效果,具有良好的用户体验。 当列表的offsetY小于0的时候,顶部的图片会跟随手势的下拉将头部的宽高进行相应地缩放。如下图所示: 二、知识储备...
  • yixiangboy
  • yixiangboy
  • 2015年11月08日 14:02
  • 3184
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS——UITableVew 头部图片下拉放大
举报原因:
原因补充:

(最多只允许输入30个字)