美文网首页
支付宝首页collectionCell点击闪动效果实现

支付宝首页collectionCell点击闪动效果实现

作者: 锦鲤跃龙 | 来源:发表于2017-03-17 15:35 被阅读0次

    问题描述

    点击cell的时候,让cell里面的透明度降低,松开手指透明度恢复。
    类似支付那样

    实现方法

    重写UIResponder的touchesBegan和touchesEnded

    
    -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    
        [super touchesBegan:touches withEvent:event];
       
        [UIView animateWithDuration:0.5 animations:^{
            self.topViewImg.alpha = 0.7;
            
            self.bottomlable.alpha = 0.7;
        }];
        
      
        
    }
    
    
    -(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    
          [UIView animateWithDuration:0.5 animations:^{
              self.topViewImg.alpha = 1;
        
              self.bottomlable.alpha = 1;
          }];
    
        
         [super touchesEnded:touches withEvent:event];
    }
    
    

    效果图

    效果图

    拓展

    因为touchesBegan和touchesEnded是uiview的父类的方法,所以所有的view都可以实现这种效果。
    估计uibutton点击闪动效果也是这样实现的

    相关文章

      网友评论

          本文标题:支付宝首页collectionCell点击闪动效果实现

          本文链接:https://www.haomeiwen.com/subject/yebenttx.html