ParticleView in Android with Examples
ParticleView is an animation library and animations help to gain the attention of the user so it is best to learn it. It is the custom android view that helps to display a large number of fairies.
Why ParticleView?
- ParticleView provides a predefined layout type and animation.
- ParticleView can be used in Splash Screen.
- It is better to use ParticleView because of its UI because a good UI plays a very important role in an app.
Approach
- Step 1: Add the support library in the root build.gradle file (not in the module build.gradle file).
allprojects {
repositories {
maven { url ‘https://dl.bintray.com/wangyuwei/maven’ }
}
} - Step 2: Add the support library in build.gradle file and add dependency in the dependencies section.
implementation ‘me.wangyuwei:ParticleView:1.0.4’
- Step 3: Add the following code in activity_main.xml file. In this file add the ParticleView to the layout.
activity_main.xml
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
LinearLayout
android:background
=
"@color/grey"
xmlns:android
=
"http://schemas.android.com/apk/res/android"
android:layout_width
=
"match_parent"
android:layout_height
=
"match_parent"
xmlns:pv
=
"http://schemas.android.com/apk/res-auto"
android:orientation
=
"vertical"
android:gravity
=
"center"
>
<
me.wangyuwei.particleview.ParticleView
android:id
=
"@+id/particleView"
android:layout_width
=
"match_parent"
android:layout_height
=
"match_parent"
pv:pv_host_text
=
"w3wiki"
pv:pv_host_text_size
=
"32sp"
pv:pv_particle_text
=
".com"
pv:pv_particle_text_size
=
"18sp"
pv:pv_text_color
=
"@color/colorPrimary"
pv:pv_background_color
=
"#FFF"
pv:pv_text_anim_time
=
"2000"
pv:pv_spread_anim_time
=
"300"
pv:pv_host_text_anim_time
=
"1000"
/>
</
LinearLayout
>
- Step 4: Add the following code in MainActivity.java file. In this file add
ParticleAnimationListner()
which will get invoked automatically when animation ends.
MainActivity.java
package
org.w3wiki.particleView
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Toast;
import
androidx.annotation.Nullable;
import
androidx.appcompat.app.AppCompatActivity;
import
me.wangyuwei.particleview.ParticleView;
public
class
MainActivity
extends
AppCompatActivity {
ParticleView particleView;
@Override
protected
void
onCreate(
@Nullable
Bundle savedInstanceState) {
super
.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
particleView = findViewById(R.id.particleView);
particleView.startAnim();
// this listner will get invoked automatically
// when animaion ends.
particleView.setOnParticleAnimListener(
new
ParticleView.ParticleAnimListener() {
@Override
public
void
onAnimationEnd() {
Toast.makeText(MainActivity.
this
,
"Animation is End!!"
,
Toast.LENGTH_SHORT).show();
}
});
}
}