iOS长按控件

前言

网上看到一个button的长按控件效果不错，一个菱形从中间向两边增大，研究了下

原理

上图红色是控件上面放了视图，从上到下分别是view,normalLable,highlightLabel,button

其中View是顺时针旋转了45度

通过点击控件触发里面的按钮的监听事件 

按下没有松手：增大view的高度，改变两个label的透明度

抬起 :缩小view的高度，改变两个label的透明度

后面设置超出父视图不显示就可以把多余的黑色隐藏了，实现了中心向外面扩散

部分代码：

长按监听

- (void)buttonTouchDownAndDragEnter {
    NSLog(@"长按不松");
    
    [self removeShowViewAndLabelLayer];
    [UIView animateWithDuration:(self.toEndDuration <= 0 ? TIME_END_DURATION : self.toEndDuration)
                     animations:^{
                         [self showShowView];
                     } completion:^(BOOL finished) {
                         if (finished == YES) {
                             self.isEND = YES;
                         }
                     }];
}

部分方法

- (void)showShowView {
    self.showView.bounds = CGRectMake(0, 0, SHOW_VIEW_WIDTH,
                                      (self.animationWidth <= 0? SHOW_VIEW_WIDTH : self.animationWidth));
    self.showView.alpha  = 1;
    
    self.normalLabel.alpha    = 0.f;
    self.highlightLabel.alpha = 1.f;
    
}

//隐藏showView,改变普通和高亮状态

- (void)hiddenShowView {
    self.showView.bounds = CGRectMake(0, 0, SHOW_VIEW_WIDTH, 0);
    self.showView.alpha  = 0;
    
    self.normalLabel.alpha    = 1.f;
    self.highlightLabel.alpha = 0.f;
    
}

//移除之前的动画
- (void)removeShowViewAndLabelLayer {
    self.showView.bounds = ((CALayer *)self.showView.layer.presentationLayer).bounds;
    self.showView.alpha  = ((CALayer *)self.showView.layer.presentationLayer).opacity;
    
    self.normalLabel.alpha    = ((CALayer *)self.normalLabel.layer.presentationLayer).opacity;
    self.highlightLabel.alpha = ((CALayer *)self.highlightLabel.layer.presentationLayer).opacity;
    
    // 移除之前的动画状态
    [self.showView.layer removeAllAnimations];
}

demo链接:http://pan.baidu.com/s/1eRckm4q