android 手摸手教你用 Canvas 实现简单粒子动画

Particle

项目地址： Particle

简介：手摸手教你用 Canvas 实现简单粒子动画

Article

手摸手教你用 Canvas 实现简单粒子动画

Attributes

name	format	description	中文解释
pv_host_text	string	set left host text	设置左边主文案
pv_host_text_size	dimension	set host text size	设置主文案的大小
pv_particle_text	string	set right particle text	设置右边粒子上的文案
pv_particle_text_size	dimension	set particle text size	设置粒子上文案的大小
pv_text_color	color	set host text color	设置左边主文案颜色
pv_background_color	color	set background color	设置背景颜色
pv_text_anim_time	integer	set particle text duration	设置粒子上文案的运动时间
pv_spread_anim_time	integer	set particle text spread duration	设置粒子上文案的伸展时间
pv_host_text_anim_time	integer	set host text displacement duration	设置左边主文案的位移时间

Usage

Define your banner under your xml :

<me.wangyuwei.particleview.ParticleView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    pv:pv_background_color="#2E2E2E"
    pv:pv_host_text="github"
    pv:pv_host_text_size="14sp"
    pv:pv_particle_text=".com"
    pv:pv_particle_text_size="14sp"
    pv:pv_text_color="#FFF"
    pv:pv_text_anim_time="3000"
    pv:pv_spread_anim_time="2000"
    pv:pv_host_text_anim_time="3000" />

Start animation :

mParticleView.startAnim();

Add animation listener to listen the end callback :

mParticleView.setOnParticleAnimListener(new ParticleView.ParticleAnimListener() {
    @Override
    public void onAnimationEnd() {
        Toast.makeText(MainActivity.this, "Animation is End", Toast.LENGTH_SHORT).show();
    }
});

Import

Step 1. Add it in your project's build.gradle at the end of repositories:

repositories {
    maven {
        url 'https://dl.bintray.com/wangyuwei/maven'
    }
}

Step 2. Add the dependency:

dependencies {
  compile 'me.wangyuwei:ParticleView:1.0.4'
}