swift--动画效果

for循环创建4*4个view,然后对立面的所有view进行动画,这里列集中动画的效果:

1,旋转动画

        for tile in backgrounds{

            //现将数字块大小职位原始尺寸的1/10
            tile.layer.setAffineTransform(CGAffineTransform(scaleX: 0.1,y: 0.1))

            //设置动画效果,动画时间长度1秒
            UIView.animate(withDuration: 1, delay: 0.01, options: [], animations: { 

            }, completion: { (finished) in

                UIView.animate(withDuration: 1, animations: {
                    //完成动画时,数字块复原
                    tile.layer.setAffineTransform(CGAffineTransform.identity)
                })

            })

        }

2,不透明到透明的效果

        for tile in backgrounds {

            tile.alpha = 0

            //设置动画效果,动画时间长度1秒
            UIView.animate(withDuration: 1, delay: 0.01, options: [.curveEaseInOut], animations: {

            }, completion: { (finished) in
                UIView.animate(withDuration: 1, animations: {
                    tile.alpha = 1
                })
            })

        }

3,从小到大的效果

        for tile in backgrounds {

            //现将数字快大小之前原始尺寸的1/10
            tile.layer.setAffineTransform(CGAffineTransform(scaleX:0.1,y:0.1))

            //设置动画效果,动画时间长度1秒
            UIView.animate(withDuration: 1, delay: 0.01, options: [], animations: {
                tile.layer.setAffineTransform(CGAffineTransform(scaleX:1,y:1))
            }, completion: { (finished) in
                UIView.animate(withDuration: 0.08, animations: {
                    tile.layer.setAffineTransform(CGAffineTransform.identity)
                })
            })

        }

记录下三种动画效果

时间: 2024-10-16 06:35:15

swift--动画效果的相关文章

Swift - 动画效果的实现方法总结(附样例)

在iOS中,实现动画有两种方法.一个是统一的animateWithDuration,另一个是组合出现的beginAnimations和commitAnimations.这三个方法都是类方法. 一,使用animateWithDuration来实现动画 (1)此方法共有5个参数: duration:动画从开始到结束的持续时间,单位是秒 delay:动画开始前等待的时间 options:动画执行的选项.里面可以设置动画的效果.可以使用UIViewAnimationOptions类提供的各种预置效果 a

iOS开发——动画篇Swift篇&动画效果的实现

Swift - 动画效果的实现 在iOS中,实现动画有两种方法.一个是统一的animateWithDuration,另一个是组合出现的beginAnimations和commitAnimations.这三个方法都是类方法. 一,使用animateWithDuration来实现动画 (1)此方法共有5个参数: duration:动画从开始到结束的持续时间,单位是秒 delay:动画开始前等待的时间 options:动画执行的选项.里面可以设置动画的效果.可以使用UIViewAnimationOpt

Swift版本仿网易云音乐播放音乐动画效果

个人技术博客站欢迎您 创建一个继承于UIView的视图我们叫他XTActivityView /// 立方柱的个数 var numberOfRect = 0; /// 立方柱的颜色 var rectBackgroundColor: UIColor? /// 立方柱初始化大小 var defaultSize: CGSize? /// 立方柱之间的间距 var space: CGFloat = 0.0 进行初始化 override init(frame: CGRect) { super.init(fr

Swift-贝赛尔曲线画扇形、弧线、圆形、多边形——UIBezierPath实现App下载时的动画效果

上篇文章提到了使用贝赛尔曲线实现画图板(传送门),顿时就对贝赛尔曲线兴趣大增有木有. 之所以接触贝赛尔曲线,多亏了师父.周五下班前师父给我留了个任务,让我周末回家研究研究 iPhone 手机下载 App 时的效果是怎么实现的(不知道效果的童鞋请看下图) 如果所示,下载 App 的过程效果,就是 App 图标中间有一个顺时针旋转的圆圈.当一圈走完时 App 就下载完成了. 刚给我交代这个任务的时候,顿时感觉好难有木有...(主要是因为那个时候我还不知道贝赛尔曲线) 抛开一切复杂内容不谈,我们今天只

Swift - 使用CABasicAnimation实现动画效果

1,CABasicAnimation类只有三个属性: fromValue:开始值 toValue:结束值 Duration:动画的时间 2,通过animationWithKeyPath键值对的方式设置不同的动画效果 transform.scale transform.scale.x transform.scale.y transform.rotation.z opacity margin zPosition backgroundColor cornerRadius borderWidth bou

iOS的GIF动画效果实现

引言:GIF图像格式是常见的一种动态图片格式,无论是在Web端还是在移动端都经常遇到,但是考虑目前iOS还无法原生展现GIF图片,而对于GIF的原生支持暂时也没有像JPG.PNG等图像格式支持得这么全面,因此本文从图片的合成与分解角度来为大家讲解GIF的知识,结合ImageIO框架可以更方便地实现GIF图片的合成与分解. 本文选自<iOS动画--核心技术与案例实战>. GIF在iOS中的使用场景 GIF在iOS中的使用场景有以下三个方面. (1)GIF图片分解为单帧图片. (2)一系列单帧图片

swift-教你如何实现导航上的UISearchController动画效果。

这个代码片段是我这周我从网上找了各种资料然后经过自己的修改终于弄好了导航的上下动画效果: step1:==>因为这个搜索要有动画效果,所以这个页面必须要有一个导航控制器: //1.自定义创建导航控制器 这个页面我是从其他页面跳转过来的,跳转之前我自定义了一个导航控制器: let actionSearchTable=searchTable(); let navVC = UINavigationController(rootViewController: actionSearchTable); na

swift 动画切换View心地层次顺序

1.动画效果 2.代码 // // AppDelegate.swift // AnimationDemo // // Created by 赵超 on 14-6-27. // Copyright (c) 2014年 赵超. All rights reserved. // import UIKit @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate { var window: UIWindow? //响应

Swift动画编程指南-01 简介

大家好,我是老镇,这段时间家里和工作上发生了很多的事情,所以很长一段时间都没有出来搞什么小动作了.在接下来的一段时间内我会制作一些列关于使用Swift进行动画编程的视频,希望和大家胃口. 在iOS的世界中,很多应用有着相似的颜色,相似的排版,可谓千篇一律.即使Apple的UI设计与用户体验相当的出色,也难免会产生审美疲劳.为了寻求差异化,新颖的动画设计是一个很好的突破口. 在这个系列的视频中,我们一同学习的内容如下: 首先会介绍几个非常棒的动画Show 接着会谈谈动画会涉及到得几个属性 思考动画

仿映客客户端、TableView多种动画效果、边缘返回手势等源码

iOS精选源码 相册多选框架 zhPopupController 简单快捷弹出自定义视图 tableView实现多种动画效果 自定义动画的PageControl 展示tableView和collectionView的结构,框架CHD_ListView_Structure RxSwift+Moya+ObjectMapper优雅的网络请求级模型转换 多种指示器文字效果源码SGPagingView react-native低仿映客直播客户端 支持iOS/Android ScreenEdgePanGes