• iOS----四方块 动画button实现


             突然想起来上一次面试考官提问的一个问题:怎样创建一个菱形,并让它对应单击事件。能够开合的效果。

    当时第一反应使用button来填充菱形的图片来实现,只是考官说,这样点击的区域不够灵敏,毕竟button是矩形的。当时确实被考官问住了,后来想起来,发现原来如此!

            大家可能见过这个函数:setTransform:没错。我们实现的原理就是将正方形button旋转45度。变成矩形。结合精确的坐标计算,通过UIView动画来实现开合效果。

    是不是非常easy呢~

            假设你不想用button用imageView也能够的,增加手势识别来对应单击事件。贴代码:

        [_myImage setTransform:CGAffineTransformMakeRotation(M_PI_4)];
        [_myImage2 setTransform:CGAffineTransformMakeRotation(M_PI_4)];
        [_myImage3 setTransform:CGAffineTransformMakeRotation(M_PI_4)];
        [_myImage4 setTransform:CGAffineTransformMakeRotation(M_PI_4)];

    以上是将声明的四个image旋转45度。接下来是动画:

        [UIView animateWithDuration:0.7 animations:^{
            //移动图片
            _myImage.center = CGPointMake(_myImage.center.x, _myImage.center.y-length);
            _myImage2.center = CGPointMake(_myImage2.center.x-length, _myImage2.center.y);
            _myImage3.center = CGPointMake(_myImage3.center.x+length, _myImage3.center.y);
            _myImage4.center = CGPointMake(_myImage4.center.x, _myImage4.center.y+length);
            length = -length;
        }]

    移动每一个图片的中心还是比較方便的。这里我实现了四个不同的动画效果,详情请看代码。

    下载地址

    终于效果例如以下:


  • 相关阅读:
    Spring使用@Value注解各种类型的值
    Jdom生成xml文件时的特殊字符问题
    将博客搬至CSDN
    ubuntu/mint添加字体
    linux保持ssh连接
    servlet 重定向与转发区别
    u盘写保护
    修改默认终端
    sudo apt-get update 无法获得锁
    logback多线程日志MDC
  • 原文地址:https://www.cnblogs.com/wzjhoutai/p/6897762.html
Copyright © 2020-2023  润新知