iOS使用动画连贯过渡界面转换

本博向大家演示如何通过添加动画,为原有界面元素变换增加连贯的过渡效果.为UI代码一丝动态与活力感.

缘起

第三方的一个图片裁剪器,拿过来做了几点修改:

  • 将其封装到动态库中,方便集成
  • 扩充了一些功能,比如等待菊花和是否允许进行裁剪等
  • 用封装好的动态库创建了一个ImageCropRow类,这样就可以在Eureka中方便的使用了

大致就是如此,细节不必深究,现在的效果是这个样子的:

在这里插入图片描述

总体符合本猫的要求,不过感觉好像少了点神马…

在这里插入图片描述

貌似感觉选择不同裁剪比例时,裁剪区域改变有点唐突,有点僵硬…

我们接下来的工作就是试图改变这种情况,使裁剪区域改变的更顺畅一些.

救兵甲:View动画

我们首先来完成白色裁剪框外观改变的动画,因为裁剪框是用若干View拼凑而成的,所以我们可以直接用视图动画来做改变的效果.

找到裁剪比例选择按钮的回调,里面有一句:

_tkImageView.cropAspectRatio = currentProportion;

我们将其修改为如下代码:

[UIView animateWithDuration:0.5 animations:^{
    _tkImageView.cropAspectRatio = currentProportion;
];

神马!?这就可以了么???

别急,我们看一下修改

大熊猫侯佩 CSDN认证博客专家 Swift Objective-C Xcode
非自由程序员,CSDN博客认证专家。
CSDN汇编板块版主, CSDN其他开发语言大版版主。

对App、以及Cocos2D、SpriteKit游戏开饶有兴趣。目前常用的语言是ObjC、Swift、Ruby等。不过看到编程艺术、ASM、逆向和C时依然欲罢不能。虽然不是,但喜欢黑客的思维和哲学,认为社会工程学很酷,但还没有实际用来撩过妹。
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页
实付 39.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值