iOS Scrollview 的头部view的拉伸伸缩效果
来源:互联网 发布:淘宝网上代购可信吗 编辑:程序博客网 时间:2024/06/06 01:47
iOS Scrollview 的头部view的拉伸伸缩效
1、 先说拉伸放大的实现原理
scrollview的属性介绍:
contentSize是scrollview可以滚动的区域,比如frame = (0 ,0 ,320 ,480) contentSize = (320 ,960),代表你的scrollview可以上下滚动,滚动区域为frame大小的两倍。contentOffset是scrollview当前显示区域顶点相对于frame顶点的偏移量,比如上个例子你拉到最下面,contentoffset就是(0 ,480),也就是y偏移了480contentInset是scrollview的contentview的顶点相对于scrollview的位置,例如你的contentInset = (0 ,100),那么你的contentview就是从scrollview的(0 ,100)开始显示.
首相自定义一个adjustView, 把adjustView添加到scrollview, 要减弱adjustView 和scrollview 的正常内容的影响, 那么adjustView的Y值就不可能从0开始, 只能从-h(h建设为view1的高度)。
- (void)reSizeView{ //重置adjustView位置 [adjustView setFrame:CGRectMake(0, -1*h, CGRectGetWidth(adjustView.frame), h)]; }
但这样运行会造成如下情况:
开始运行的时候看不到adjustView,向下拉的时候才会出现,这时候就需要设置一下, scrollview的contentInset属性就好了(属性介绍看上面)。
_scrollView.contentInset = UIEdgeInsetsMake(h, 0, 0, 0);
这样运行起来,就可以看到scrollview上面的自定义adjustView;但是向下拉时,怎么让图片变大呢?
其实实现拉伸放大效果的最关键点是:UIImageView的contentMode属性(UIViewContentModeScaleAspectFill),正式因为这个属性,调整adjustView的大小的话,就可以改变图片的大小
img.contentMode= UIViewContentModeScaleAspectFill; img.clipsToBounds = YES;
所以可以通过监听scrollview 的滚动事件, 来改变adjustView的frame
scrollview的代理方法:
- (void)scrollViewDidScroll:(UIScrollView*)scrollView{ CGFloat offsetY = scrollView.contentOffset.y; if(offsetY < h * -1) { CGRect currentFrame = _expandView.frame; currentFrame.origin.y = offsetY; currentFrame.size.height = -1*offsetY; img.frame = currentFrame;} }
说明:img可是是上文说的adjustView,或者是adjustView的子控件。
当然,如果你的自定义控件里面还要放label、button之类的话如下:
autoresizingMask属性,自动调整子控件和父控件的位置、大小。 通过控制这个属性可以达到你要的效果。这个属性的语义:
http://www.cnblogs.com/jiangyazhou/archive/2012/06/26/2563041.html
2、 改变导航栏文字的颜色
如下:改变title的文字颜色和返回按钮的颜色 , 要自己计算在代理里面的调用时机。
// [self.navigationController.navigationBar lt_setBackgroundColor: [color colorWithAlphaComponent:alpha]]; [self.navigationController.navigationBar setTitleTextAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[UIColor blackColor], NSForegroundColorAttributeName, [UIFont systemFontOfSize:17], NSFontAttributeName, nil]];self.navigationController.navigationBar.tintColor = [UIColor blackColor];
- iOS Scrollview 的头部view的拉伸伸缩效果
- iOS 伸缩的头部tableView
- 实现 iOS 头部拉伸效果
- IOS开发UI篇--使用UICollectionView实现一个列表头部拉伸效果的案例
- 自定义View之头部可伸缩的ListView
- Android 自定义ScrollView实现拉下伸缩头部view
- QQ空间头部图片可拉伸的ListView效果
- iOS tableView 的headerView 可拉伸效果
- tableview下拉的时候,头部图片放大效果view下拉的时候,头部图片放大效果
- Scrollview上的图片拉伸
- android ScrollView 滑到头部或尾部可伸缩放大效果
- 头部图片可伸缩的TableView
- 可拉伸的tabview头部视图
- iOS view的抗拉伸和抗压缩属性
- iOS TableViewCell 的伸缩
- IOS-UIButton和UIImageView中Image拉伸效果的实现
- iOS中气泡对话框拉伸效果视图的实现
- iOS UIContentViewMode各种效果 可解决相册照片的拉伸
- UVA10129 单词 解题报告
- 简单的说一下 软件的 内聚性 和 耦合性
- 矩阵链乘
- Android之listview优化+分类显示
- Java Web学习(1):Web应用程序与Web服务器
- iOS Scrollview 的头部view的拉伸伸缩效果
- 五分钟学会之contentprovider
- 函数指针及其运用
- freopen ()函数
- R语言的plyr包简介
- 1042. Shuffling Machine (20)
- 解析HTML中的float和margin的疑惑
- cpu caffe cifar10 ubuntu 14.04 python
- 生成器模式(Builder)