由“点击头像放大”想开去

由“点击头像放大”想开去

在使用微信查看联系人头像的时候,可以点击头像使之放大、进而填充整个window,可以对大图 进行双击、缩放、平移等操作,总的来说这个过程的编码也不复杂,但是涉及到UIWindow、手势 识别方面的知识,有必要总结一下。

UIWindow

UIWindow是一种特殊的UIView,我们一般在程序中这样来指定App的UIWindow:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    UITabBarController * tabBarController = [[UITabBarController alloc] init];
    self.window.rootViewController = tabBarController;

    [self.window makeKeyAndVisible];
    return YES;
}

一个App中通常只有一个UIWindow,作为所有视图的容器。在编码的过程中这样来获得App的keyWindow:

UIWindow *window = [UIApplication sharedApplication].keyWindow;

当然,我们也可以手动创建多个UIWindow,多个Window的显示顺序是根据UIWindowLevel进行排序的, IOS默认定义了三个等级:

const UIWindowLevel UIWindowLevelNormal;    //0.0
const UIWindowLevel UIWindowLevelAlert;     //2000.0
const UIWindowLevel UIWindowLevelStatusBar; //1000.0

值得注意的是:UIWindow是严格按照Level来显示的,与keyWindow的设置顺序无关,在使用的 过程中常用的场景是需要全屏幕覆盖一个蒙层。

事件处理

任何一款移动设备都会有事件处理,允许操作系统能够对用户的操作进行响应,IOS中的用户事件 分为三种:

1. 触摸事件:通过触摸、手势进行触发
2. 运动事件:通过加速器进行触发,例如手机晃动
3. 远程控制事件:远程设备触发,例如耳机控制按钮

IOS中只有继承UIResponder类的对象才能处理事件,比如我们常用的UIView、UIViewController、 UIApplication。UIResponder中包含了对三种事件的处理方法,如果我们需要实现哪种事件的响应 逻辑,我们就需要覆盖这些方法:

触摸事件     
- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event;   一根或多根手指开始触摸屏幕时执行;
- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event;   一根或多根手指在屏幕上移动时执行,注意此方法在移动过程中会重复调用;
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event;   一根或多根手指触摸结束离开屏幕时执行;
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event;   触摸意外取消时执行(例如正在触摸时打入电话);
运动事件     
- (void)motionBegan:(UIEventSubtype)motion withEvent:(UIEvent *)event NS_AVAILABLE_IOS(3_0);    运动开始时执行;
- (void)motionEnded:(UIEventSubtype)motion withEvent:(UIEvent *)event NS_AVAILABLE_IOS(3_0);    运动结束后执行;
- (void)motionCancelled:(UIEventSubtype)motion withEvent:(UIEvent *)event NS_AVAILABLE_IOS(3_0);    运动被意外取消时执行;
远程控制事件   
- (void)remoteControlReceivedWithEvent:(UIEvent *)event NS_AVAILABLE_IOS(4_0);  接收到远程控制消息时执行;

手势处理

通过覆盖UIResponder的方法,我们可以处理触摸事件,然而我们在使用iphone的时候,每一个手势 都是一系列触摸事件的集合,所以苹果引入了手势识别,并封装成具体的类,这样开发者就不 需要编写识别算法了。

UITapGestureRecognizer       点按手势
UIPinchGestureRecognizer     捏合手势
UIPanGestureRecognizer       拖动手势
UISwipeGestureRecognizer     轻扫手势,支持四个方向的轻扫,但是不同的方向要分别定义轻扫手势
UIRotationGestureRecognizer  旋转手势
UILongPressGestureRecognizer 长按手势

手势处理是对触摸事件的集合,其中会有很多中间状态,比如说识别开始、识别中、识别失败或者 识别成功等等,所以其实现其实是一个有限状态自动机,常用的状态有:

UIGestureRecognizerStateBegan       //开始
UIGestureRecognizerStateChanged     //状态变化
UIGestureRecognizerStateEnded       //识别结束=识别成功

每一次状态的变更都会导致手势的响应selector被调用,所以我们一般在selector中对这几种 状态做区分处理。

坐标转换

在做动画的时候,可能会需要转换坐标系,比如,在cell中的button,我们要知道其在整个tableView 中的坐标值,或者是其在屏幕中的位置,我们就需要坐标转换,UIView提供了坐标转换的API, 不过我们得小心使用:

// 将像素point由point所在视图转换到目标视图view中,返回在目标视图view中的像素值
- (CGPoint)convertPoint:(CGPoint)point toView:(UIView *)view;
// 将像素point从view中转换到当前视图中,返回在当前视图中的像素值
- (CGPoint)convertPoint:(CGPoint)point fromView:(UIView *)view;

// 将rect由rect所在视图转换到目标视图view中,返回在目标视图view中的rect
- (CGRect)convertRect:(CGRect)rect toView:(UIView *)view;
// 将rect从view中转换到当前视图中,返回在当前视图中的rect
- (CGRect)convertRect:(CGRect)rect fromView:(UIView *)view;

上述实际上是坐标系的转换,toView是将当前坐标系中的矩形域转化为view坐标系中的矩形域, 而fromView则相反,将view坐标系中的矩形框转化为当前坐标系中的矩形框。



Previous     Next
zhing /
Published under (CC) BY-NC-SA in categories ios  tagged with ios