效果图
外界可这样调用
- (UIView *)coverView {
if (_coverView == nil) {
[XYCoverView coverViewWithSuperView:self.contentView block:^(XYCoverView * _Nonnull view) {
_coverView = view;
view.backgroundColor = [UIColor colorWithWhite:1.0 alpha:0.1];
}];
}
return _coverView;
}
以下是对此控件的封装GitHub
.h文件
#import <UIKit/UIKit.h>
NS_ASSUME_NONNULL_BEGIN
@interface XYCoverView : UIView
/**
* @explain 创建一个XYCoverView实例的对象
*
* @param superView 父控件
* @param block 回调实例的对象
*/
+ (void)coverViewWithSuperView:(UIView *)superView block:(void(^)(XYCoverView *view))block;
@end
NS_ASSUME_NONNULL_END
.m文件
#import "XYCoverView.h"
@interface XYCoverView ()
@end
@implementation XYCoverView
+ (void)coverViewWithSuperView:(UIView *)superView block:(void(^)(XYCoverView *view))block {
if (superView) {
XYCoverView *view = [[self alloc] init];
[superView addSubview:view];
view.frame = superView.bounds;
view.backgroundColor = [UIColor orangeColor];
// 给自己添加手势
UIPanGestureRecognizer *panGesture = [[UIPanGestureRecognizer alloc] initWithTarget:view action:@selector(panGestureOnSelf:)];
[view addGestureRecognizer:panGesture];
// 给父控件添加点按手势
UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:view action:@selector(tapGestureOnSuperView:)];
[superView addGestureRecognizer:tapGesture];
UIPanGestureRecognizer *panGesture1 = [[UIPanGestureRecognizer alloc] initWithTarget:view action:@selector(panGestureOnSuperView:)];
[superView addGestureRecognizer:panGesture1];
if (block) {
block(view);
}
}
}
#pragma mark - Event
- (void)tapGestureOnSuperView:(UITapGestureRecognizer *)tap {
[UIView animateWithDuration:0.2 animations:^{
self.frame = self.superview.frame;
}];
}
- (void)panGestureOnSelf:(UIPanGestureRecognizer *)pan
{
// 取出偏移量
CGPoint offset = [pan translationInView:self];
// 计算当前coverView的frame
self.frame = [self frameWithOffsetX:offset.x];
// 复位
[pan setTranslation:CGPointZero inView:self];
// 当向右移动的隐藏rightView
if (self.frame.origin.x > 0) {
// 向右
} else if (self.frame.origin.x < 0) {
CGRect frame = self.frame;
frame.origin.x = 0;
self.frame = frame;
// 向左
}
CGFloat target = 0;
// 当手指松开时,做自动定位
if (pan.state == UIGestureRecognizerStateEnded) {
// 手指离开屏幕
if (self.frame.origin.x> CGRectGetWidth(self.superview.bounds) * 0.3) {
target = CGRectGetWidth(self.frame);
} else if (CGRectGetMaxX(self.frame) < CGRectGetWidth(self.superview.bounds) * 0.3) {
target = -CGRectGetWidth(self.superview.frame);;
}
CGFloat offsetX = target - self.frame.origin.x;
[UIView animateWithDuration:0.2 animations:^{
self.frame = [self frameWithOffsetX:offsetX];
}];
}
}
- (void)panGestureOnSuperView:(UIPanGestureRecognizer *)pan {
// 取出手指在view上的偏移量
CGPoint offset = [pan translationInView:pan.view];
// NSLog(@"%f", offset.x);
// 由于coverView上面也有了pan手势,根据事件传递,coverView在显示时会直接响应pan手势,而不会传递给父控件self.view,除非coverView不可以接受事件,所有当self.view可以响应pan事件时,coverView肯定不在显示着
if (offset.x < 0) {
CGFloat target = 0;
CGFloat offsetX = target - self.frame.origin.x;
[UIView animateWithDuration:0.2 animations:^{
self.frame = [self frameWithOffsetX:offsetX];
}];
}
}
- (CGRect)frameWithOffsetX:(CGFloat)offsetX {
CGRect frame = self.frame;
frame.origin.x += offsetX;
frame.size.height = self.superview.bounds.size.height;
return frame;
}
@end