第六十七篇、OC_UITableView head下拉图片放大的效果
生活随笔
收集整理的這篇文章主要介紹了
第六十七篇、OC_UITableView head下拉图片放大的效果
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
(一) 布置UITableview
我們首先要通過(guò)設(shè)置UITableview的內(nèi)容偏移?self.tableView.contentInset
來(lái)為圖片視圖留出位置,這里我們的圖片高度暫定為280
const CGFloat contentInset = 280;@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>@property (nonatomic, strong) UITableView *tableView;@property (nonatomic, strong) UIImageView *imageView;@end?
簡(jiǎn)單地創(chuàng)建一個(gè)tableView
self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds];_tableView.delegate = self;_tableView.dataSource = self;[self.view addSubview:_tableView];self.tableView.contentInset = UIEdgeInsetsMake(contentInset , 0, 0, 0);?
(二) 布置圖片
self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, - contentInset, self.view.bounds.size.width, contentInset)];_imageView.image = [UIImage imageNamed:@"image01.jpg"];[self.tableView addSubview:_imageView];_imageView.contentMode = UIViewContentModeScaleAspectFill;_imageView.clipsToBounds = YES;?
(三) 拖動(dòng)事件的處理
我們都知道,UITableview屬于可以滑動(dòng)的控件,所以它的父類(lèi)是UIScrollView,所以我們就可以在滑動(dòng)事件中做出一些處理。
在滑動(dòng)的時(shí)候,一旦判定是下拉狀態(tài),那么我們就要?jiǎng)討B(tài)的改變圖片的縱向位置和圖片的高度(由于設(shè)置了contentMode,所以寬度自己會(huì)變化),最終實(shí)現(xiàn)所需要的效果。
代碼如下
由于contentInset預(yù)設(shè)置的大小不同,可能會(huì)出現(xiàn)圖片先下拉再放大和立即放大的兩種效果.
轉(zhuǎn)載于:https://www.cnblogs.com/HJQ2016/p/6005932.html
總結(jié)
以上是生活随笔為你收集整理的第六十七篇、OC_UITableView head下拉图片放大的效果的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Oracle自定义数据类型 1
- 下一篇: Demon_接金币(三个掉落物品预设体,