点击动画

#import "ViewController.h"

#import "SDmoreCircle.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

//    背景色

self.view.backgroundColor=[UIColor lightGrayColor];

[self.view addSubview:[SDmoreCircle ViewWithCircle:self.view.frame]];

}

#import <UIKit/UIKit.h>

@interface SDmoreCircle : UIView

//

+(instancetype)ViewWithCircle:(CGRect)rect;

-(instancetype)initWithFrame:(CGRect)frame;

@end

#import "SDmoreCircle.h"

@implementation SDmoreCircle

+(instancetype)ViewWithCircle:(CGRect)rect

{

return [[self alloc]initWithFrame:rect];

}

-(instancetype)initWithFrame:(CGRect)frame

{

return [super initWithFrame:frame];

}

-(void)creatCircle:(NSSet *)touches

{

UITouch *touch=[touches anyObject];

CGPoint point=[touch locationInView:self];

CALayer *layer=[CALayer layer];

layer.frame=CGRectMake(point.x-1, point.y-1, 10, 10);

layer.borderColor=[UIColor colorWithRed:arc4random()%255/256.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1.0].CGColor;

layer.borderWidth=0.5;

layer.cornerRadius=5;

[self setAnimation:layer];

[self.layer addSublayer:layer];

}

-(void)setAnimation:(CALayer *)layer

{

const int max = 20;

if (layer.transform.m11<max) {

[layer setTransform:CATransform3DScale(layer.transform, 1.1, 1.1, 1.0)];

//        其实说的就是_cmd在Objective-C的方法中表示当前方法的selector,正如同self表示当前方法调用的对象实例一样。

[self performSelector:_cmd withObject:layer afterDelay:0.03];

}

else

{

[layer removeFromSuperlayer];

}

}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event

{

[self creatCircle:touches];

}

-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event

{

[self creatCircle:touches];

}

@end

时间: 2024-08-25 22:18:09

点击动画的相关文章

(三)实现菜单点击动画

在上一篇中,我们已经处理好了菜单的折叠和展开.如果你还没读过,可以点击下面的链接:http://www.cnblogs.com/fuly550871915/p/4930654.html 贴出上一篇文章的效果图吧,如下: 折叠和展开还不错.所写的代码也越来越简单,主要就是动画的添加而已.下面我们为每一个菜单添加点击动画.即,点击的时候,,让被点击的菜单放大消失,其他菜单缩小消失. 我们还是直接看代码,然后在做解释吧.还是修改ArcMenu中的代码,如下: 1 package com.example

基于jQuery CSS3鼠标点击动画效果

分享基于jQuery CSS3鼠标点击动画效果支持图片或内容滑动,允许设置动画延迟效果.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <div class="clearfix"> <div class="grid12 small12"> <div class="demos fl" id="demos&quo

Waves – 赞!超炫交互体验的点击动画效果

Waves 点击效果的灵感来自于谷歌的材料设计,很容易使用.只需要引入 waves.min.css 和 waves.min.js 到 HTML 文件中可以使用了.采用 touchstart 与 touchend 事件,支持移动设备.赶紧来体验吧! 效果演示     插件下载 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计 让网站动起来!12款优秀的 jQuery 动画插件 十

AnimCheckBox按钮点击动画效果《IT蓝豹》

AnimCheckBox按钮点击动画效果 AnimCheckBox按钮点击动画效果,点击选中后勾选框选择效果,很不错的动画功能.项目来源:https://github.com/lguipeng/AnimCheckBox本项目主要介绍:本项目主要自定义AnimCheckBox 集成View,提供选择的监听接口OnCheckedChangeListener主要由drawCircle()方法和drawHook(Canvas canvas):  private void drawCircle(Canva

基于jQuery+CSS3点击动画弹出表单代码

分享一款基于jQuery+CSS3点击动画弹出表单代码是一款鼠标点击图标按钮动画弹出表单特效代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="buttonCollection"> <div class="qutton" id="qutton_upload"> <div class="qutton_dialog" id="uploadDial

用jQuery防止多次点击动画重复

1.在你的点击事件中加上一个判断,假设产生动画效果目标的是#aa这个节点,那么你要加上这个判断if(!$("#aa").is(":animated")){//执行你的操作}他会确保你的动画只会在上一个动画结束后才能产生 ,可以保持动画的完整性,但是连续点击时会有反映迟钝的感觉 2.$("#aa").stop(true,false).animate({...},1000);这个则是会强制你的上一动画立即结束并到达动画执行结束时状态同时来运行下一次动

js 点击动画更改元素的高度和元素的文本内容

动画效果兼容各大标准浏览器和 IE 5-11 版本 js 代码如下: $(".tc>span>a").click(function () { if ($(this)[0].innerText == "更多课程>>"){ $(".tc>div>ul").stop().delay(50).animate({height:1604},500); $(this)[0].innerText = "<<

NGUI Button点击有缩小动画

按钮的效果图: 设置NGUI按钮点击动画, 1.添加一个UIButton Scale组件 设置Pressed的缩放尺寸: x=0.9,y=0.9,z=0.9 2.添加BoxCollider组件 可爱的按钮点击变小动画就完成啦(O(∩_∩)O~)

多样化条目RecyclerView,以及多样化动画点击效果(附源码)

RecyclerView是support-v7包中的新组件, 是一个强大的滑动组件. 与经典的ListView相比, 同样拥有item回收复用的功能, 直接把viewholder的实现封装起来, 用户只要实现自己的viewholder就可以了, 该组件会自动帮你回收复用每一个item. 它不但变得更精简, 也变得更加容易使用, 而且更容易组合设计出自己需要的滑动布局. RecyclerView出世有段时间了, 我也把我的项目中的ListView替换成了RecyclerView, 只是, Recy