UI视图相关

1.事件传递及相应

(1)UIView及CALayer
截图1.png

UIView为其提供内容,以及负责触摸等事件,参与视图事件相应链。
CALayer负责显示内容contents

(2)事件传递及视图相应链
截图2.png
a.事件传递
 - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event;
 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event;

事件传递的流程

截图3.png

hitTest:withEvent:系统实现
截图4.png

代码实战
方形按钮指定区域接受事件相应
截图5.png

#import <UIKit/UIKit.h>

@interface CustomButton : UIButton

@end
#import "CustomButton.h"

@implementation CustomButton

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{
    if (!self.userInteractionEnabled || [self isHidden] || self.alpha <= 0.01) {
        return nil;
    }
    if ([self pointInside:point withEvent:event]) {
        //遍历当前对象的子视图
        __block UIView *hit = nil;
        [self.subviews enumerateObjectsUsingBlock:^(__kindof UIView * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            CGPoint vonvertPoint = [self convertPoint:point toView:obj];
            //调用子视图的hittest方法
            hit = [obj hitTest:vonvertPoint withEvent:event];
            //如果找到了接受事件的对象,则停止遍历
            if (hit) {
                *stop = YES;
            }
        }];
        if (hit) {
            return hit;
        }else{
            return self;
        }
    }else{
        return nil;
    }
}
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
    CGFloat x1 = point.x;
    CGFloat y1 = point.y;
  
    CGFloat x2 = self.frame.size.width/2;
    CGFloat y2 = self.frame.size.height/2;
    
    double dis = sqrt((x1-x2) * (x1-x2) + (y1-y2) * (y1-y2));
    
    //以当前控件中心为圆心半径为当前控件宽度的圆内
    if (dis <= self.frame.size.width/2) {
        return YES;
    }else{
       return NO;
    }
}
@end
b.事件相应

截图6.png

视图相应事件

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;
截图7.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • UI视图相关 UITableView 事件传递&视图响应 图像显示原理 卡顿&掉帧 绘制原理&异步绘制 离屏渲染 ...
    Sendom阅读 2,607评论 0 0
  • 1 CALayer IOS SDK详解之CALayer(一) http://doc.okbase.net/Hell...
    Kevin_Junbaozi阅读 10,579评论 3 23
  • Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的,但实际上它是从一个叫做Laye...
    小猫仔阅读 9,212评论 1 4
  • 7、不使用IB是,下面这样做有什么问题? 6、请说说Layer和View的关系,以及你是如何使用它们的。 1.首先...
    AlanGe阅读 4,114评论 0 1
  • 似水年华优秀原创文学作品第346期 《木棉——仅以此篇献给东方棉君》 /东方一昊 你用一树殷红 惊艳...
    江南一彪阅读 3,514评论 1 5