day16
回顾:
贴图和美化
1. 程序中的图片
根据设备的不同准备不同大小的图片1X 2X 3X 的多套图片 加到图片的资源库中,系统会自动加载。
第一类:Applicon和LaunchScreen图片,根据系统的提示,加载到指定大小的图片
第二类:应用程序中的图片利用9切片的技术调整大小(不写代码)
2. 针对程序中的美化
2.1 控件的美化
2.2 颜色风格的美化(tintColor UIAppearance )
3. UINavigationBar美化
3.1 左 中 右 三部分的美化
3.2 背景色(barTintColor)
3.3 背景图(竖屏:图片的高度:64点 横屏:52点)
3.4 导航的隐藏
3.5 状态栏的风格设置和状态栏的隐藏
4. UITableViewCell
实现步骤:
a.修改TableView的分割线None
b.修改TableView的背景色为clearColor
c.cell.backgroundView=[[UIImageView alloc]initVithImage:[UIIamageimageName:@"list"]];
今天:
1. 手势:
1.1 什么是手势
用户在View上的一些触屏的操作,诸如 滑动 捏合
1.2 手势的分类
1. 一次性的手势
触屏的动作以后,方法只会响应一次如:点击 解锁
2. 连续性点击
触屏动作发生以后,方法会连连续响应多次如长按 捏合 移动 旋转
1.3 手势的本质
本质是一个对象,用户针对视图发生了一定的动作之后,系统会检测到检测到该动作,并根据具体的动作创建不同种类的手势对象,该对象只会存储于动作有关的一些数据,如触屏动作的坐标,活动的快慢移动的距离
如果发生的是一次性手势动作,那么就调用一次方法如果发生的是连续性手势动作,那么就多次调用响应方法。
1.4 如何使用手势
step1:创建手势对象
step2:设置与该手势相关的属性
step3:将手势对象与需要检测的视图关联在一起
1.5 具体的手势类
所有的手势的父类:UIGestureRecognizer
六种手势:
UITapGestureRecognizer点击一下屏幕
UIPinchGestureRecongnizer捏合屏幕
UISwipeGestureRecongnizer轻扫屏幕
UIPanGestureRecongnizer移动手势
UILongPressGestureRecongnizer长按手势
UIRotationGestureRecongnizer旋转手势
2. 具体的使用
2.1UITapGestureRecognizer (一次性手势)
常用属性:
.numberOfTapsRequired设置点击数
.numberOfTouchesRequired设置触点数
CGPointlocation=[gr locationInView:self.view];获取点击动作时,触点的绝对坐标
2.2UISwipeGestureRecognizer(一次性手势)
常用属性:
.numberOfTouchesRequired触点的个数
.direction轻扫的方向
注意:direction属性为枚举值,并且是可以进行组合的枚举值,多个枚举值之间使用 “|”按位“或”进行运算。
补充:1<<? 表达式的含义是:对于二进制的数字1进行向左移位,符号右侧是几,就向左移动几位。
如果想实现上下左右滑动 那么 就要使用两个UISwipeGestureRecongizer
2.3 UILongPressGestureRecognizer(连续性手势)
常用属性:
//设置最少按下的持续时间
longGR.minimumPressDuration = 1;
2.4 UIPinchGestureRecognizer(连续性手势,捏合)
CGFloatscale = gr.scale; //手势的变化比率,向外扩展时,为大于1的数,向内捏合时,为小与1的数
CGFloatvelocity = gr.velocity;//手势的变化速率,向外扩展时,为正数,向内捏合时,为负数
以上两个属性不是用来设置的,而是在手势发生时用来读取的。
练习:
界面上 有一个UITextView,看小说,增加手势识别,如果快速扩,小说出现,快速捏,小说隐藏,速度不快时,代表放大或缩小小说的文字大
text.View.editable=NO;隐藏交互
textView.hidden=NO;设置隐藏
2.5UIRotationGestureRecognizer (连续性手势,旋转)
常用属性:
CGFloatrotation = gr.rotation;
代表手势旋转的弧度。顺时针旋转时,为正数,逆时针旋转时为负数
2.6UIPanGestureRecognizer(连续性手势,拖动)
常用属性:
//获取移动到的位置在视图坐标系中的绝对位置
CGPointlocation = [gr locationInView:self.view];
//获取移动到的新位置相对于移动动作起始点的坐标的横纵向的偏移
CGPointtranslation = [gr translationInView:self.view];
3.变形(Transform)
3.1 什么是变形
视图发生了位移,缩放。旋转这样的变化
3.2 如何实现变形
可以通过修改视图对象的.transform属相完成变化的效果
位移:translation
缩放:scale
旋转:rotation
3.3 transform属性
类型:CGAffineTransForm类型的结构体
结构体中包含了6个可变的值和3个定值组成的3*3的矩阵,修改了6个数中的某一个或者某几个就可以实现变形,实际上着6个数很难计算,借助于一些系统的API实现数值的改变
3.4 修改transform属性的API
修改位移:CGAffineTransformMakeTranslation();
CGAffineTransformTranslate();
缩放变换:CGAffineTransformMakeScale()
CGAffineTransformTranslate();
旋转: CGAffineTransformMakeRotation()
CGAffineTransformRotate()
重点注意:变形与自动布局是冲突的,所以在使用变形时一定要先关闭AutoLayout,不关闭的,产生的效果无法预计
界面创建后,没有做任何变形之前系统会将每一个试图的当前transform记录倒一个常量中CGAffineTransformIndentity当使用MakeXX()方法进行反射变换,计算新的矩阵,都是基于这个常量进行变形计算的。当使用没用Make的那组方法时,每次计算新的矩阵都是以传入的transform的值作为基准
3.5TransForm属性的初始化常量
CGAffineTransfomIdentity
4.手势+变形
4.1UIPanGestureRecongnizer+实现位移:
a.创建UIPanGestureRecongnizer的实例
UIPanGestureRecognizer*PanGR=[[UIPanGestureRecognizer alloc]initWithTarget:selfaction:@selector(pan:)];
b.添加到视图当中
[self.viewaddGestureRecognizer:PanGR];
c.在pan方法中得到偏移量
CGPointtranslation=[GR translationInView:self.View];
d.设置imageView的移动中点
GPointcenter = CGPointMake(self.imageView.center.x+translation.x,self.imageView.center.y+translation.y);
self.imageView.center = center;
e.设置该次偏移的偏移量为zero
[GRsetTranslation:CGPointZero inView:self.View];
4.2 使用pinch手势实现缩放变形
a.创建实例
UIPinchGestureRecognizer*pinGR=[[UIPinchGestureRecognizer alloc]initWithTarget:selfaction:@selector(pin:)];
[self.viewaddGestureRecognizer:pinGR];
b.在方法中实现 self.imageView.transform=CGAffineTransformScale(self.imageView.transform,GR.scale,GR.scale);
设置缩放起点
GR.scale=1;//不设置缩放量 和缩放手势不一致
4.3 使用Rotation手势实现旋转变形
a.创建Rotation实例
b.在方法中实现
self.imageView.transForm=CGAffineTransFprmRotate(self.imageView.transForm,GR.rotation)
GR.rotation=0;不设置时旋转后和旋转量不一致
4.4 多手势共存的问题:
解决步骤:
a.设置各个手势的代理
b.实现一个方法
-(BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizershouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer*)otherGestureRecognizer{
return YES;
}
【综合练习】
图片查看器:
1》使用代码向View中添加一个UIImageView对象,UIImageView的大小和图片大小一致,找一张大图
2》使用center属性将Imageview移到到屏幕的中央
3》使用transform属性将imageview缩放倒屏幕刚好能显示的下正常图片的内容,且保存宽高比
4》对imageView增加rotation手势,支持图片的旋转
5》对imageView增加pinch手势,支持图片的缩放
6》对mageView增加pan手势,支持图片的移动
7》对imageView增加tap手势,床架回到第3步
注意:手势不要添加到self.view添加到图片上,记得打开imageView的用户交互(.userInteractionEnable=YES)