iOS实现图片抖动效果

本文实例为大家分享了iOS实现图片抖动效果的具体代码，供大家参考，具体内容如下

效果图：

核心代码：

//
// ViewController.m
// 图标抖动
//
// Created by llkj on 2017/8/29.
// Copyright © 2017年 LayneCheung. All rights reserved.
//

#import "ViewController.h"

#define angle2Rad(angle) ((angle) / 180.0 *M_PI)

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UIImageView *imageV;
@end

@implementation ViewController

- (void)viewDidLoad {
 [super viewDidLoad];

 self.imageV.userInteractionEnabled = YES;
 //添加长按手势
 UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress:)];

 [self.imageV addGestureRecognizer:longPress];
}

- (void)longPress:(UILongPressGestureRecognizer *)longPress{

 //创建动画对象
 CAKeyframeAnimation *anim = [CAKeyframeAnimation animation];

 anim.keyPath = @"transform.rotation";
 anim.values = @[@(angle2Rad(-5)),@(angle2Rad(5))];
 anim.repeatCount = MAXFLOAT;
// anim.duration = 1;
 anim.autoreverses = YES;

 [self.imageV.layer addAnimation:anim forKey:nil];

}

- (void)didReceiveMemoryWarning {
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}

@end

小编再给大家补充一段iOS UIView视图抖动效果的实现代码：

/**
 * 抖动效果
 *
 * @param view 要抖动的view
 */
- (void)shakeAnimationForView:(UIView *) view {
 CALayer *viewLayer = view.layer;
 CGPoint position = viewLayer.position;
 CGPoint x = CGPointMake(position.x + 1, position.y);
 CGPoint y = CGPointMake(position.x - 1, position.y);
 CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"position"];
 [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionDefault]];
 [animation setFromValue:[NSValue valueWithCGPoint:x]];
 [animation setToValue:[NSValue valueWithCGPoint:y]];
 [animation setAutoreverses:YES];
 [animation setDuration:.06];
 [animation setRepeatCount:3];
 [viewLayer addAnimation:animation forKey:nil];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • iOS动画-定时对UIView进行翻转和抖动的方法

    (翻转)方式一: [NSTimer scheduledTimerWithTimeInterval:3.f repeats:YES block:^(NSTimer * _Nonnull timer) { CABasicAnimation* rotationAnimation = [CABasicAnimation animation];; rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.

  • IOS倒计时设置UIButton标题title的抖动问题

    例如,在发送验证码后,button状态需要变为disable,每隔一秒显示倒计时时间,仅仅设置 [button setTitle:title forState:UIControlStateDisabled]; 或 [button setTitle:title forState:UIControlStateNormal]; 是不够的,按钮会一闪一闪的抖动. 需要同时设置: button.titleLabel.text = title; [button setTitle:title forState

  • 仿iOS图标抖动

    仿iOS图标抖动 #import "LHViewController.h" #define angelToRandian(x) ((x)/180.0*M_PI) @interface LHViewController () @property (strong, nonatomic) IBOutlet UIImageView *imageView; @end @implementation LHViewController - (void)viewDidLoad { [super vie

  • iOS实现支付宝蚂蚁森林随机按钮及抖动效果

    iOS实现支付宝蚂蚁森林随机按钮及抖动效果

    工作中遇到了一个需求 要做一个类似于蚂蚁森林的 在一定范围内随机出现 不相交且有上下抖动的控件 做完的图 如下 WechatIMG3.jpeg 这个需求在做的时候 需要注意几个地方 1.按钮随机且不相交 2.动画效果(核心动画) 3.需要监听点击事件和全部领取事件(全部领取完后会刷新接口) OK开始搞 随机按钮是其中最主要的两个点之一(上面的1和2) 在做的时候 需要注意范围 随机出现的控件 必须保证出现在上图的范围之内 那么随机x轴坐标和y轴坐标时 就需要注意 1.取值范围 Button的mi

  • iOS自定义button抖动效果并实现右上角删除按钮

    iOS自定义button抖动效果并实现右上角删除按钮

    遇到过这种需求要做成类似与苹果删除软件时的动态效果. 1.长按抖动; 2.抖动时出现一个X; 3.点击x,删除button; 4.抖动时,点击按钮,停止抖动; 下面是我的设计思路: 1.继承UIButton: 2.给button在右上角添加一个按钮: 3.给button添加长按手势: 4.给button添加遮盖,抖动时可以拦截点击事件: 有更好的做法,还请斧正. // .m文件 #import "DZDeleteButton.h" #import "UIView+Extens

  • iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）

    iOS实现自定义购物车角标显示购物数量（添加商品时角标抖动 Vie）

    前言: 适用场景:商城类的 App .将自定义的购物车 view 设置为 navigationItem 的导航栏按钮.效果图如下: 图1.右上角的购物车即是我们定义的view 实现原理: 1.利用 navigationItem 可以将 UIView 设置为导航栏的按钮: 2.将一个 UIButton 和 一个 UILabel 添加到一个 UIView 上.然后将这个 UIView 设置为 navigationItem 的右侧按钮:3.UILabel 控件的动画效果. 具体实现代码如下:​ ​1

  • 详解iOS中position:fixed吸底时的滑动出现抖动的解决方案

    两种抖动 为什么抖动还会有两种? 其实是我碰到过两种抖动的场景,第一个场景是native的抖动,第二个场景是h5的抖动. native的抖动 前端开发人员会在app中打开webview,这个时候iOS中position:fixed吸底时的滑动出现抖动应该是native造成的抖动,整个viewport跟着动,所以可以在生成schema的时候将参数bounce_disable(可能不一定都有这个参数,就看有没有类似的参数进行控制)设置为1禁止native的弹性效果,然后加上h5的这个效果,-webk

  • iOS字体抖动动画的实现代码

    iOS字体抖动动画的实现代码

    本文实例为大家分享了iOS字体抖动的具体实现代码,供大家参考,具体内容如下 一.效果图 二.代码 ViewController.m #import "ViewController.h" @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the

  • iOS实现图片抖动效果

    iOS实现图片抖动效果

    本文实例为大家分享了iOS实现图片抖动效果的具体代码,供大家参考,具体内容如下 效果图: 核心代码: // // ViewController.m // 图标抖动 // // Created by llkj on 2017/8/29. // Copyright © 2017年 LayneCheung. All rights reserved. // #import "ViewController.h" #define angle2Rad(angle) ((angle) / 180.0

  • 基于iOS实现图片折叠效果

    基于iOS实现图片折叠效果

    本文实例为大家分享了iOS实现图片折叠效果的具体代码,供大家参考,具体内容如下 一.分析与说明 1.1 分析界 效果 当鼠标在图片上拖动的时候,图片上有一个折叠的效果. 这种折叠效果其实就是图片的上半部分绕着X轴做一个旋转的操作. 我们图片的旋转都是绕着锚点进 旋转的.所以如果是一张图片的,办不到只上图 的上半部 分进 个旋转. 其实是两张图片, 把两张图片合成一张图片的方法, 实现方案.弄上下两张图 ,上部图片只显示上半部分, 下部图片只显示下半部分. 1.2 如果让 张图 只显 上半部分或者

  • js实现鼠标触发图片抖动效果的方法

    本文实例讲述了js实现鼠标触发图片抖动效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>鼠标触发图片抖动效果</title> <style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> //configure shake degr

  • iOS实现图片折叠效果

    iOS实现图片折叠效果

    本文实例为大家分享了iOS实现图片折叠效果的具体代码,供大家参考,具体内容如下 效果图: 结构布局:拖两个UIImageView到控制器,设置相同的frame和图片,再拖一个大的UIImageView盖在上面,注意把大的imageView.userInteractionEnabled = YES;能够添加手势. 注意层次结构: 核心代码: // // ViewController.m // 图片折叠 // // Created by llkj on 2017/8/31. // Copyright

  • 基于jquery的仿百度的鼠标移入图片抖动效果

    1.查看源文件,在查看后很纳闷的发现,此页并没有包含那些奖品信息.这样就断定代码在另一个页面中.于是想当然的以为是用的框架连接的地址.结果没查到,却看到了一个这样的信息: 复制代码 代码如下: <div id ="task-intro-box"><!--活动说明--></div> <div id ="task-awards"><!--活动奖励--></div> <div id ="

  • iOS tableView实现下拉图片放大效果

    本文实例为大家分享了iOS实现下拉图片放大效果展示的具体代码,供大家参考,具体内容如下 #import "ViewController.h" #define kScreenbounds [UIScreen mainScreen].bounds #define kScreenWidth [UIScreen mainScreen].bounds.size.width #define kScreenHeight [UIScreen mainScreen].bounds.size.height

  • iOS tableView实现顶部图片拉伸效果

    iOS tableView实现顶部图片拉伸效果

    大家可能注意到一些app的tableView的顶部图片,会随着你拉伸而跟着拉伸变大,下面这是我的一些想法 原图: 效果图: 下面附上代码吧,这里的图片不是添加在tabview的header上 #define SCREEN_W [UIScreen mainScreen].bounds.size.width #define SCREEN_H [UIScreen mainScreen].bounds.size.height #define TOP 200 //顶部预留 #import "ViewCon

  • JS相册图片抖动放大展示效果的示例代码

    JS相册图片抖动放大展示效果的示例代码

    上篇文章给大家介绍了JS实现简单抖动效果,感兴趣的朋友点击查看. 今天给大家分享JS相册图片抖动放大展示效果,效果图如下所示: var xm; var ym; /* ==== onmousemove event ==== */ document.onmousemove = function(e){ if(window.event) e=window.event; xm = (e.x || e.clientX); ym = (e.y || e.clientY); } /* ==== window

  • iOS 点击图片放大效果的实现

    iOS 点击图片放大效果的实现

    今天带来的是图片点击放大效果,这种效果一般在微博,微信朋友圈中比较常见 当我点击其中一张图片时,就会进入详情 具体实现如下 首先创建个 Controller(PhotoViewController) // // PhotoViewController.h // 点击图片放大效果 // // Created by Amydom on 17/1/9. // Copyright © 2017年 Amydom. All rights reserved. // #import <UIKit/UIKit.h

随机推荐