心跳动画

    - (void)viewDidLoad {
        [super viewDidLoad];
        UIButton *heart = [[UIButton alloc]initWithFrame:CGRectMake(self.view.frame.size.width * 0.5 - 25, 200, 50, 50)];
        [self.view addSubview:heart];
        [heart setImage:[UIImage imageNamed:@"5_heart"] forState:UIControlStateNormal];
        [heart setImage:[UIImage imageNamed:@"5_heart_clicked"] forState:UIControlStateSelected];
        [heart addTarget:self action:@selector(heartButtonClick:) forControlEvents:UIControlEventTouchUpInside];
    }  

    /**
     *  心跳
     */
    - (void)heartButtonClick:(UIButton *)button{
        button.selected = !button.selected;
        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;
        [button.layer addAnimation:k forKey:@"SHOW"];
    }
时间: 2024-10-06 17:55:26

心跳动画的相关文章

css心跳动画

1.图片无限放大缩小,类似心跳 css如下 @keyframes scaleDraw { /*定义关键帧.scaleDrew关键帧名称*/ 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ transform: scale(1.6); /*放大1.1倍*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.6); } } 元素css中写上 -webkit-animation: scaleDraw 5s

CABasicAnimation来做心跳动画

CABasicAnimation *anim = [CABasicAnimation animation]; anim.keyPath = @"transform.scale"; anim.toValue = @0.5; anim.repeatCount = MAXFLOAT; [_heartImageV.layer addAnimation:anim forKey:nil];

心跳之旅—💗—iOS用手机摄像头检测心率(PPG)

[前情提要] 光阴似箭,日月如梭,最近几年,支持心率检测的设备愈发常见了,大家都在各种测空气测雪碧的,如火如荼,于是我也来凑一凑热闹.[0]这段时间,我完成了一个基于iOS的心率检测Demo,只要稳定地用指尖按住手机摄像头,它就能采集你的心率数据.Demo完成后,我对心率检测组件进行了封装,并提供了默认动画和音效,能够非常方便导入到其他项目中.在这篇博客里,我将向大家分享一下我完成心率检测的过程,以及,期间我遇到的种种困难. 本文中涉及到的要点主要有: AVCapture Core Graphi

Win10 UI动画

<Button Content="Ship via Wells, Fargo & Co." HorizontalAlignment="Center" VerticalAlignment="Center" Padding="20,10" FontSize="16" RenderTransformOrigin="0.5,0.5"> <Button.RenderTra

如何用C语言画一个心形?

#include <stdio.h> int main() { for (float y = 1.5f; y > -1.5f; y -= 0.1f) { for (float x = -1.5f; x < 1.5f; x += 0.05f) { float a = x * x + y * y - 1; putchar(a * a * a - x * x * y * y * y <= 0.0f ? '*' : ' '); } putchar('\n'); } } 参考:Hear

IOS中AutoLayout布局与Transform的冲突问题

原文链接见这里: http://stackoverflow.com/questions/12943107/how-do-i-adjust-the-anchor-point-of-a-calayer-when-auto-layout-is-being-used/14105757#14105757 下来讨论的是在AutoLayout布局下,View的Transform被改变时,会触发layout从而引起布局混乱的问题.这些适配问题在IOS8中可能已经不存在,或者至少被弱化了. 问题: AutoLay

css应用视觉设计

应用视觉设计:创建一个 CSS 线性渐变 HTML元素的背景色并不局限于单色.css还提供了颜色过渡,也就是渐变.可以通过background里面的linear-gradient()来实现线性渐变,下面是它的语法: background:linear-gradient(gradient_direction,颜色1,颜色2,颜色3,...) 第一个参数指定了颜色过渡的方向-它的值是角度,90deg代表垂直渐变,45deg的渐变角度和反斜杠方向差不多.剩下的参数指定了渐变颜色的顺序: 例子: bac

使用swiper.animate时,给一个对象添加两个动画且动画循环的方法

swiper官网上给对象加一个动画的方法是 <div class="swiper-slide"> <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p> </div> js代码为 <s

核心动画——Core Animation

一. CALayer (一). CALayer简单介绍 在iOS中,你能看得见摸得着的东西基本上都是UIView,比方一个button.一个文本标签.一个文本输入框.一个图标等等.这些都是UIView,事实上UIView之所以能显示在屏幕上,全然是由于它内部的一个图层.在创建UIView对象时,UIView内部会自己主动创建一个图层(即CALayer对象),通过UIView的layer属性能够訪问这个层,要注意的是,这个默认的层不同意又一次创建.但能够往层里面加入子层.UIView能够通过add