美文网首页
简单动画之输入框抖动效果

简单动画之输入框抖动效果

作者: JuniorYoung | 来源:发表于2016-04-08 11:56 被阅读199次
抖动效果

/**

*为textField扩展一个左右晃动的动画

*/

- (void)shake {

CAKeyframeAnimation*keyFrame = [CAKeyframeAnimationanimationWithKeyPath:@"position.x"];

keyFrame.duration=0.3;

CGFloatx =self.layer.position.x;

keyFrame.values=@[@(x -30),@(x -30),@(x +20),@(x -20),@(x +10),@(x -10),@(x +5),@(x -5)];

[self.layeraddAnimation:keyFrameforKey:@"shake"];

}

相关文章

  • 简单动画之输入框抖动效果

    /***为textField扩展一个左右晃动的动画*/- (void)shake {CAKeyframeAnima...

  • 简单动画之输入框抖动效果

  • CABasicAnimation-CoreAnimation

    基础动画: 实现错误输入数据,输入框横向抖动 实现效果抖动.gif keyPath可以使用的key 旋转 tran...

  • BasicAnimation

    1、位移动画 2、抖动(输入框) 3、简单KeyframeAnimation旋转 4、Transition

  • 常用简单的动效

    两种加载动效 输入框抖动动效 核心动效 转场动画 进度条动画

  • 动画

    CABasicAnimation基础核心动画 缩放动画 图片抖动 根据圆形的路径做移动的效果. 转场动画 创建转场...

  • React-Native 性能调优

    按钮防重复点击 输入框输入时接口多次调用造成页面多次渲染 简单的动画效果如缩放、透明度,使用LayoutAnima...

  • 动画示例

    动画示例(一) —— 一种外扩的简单动画动画示例(二) —— 一种抖动的简单动画动画示例(三) —— 仿头条一种L...

  • 编辑时抖动的动画效果

    CAKeyframeAnimation *anima = [CAKeyframeAnimation animati...

  • Android属性动画基础篇

    1、什么是属性动画 简单来说就是通过改变对象属性而形成的动画效果。 2、为什么使用属性动画 我们知道,在属性动画之...

网友评论

      本文标题:简单动画之输入框抖动效果

      本文链接:https://www.haomeiwen.com/subject/ytevlttx.html