EmojiSlider | Creating Beautiful and Custom Emoji Slider in Android

EmojiSlider is a widget view in android, it can allow users to create some beautiful and custom emoji sliders in android.

AuthorLinksMade withLast update
bernaferrariOffice HomeJavaSep 15, 2022

How to create  emoji sliders in android?

Step 1: add a dependency to your build.gradle

dependencies {
    implementation 'com.bernaferrari.emojislider:emojislider:0.3.2'
}

Step 2: add the EmojiSlider in your layout

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <com.bernaferrari.emojislider.EmojiSlider
        android:id="@+id/slider"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="72dp" />

    <View
        android:id="@+id/slider_particle_system"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</FrameLayout>

Step 3: control EmojiSlider using in android source code

// Java
final EmojiSlider slider = findViewById(R.id.slider);
slider.setStartTrackingListener(new Function0<Unit>() {
    @Override
    public Unit invoke() {
        Log.d("D", "setBeginTrackingListener");
        return Unit.INSTANCE;
    }
});

slider.setStopTrackingListener(new Function0<Unit>() {
    @Override
    public Unit invoke() {
        Log.d("D", "setEndTrackingListener");
        return Unit.INSTANCE;
    }
});

// Or Java 8 lambda
slider.setPositionListener(pos -> {
    Log.d("D", "setPositionListener");
    return Unit.INSTANCE;
});

In this code, we use findViewById(R.id.slider) to get a EmojiSlider object.

Run this code, you may see:

EmojiSlider | Creating Beautiful and Custom Emoji Slider in Android