[iOS篇] TableView的头部拉伸效果


<strong>相信大家经常可以看到一些应用的背景页面可以拉伸效果,有没有好奇他是怎样实现的,网上有很多方法,大家都可以参考,我封装了一个<code>改变头部视图frame</code>实现的一个拉伸效果</strong>

要实现头部拉伸,我们需要知道被拉伸图片的高度和图片名声,为了封装声明两个方法

/**
 *  头部被拉伸图片控件的高度
 */
@property (nonatomic, assign) CGFloat stretchingImageHeight;

/**
 *  头部被拉伸图片名称
 */
@property (nonatomic, copy) NSString *stretchingImageName;

/** 顶部拉伸的图片 */
@property (nonatomic, weak) UIImageView *topView;

<strong>1.设置图片拉伸的高度</strong>

    //头部被拉伸图片控件的默认高度
    CGFloat CFTopViewH = 200;

- (void)setStretchingImageHeight:(CGFloat)stretchingImageHeight{
    _stretchingImageHeight = stretchingImageHeight;
    CFTopViewH = stretchingImageHeight;
    self.tableView.contentInset = UIEdgeInsetsMake(stretchingImageHeight , 0, 0, 0);
    self.topView.frame = CGRectMake(0, -CFTopViewH, self.tableView.frame.size.width, CFTopViewH);
}

<strong>2.设置拉伸的图片</strong>

//设置拉伸图片
- (void)setStretchingImageName:(NSString *)stretchingImageName{
    _stretchingImageName = stretchingImageName;
    self.topView.image = [UIImage imageNamed:stretchingImageName];
}

<strong>3.在ViewDidLoad里调用就行</strong>

  // 1、设置被拉伸图片view的高度
  self.stretchingImageHeight = 150;
  // 2、设置头部拉伸图片的名称
  self.stretchingImageName = @"strech.jpg";

<strong>其实就这两句话就可以搞定,是不是很简单,快去试试吧~</strong>

self.tableView.contentInset = UIEdgeInsetsMake(stretchingImageHeight , 0, 0, 0); 
self.topView.frame = CGRectMake(0, -CFTopViewH, self.tableView.frame.size.width, CFTopViewH);
self.tableView.frame.size.width, CFTopViewH);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,628评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 二个人的背对背 各自隐藏心事难开口 空气瞬间冻结 只听到叹气与快速跳动的心 导火线却是那不明的说话音调 他,因他她...
    画欣阅读 468评论 0 0
  • 每天都在说服自己,做自己不喜欢做的事各种理由,不想逃避,然而吧,又有好多无奈。哎,大概这就是青春吧
    庞庄阅读 237评论 0 1
  • 及至始皇,奋六世之余烈,振长策而御宇内,吞二周而亡诸侯,履至尊而制六合,执敲扑而鞭笞天下,威振四海。 秦始皇靠着远...
    玉成阅读 311评论 0 0