仿微信懸浮窗,可直接協議加入懸浮窗或者直接調用方法注冊,可自定義轉場動畫
演示
myFloat.gif
用法1 在Appdelegate中注冊 傳入對應控制器的className
//只帶控制器的className
[[WMZFloatManage shareInstance] registerControllers:@[@"ViewController"]];
//帶其他配置(標題和圖片)
[[WMZFloatManage shareInstance] registerControllers:@[@{@"controllerName":@"ViewController",@"icon":@"float_circle_full"}]];
用法2 實現協議 WMZFloatViewProtocol 即可
//可選實現協議的方法 傳入標題和圖片
- (NSDictionary *)floatViewConfig{
return @{@"name":@"實際顯示在懸浮窗的標題",@"icon":@"float_image"};
}
用法3 改變轉場動畫 傳入繼承UIViewControllerAnimatedTransitioning協議的類即可
//自定義push動畫
@property(nonatomic,strong)NSObject<UIViewControllerAnimatedTransitioning> *pushAnimal;
//自定義pop動畫
@property(nonatomic,strong)NSObject<UIViewControllerAnimatedTransitioning> *popAnimal;
依賴
無任何依賴
講解
來說下我的實現思路
1 浮動框
1 實現一個懸浮窗的單例管理器,繼承UINavigationControllerDelegate,UIGestureRecognizerDelegate
2 監聽側滑手勢是否開始
//監聽側滑手勢開始
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{
if ([gestureRecognizer isKindOfClass:[UIScreenEdgePanGestureRecognizer class]]&&self.nowVC.navigationController.viewControllers.count>1) {
//判斷是否實現了協議 加入可懸浮
BOOL isConform = [self.nowVC conformsToProtocol:@protocol(WMZFloatViewProtocol)];
NSString *tmpName = NSStringFromClass([self.nowVC class]);
if (isConform) {
if ([self.reginerVCName indexOfObject:tmpName] == NSNotFound) {
NSMutableDictionary *mdic = [NSMutableDictionary new];
[mdic setObject:tmpName forKey:@"controllerName"];
//實現了配置的協議 加入配置
if ([self.nowVC respondsToSelector:@selector(floatViewConfig)]) {
NSDictionary *dic = [self.nowVC performSelector:@selector(floatViewConfig)];
[dic enumerateKeysAndObjectsUsingBlock:^(id _Nonnull key, id _Nonnull obj, BOOL * _Nonnull stop) {
[mdic setObject:obj forKey:key];
}];
}
[self.reginerVCName addObject:tmpName];
[self.reginerVCConfig setObject:mdic forKey:tmpName];
}
}
//達到可懸浮的條件
if ([self.reginerVCName indexOfObject:tmpName] != NSNotFound && [self.cacheKey indexOfObject:[self getKey:self.nowVC]] == NSNotFound){
self.edge = (UIScreenEdgePanGestureRecognizer *) gestureRecognizer;
[self.link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
[faloatWindow addSubview:self.floatView];
self.normalRect = self.floatView.frame;
CGRect rect = self.floatView.frame;
rect.origin.x = FloatWidth;
rect.origin.y = FloatHeight;
self.floatView.frame = rect;
self.floatView.full = (self.cacheKey.count>=5);
}
}
return YES;
}
3 監聽側滑觸碰點是否碰到懸浮窗
//圓心到點的距離>?半徑
+ (BOOL)point:(CGPoint)point inCircleRect:(CGRect)rect {
CGFloat radius = rect.size.height;
CGPoint center = CGPointMake(rect.origin.x + radius, rect.origin.y + radius);
double dx = fabs(point.x - center.x);
double dy = fabs(point.y - center.y);
double dis = hypot(dx, dy);
return dis <= radius;
}
2 懸浮窗圖案 1~5
NSDictionary *dic = @{
@(1):@[
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize*0.15, panSize*0.15, width, height)],
@"cornerRadius":@(height/2)
}
],
@(2):@[
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize*scale-panSize/6, panSize*scale , width, height)],
@"pathAngle":@(M_PI_4)
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize*scale-panSize/6+panSize*scale-4, panSize*scale , width, height)],
@"cornerRadius":@(height/2)
}
],
@(3):@[
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale/2, panSize*scale, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI_2+M_PI_4)
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize*scale,panSize*scale + height -4, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI*2),
@"fromValue":@(M_PI)
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize*scale +width -2, panSize*scale + height -4, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(-M_PI_2-M_PI_4)
},
],
@(4):@[
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale/2, panSize*scale , width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI_2+M_PI_4)
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale,panSize*scale + height-5, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI_4),
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale + width +2, panSize*scale + height-7, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(-M_PI_2-M_PI_4)
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale/2+2, panSize*scale + height*2 -7-5, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(-M_PI_4)
},
],
@(5):@[
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale/2, panSize*scale, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI_2+M_PI_4),
@"controlPoint":[NSValue valueWithCGPoint:CGPointMake(width/3, height/3)]
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale/2-panSize*scale/2,panSize*scale + height -5, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(M_PI_4+M_PI_4/2),
@"controlPoint":[NSValue valueWithCGPoint:CGPointMake(width/3, height/3)]
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2 +3 ,panSize*scale + height -5 -2, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(-M_PI_2-M_PI_4),
@"controlPoint":[NSValue valueWithCGPoint:CGPointMake(width/3, height/3)]
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale+3, panSize*scale + height*2 -5 -2 -1, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(2*M_PI),
@"fromValue":@(M_PI),
@"controlPoint":[NSValue valueWithCGPoint:CGPointMake(width/3, height/3)]
},
@{
@"frame":[NSValue valueWithCGRect:CGRectMake(panSize/2-panSize*scale+3 + width -2, panSize*scale + height*2 -5 -2 -1-1, width, height)],
@"pathAngle":@(M_PI_4),
@"toValue":@(-M_PI_2/3-M_PI_4),
@"controlPoint":[NSValue valueWithCGPoint:CGPointMake(width/3, height/3)]
},
],
};
NSArray *config = dic[@(data.count)];
//創建圖片
NSMutableArray *imageArr = [NSMutableArray new];
for (NSString *key in data) {
UIImageView *image = [UIImageView new];
NSDictionary *detailDic = [cache objectForKey:key];
if (detailDic[@"icon"]) {
image.image = [UIImage imageNamed:detailDic[@"icon"]];
}else{
image.backgroundColor = FloatShowColor;
}
image.layer.masksToBounds = YES;
[imageArr addObject:image];
[self addSubview:image];
[self bringSubviewToFront:image];
}
CFTimeInterval time = ((data.count == normalCount)?0.01:1);
//圖片繪制圖案和動畫
for (int i = 0; i<imageArr.count; i++) {
UIImageView *image = imageArr[i];
NSDictionary *frameDic = config[i];
image.frame = [frameDic[@"frame"] CGRectValue];
if (frameDic[@"cornerRadius"]) {
image.layer.cornerRadius = [frameDic[@"cornerRadius"] floatValue];
}
if (frameDic[@"pathAngle"]) {
CGPoint point = [frameDic[@"controlPoint"] CGPointValue];
CAShapeLayer *layer = [CAShapeLayer layer];
layer.path = [self getPathWithRadius:image.frame.size.height/2 center:CGPointMake(image.frame.size.width/2, image.frame.size.height/2) angle:[frameDic[@"pathAngle"] doubleValue] controlPoint:point].CGPath;
layer.frame = image.bounds;
if (frameDic[@"toValue"]) {
double toValue = [frameDic[@"toValue"] doubleValue];
double fromValue = [frameDic[@"fromValue"] doubleValue];
[layer addAnimation:[self getAnimationWithValue:toValue fromValue:fromValue duration:time] forKey:nil];
}
image.layer.mask = layer;
}
}
Github地址(WMZFloatView)
有什么問題歡迎給我提issue,歡迎star
