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


<strong>相信大家經(jīng)常可以看到一些應(yīng)用的背景頁面可以拉伸效果,有沒有好奇他是怎樣實現(xiàn)的,網(wǎng)上有很多方法,大家都可以參考,我封裝了一個<code>改變頭部視圖frame</code>實現(xiàn)的一個拉伸效果</strong>

要實現(xiàn)頭部拉伸,我們需要知道被拉伸圖片的高度和圖片名聲,為了封裝聲明兩個方法

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

/**
 *  頭部被拉伸圖片名稱
 */
@property (nonatomic, copy) NSString *stretchingImageName;

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

<strong>1.設(shè)置圖片拉伸的高度</strong>

    //頭部被拉伸圖片控件的默認(rèn)高度
    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.設(shè)置拉伸的圖片</strong>

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

<strong>3.在ViewDidLoad里調(diào)用就行</strong>

  // 1、設(shè)置被拉伸圖片view的高度
  self.stretchingImageHeight = 150;
  // 2、設(shè)置頭部拉伸圖片的名稱
  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);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,765評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,045評論 4 61
  • 二個人的背對背 各自隱藏心事難開口 空氣瞬間凍結(jié) 只聽到嘆氣與快速跳動的心 導(dǎo)火線卻是那不明的說話音調(diào) 他,因他她...
    畫欣閱讀 496評論 0 0
  • 每天都在說服自己,做自己不喜歡做的事各種理由,不想逃避,然而吧,又有好多無奈。哎,大概這就是青春吧
    龐莊閱讀 243評論 0 1
  • 及至始皇,奮六世之余烈,振長策而御宇內(nèi),吞二周而亡諸侯,履至尊而制六合,執(zhí)敲撲而鞭笞天下,威振四海。 秦始皇靠著遠(yuǎn)...
    玉成閱讀 352評論 0 0

友情鏈接更多精彩內(nèi)容