点赞动画-张秀清

int i;

-(UIButton *)praiseBtn
{
    if (!_praiseBtn)
    {
        _praiseBtn = [UIButton buttonWithType:UIButtonTypeCustom];

        [_praiseBtn setBackgroundImage:[UIImage imageNamed:@"未选点赞"] forState:UIControlStateNormal];
        [_praiseBtn setBackgroundImage:[UIImage imageNamed:@"已选点赞"] forState:UIControlStateSelected];

        [_praiseBtn addTarget:self action:@selector(praiseAction:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _praiseBtn;
}

#pragma mark - 点赞按钮事件
-(void)praiseAction:(UIButton *)sender
{
    if (sender.selected)
    {
        [Dialog toastCenter:@"您已经赞过"];
        return;
    }
    else
    {
        sender.selected = YES;
        //点赞动画
        CAKeyframeAnimation *k = [CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
        k.values = @[@(0.1),@(1.0),@(1.5)];
        k.keyTimes = @[@(0.0),@(0.5),@(0.8),@(1.0)];
        k.calculationMode = kCAAnimationLinear;

        i++;
        [sender.layer addAnimation:k forKey:@"SHOW"];
    }
}
时间: 2024-12-12 08:46:42

点赞动画-张秀清的相关文章

Twitter上的点赞动画

推特最近更新了他们的点赞按钮,使用了全新的动画,而这个动画使用一组动画来实现的而不是依赖于CSS transitions.今天使用CSS动画的steps方法来重建这个动画. 错觉 这种效果跟西洋镜的原理差不多,都是呈现一系列的帧,形成动画的效果 Demo 鼠标移到星星上面触发动画: See the Pen Twitter fave animation by Helkyle (@HelKyle) on CodePen. 在这个例子中,我们开始创建一些列动画中会用到的图片,我们就直接使用Twitte

[deviceone开发]-直播APP心形点赞动画示例

一.简介 这个示例展示do_Animator组件的简单使用,通过点击"点赞"按钮,不断弹出心形图片,向上动画漂移到顶部消失.间隔时间和上下左右移动的步长都是一定范围的随机值. 二.效果图 三.相关下载 https://github.com/do-project/code4do/tree/master/my_heart 四.相关讨论 http://bbs.deviceone.net/forum.php?mod=viewthread&tid=308 五.更多案例 http://so

[deviceone开发]-心形点赞动画示例

一.简介 这个示例展示do_Animator组件的简单使用,通过点击"点赞"按钮,不断弹出心形图片,向上动画漂移到顶部消失.间隔时间和上下左右移动的步长都是一定范围的随机值.二.效果图 三.相关下载 https://github.com/do-project/code4do/tree/master/my_heart四.相关讨论 http://bbs.deviceone.net/forum.php?mod=viewthread&tid=308五.更多案例http://source

Android点赞动画效果 ,点赞后加一,2种方法,①补间动画②位移动画

第一个动画文件btn_anim.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator"> <!--位移动画 -->

点赞动画

<span style="color:#ffff99;background-color: rgb(255, 204, 204);">// // ClickZanHelper.m // LJECClickZan // // Created by xiaoyao on 14/11/26. // Copyright (c) 2014年 lijien. All rights reserved. // #import "ClickZanHelper.h" #imp

iOS直播点赞动画,iOS直播心型点赞动画

https://github.com/songxing10000/LikeAnimation-PraiseAnimation

第四篇、点赞的粒子动画

点赞动画 iOS自带了粒子引擎的类 CAEmitterLayer ,是一个粒子发射器系统,每个粒子都是 CAEmitterCell 的实例.可以查看它们分别有什么属性. 有两个小点,一个是 CAEmitterLayer 一些属性对 CAEmitterCell 有成倍作用,如 birthRate :另一个是没有明确的停止动画的方法,包括它的父类也没提供.可以想到的方法,除了把 layer 抹除掉之外,还可以将 CAEmitterLayer 的 birthRate 设置为0,这样每个 CAEmitt

iOS 学习完整项目,优秀的动画例子收藏 4

Hi Dear:祝各位小盆友”六一快乐“,永远无bug,永远不加班~App store能快速审核完毕,小编为你奉上每周鸡汤来啦~ 前两周聚合数据的活动今天公布获奖名单啦,快去看看:http://www.code4app.com/thread-8177-1-1.html Code4App 活动陆续有来,坚持打卡,赢取丰厚好礼                        点击图片了解活动详情 [一周精品源码] 一款集iOS,android,windows视频通话,语音通话源代码http://www

CSS3、SVG、Canvas、WebGL动画精选整理

一.CSS3动画 名称 用途 链接 阴影波纹特效 1.元素hover效果 2.突出表现效果 http://www.jq22.com/code80 横板导航菜单动画 导航菜单 http://www.jq22.com/code181 横板导航菜单动画2 导航菜单 http://www.jq22.com/code195 竖板导航菜单动画 导航菜单 http://www.jq22.com/code480 圆形导航菜单动画 导航菜单 http://www.jq22.com/code816 环形导航菜单动画