CA过度动画

CAAnimation的子类，用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点

UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果

属性解析:

type：动画过渡类型

subtype：动画过渡方向

startProgress：动画起点(在整体动画的百分比)

endProgress：动画终点(在整体动画的百分比)

/* 过渡效果

fade //交叉淡化过渡(不支持过渡方向) kCATransitionFade

push //新视图把旧视图推出去 kCATransitionPush

moveIn //新视图移到旧视图上面 kCATransitionMoveIn

reveal //将旧视图移开,显示下面的新视图 kCATransitionReveal

cube //立方体翻滚效果

oglFlip //上下左右翻转效果

suckEffect //收缩效果，如一块布被抽走(不支持过渡方向)

rippleEffect //滴水效果(不支持过渡方向)

pageCurl //向上翻页效果

pageUnCurl //向下翻页效果

cameraIrisHollowOpen //相机镜头打开效果(不支持过渡方向)

cameraIrisHollowClose //相机镜头关上效果(不支持过渡方向)

/* 过渡方向

kCATransitionFromRight

kCATransitionFromLeft

kCATransitionFromBottom

时间： 2024-10-13 16:23:30

CA过度动画的相关文章

Swift 关闭视图的过度动画 eg：CollectionView ，TableView

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 17.0px Menlo; color: #1e9421; background-color: #ffffff } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 17.0px Menlo; color: #3e1e81; background-color: #ffffff } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; fo

animate和过度动画同时使用.html

1将animate和过度动画的类名添加到transition对应的类上 2appear 设置初始样式(页面刷新样式)appear-active-class 3type设置动画时间依据类型(transition或animate) 4可以通过:duration来设置动画时间,补充3 <style> .fade-enter,.fade-leave-to{ opacity: 0; } .fade-enter-active,.fade-leave-active{ transition: opacity

CATransition 过度动画

1.创建 CATransition * transition = [CATransition animation]; transition.duration = 2; 2.设置过度样式 transition.type = kCATransitionMoveIn; //控制动画样式, transition.subtype = kCATransitionFromTop; //控制方向 3.添加动画 [self.changeView.layer addAnima

vue2.0过度动画

vue在插入.更新或移除dom时,提供了多种不同方式的应用过度效果. 包括以下工具: 在css过渡和动画中自动应用class. 可以配合使用第三方css动画库,如animate.css 在过渡钩子函数中使用javascript直接操作DOM 可以配合使用第三方javascript动画库,如Velocity.js 一.单元素/组件的过渡 Vue提供了transition的封装组建,在下列情形中,可以给任何元素和组建添加进入/离开过度条件渲染(使用if) 条件展示(使用v-show) 动态组建组

css3 制作平滑过度动画

-webkit-transition(属性渐变) -webkit-transition:CSS属性(none|all|属性) 持续时间时间函数延迟时间 CSS属性(transition-property):要变化的属性,比如元素变宽则是width,文字颜色要变色这是color:W3C给出了一个可变换属性的列表:除了以上属性外,还有css3中大放异彩的css3变形,比如放大缩小,旋转斜切,渐变等.该取值还有个强大的“all”取值,表示上表所有属性: 持续时间(transition-dur

Block 对过度动画的封装

参数1. 要改变的view 参数2. 动画的时长参数3 动画类型参数4. [UIView transitionWithView:self.changeView duration:2 options:UIViewAnimationOptionTransitionFlipFromBottom animations:^{ //要改变的属性 self.changeView.backgroundColor = [UIColor purpleColor];

场景过度动画函数和形式

1 CL(TransitionJumpZoom),//作用: 创建一个跳动的过渡动画 2 CL(TransitionProgressRadialCCW), // 作用: 创建一个扇形条形式的过渡动画, 逆时针方向 3 CL(TransitionProgressRadialCW),// 作用: 创建一个扇形条形式的过渡动画, 顺时针方向 4 CL(TransitionProgressHorizontal),// 作用: 创建一个水平条形式的过渡动画 5 CL(TransitionProgressV

ViewPager 循环滑动+伸缩渐变过度动画实现多图片浏览

效果图如上. 首先先实现循环: public class MyAdapter extends PagerAdapter { /** * 装ImageView数组 */ private ImageView[] mImageViews; /** * 图片资源id */ private HashMap<Integer, View> mChildrenViews = new LinkedHashMap<Integer, View>(); private int[] imgIdAr

iOS - Animation 八种方法

一.//UIView动画 //能够做动画的属性, feame, center, bounds, alpha, transfom, backgroundcolor //iOS4.0 之前如果想做动画, 必须放在开始可提交之前才有效 //对属性更改值是有效值, 最终会对视图作出修改 //开始动画 [UIView beginAnimations:nil context:nil]; //1.设置动画持续的时间 --- 单位秒 [UIView setAnimationDuration:2]; //2.设