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

Article

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 :

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'

}