登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

仿淘宝选择规格动画效果

[复制链接]
来自: vaithwee 分类: iOS精品源码 上传时间: 2016-6-2 23:44:53

项目介绍:

仿淘宝选择规格实现思路
  对于这个效果,主要需要的是对底部的视图进行缩放。对此,我们获取到当前Window的RootViewController,然后对其的View进行两步动画步骤。第一部分,稍微旋转View的x轴,并对其的进行缩放。第二部分,对View的旋转取消,并进一步进行缩放,上移View,然后pop出我们需要的视图,本代码中只是做了动画部分的实现,至于pop出来的视图,可以自己去完善。
代码实现
第一部分动画
[Objective-C] 查看源文件 复制代码
//MARK: 获取第一次转换    func getFirstTransform() -> CATransform3D    {        var transform = CATransform3DIdentity;        transform.m34 = 1.0 / -900.0;//这样设置才会有3D的效果        transform = CATransform3DScale(transform, 0.95, 0.95, 1);//缩放        transform = CATransform3DRotate(transform, CGFloat(15.0*M_PI/180.0), 1, 0, 0);//x轴旋转        transform = CATransform3DTranslate(transform, 0, 0, -100.0)//移动        return transform;    }
[/size][/font][align=left][font=Arial][size=4]


第二部分动画
[Objective-C] 查看源文件 复制代码
//MARK: 获取第二次转换
    func getSecondTransform() -> CATransform3D
    {
        var transform = CATransform3DIdentity;
        transform.m34 = self.getFirstTransform().m34;
        transform = CATransform3DTranslate(transform, 0, self.view.frame.size.height * -0.08, 0);
        transform = CATransform3DScale(transform, 0.8, 0.8, 1.0);
        return transform;
    }


DEMO下载:(https://github.com/vaithwee/iOS- ... ScaleBackgroundView
ScaleBackgroundView.zip (40.92 KB, 下载次数: 64, 售价: 10 金钱)
2001 0 0
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542


代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表