swift 下拉放大tableView顶部图片 或 放大顶部地图
2016-10-24 15:14
591 查看
step 1 定义图片或地图的高度,创建图片或地图视图
//地图高度let mapHeight:CGFloat = 200 + STATUS_HEIGHT
let frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) tableView = UITableView(frame:frame,style:.Grouped ) tableView.backgroundView = UIImageView(image: UIImage(named: "bgImage")) tableView.separatorStyle = .None tableView.delegate = self tableView.dataSource = self self.view.addSubview(tableView) //地图 mapView = MKMapView(frame:CGRectMake(0, -mapHeight, SCREEN_WIDTH, mapHeight)) mapView!.mapType = MKMapType.Standard mapView!.contentMode = .ScaleAspectFill mapView!.clipsToBounds = true tableView.addSubview(self.mapView!) tableView.contentInset = UIEdgeInsetsMake(mapHeight-STATUS_HEIGHT, 0, 0, 0)
说明:其中 STATUS_HEIGHT 是状态栏高度
let STATUS_HEIGHT :CGFloat = UIApplication.sharedApplication().statusBarFrame.height
scrollViewDidScroll
step 2 在scrollView 代理方法 scrollViewDidScroll 中处理下拉发生的变化
方法1,适用于地图和图片//地图下拉放大
func scrollViewDidScroll(scrollView: UIScrollView) {
let offsetY = scrollView.contentOffset.y
let radius = -offsetY/mapHeight
if(-offsetY > mapHeight){
mapView.transform = CGAffineTransformScale(CGAffineTransformIdentity, radius, radius)
var frame = mapView.frame
frame.origin.y = offsetY
mapView.frame = frame
}
}
方法2,仅适用于图片
换成图片场景,在方法1的基础上
去掉这一句
mapView.transform = CGAffineTransformScale(CGAffineTransformIdentity, radius, radius)
加上这一句
frame.size.height = -offsetY
相关文章推荐
- TableView头部图片下拉图片放大
- iOS tableView下拉顶部视图放大 自动滚动 无限滚动 自动布局 在code4App和github上早就上传了代码,这边记录下
- iOS下拉tableView实现上面的图片放大效果
- 猫猫学iOS之tableView的下拉放大图片的方法
- tableview 下拉图片放大
- 类似于手机qq空间的下拉tableView上面的图片放大的功能的实现
- iOS编程——最简单的实现UITableView下拉时顶部图片放大消失的效果
- tableView下拉图片放大
- iOS开发-UITableView顶部图片下拉放大
- android ScrollView顶部使用Viewpager的轮播图,下拉图片能放大效果
- iOS开发-UITableView顶部图片下拉放大
- iOS tableView实现下拉图片放大效果
- iOS tableView顶部图片下拉缩放效果实现
- AJ学IOS 之tableView的下拉放大图片的方法
- tableview顶部视图下拉放大
- iOS ScrollView 下拉放大图片,上滑覆盖图片实现方法(Swift 3.0)
- EasySwift/YXJPullScale UITableView,UICollectionView,UIScrollerView的顶部放大控件,不仅支持图片,也支持任意视图
- 下拉 放大tableview上方 图片
- tableView图片下拉放大
- 下拉tableView上面的图片放大