Cara Membuat Efek Kembang Api di Aplikasi Android

Assalamualaikum Wrb Wb

Beberapa hari lagi memasuki tahun 2018, dipenghujung tahun ini saya ingin memberikan tutorial Cara Membuat Efek Kembang Api di Aplikasi Android. Jadi nanti nya pada aplikasi yang kalian buat akan ada efek Kembang Api nya ketika di klik. Penampakannya seperti berikut ini:


Langsung saja ikuti tutorial nya dibawah ini:
- Pertama buka Aplikasi Android Studio dan buat project baru, Start a new Android Studio project

- Lalu masukkan nama Aplikasi nya, misal "Kembang Api"

- Dan atur project properties nya seperti berikut ini, next next saja langsung..



- Lalu klik finish, dan tunggu proses build gradle nya..
- Jika sudah selesai, atur sebuah layout dan beri id pada bagian yang ketika di klik akan menampilkan efek kembang api, disini saya memberi pada LinearLayout

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="id.sch.smkn2cikbar.kembangapi.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:id="@+id/kembangApi">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/klik"/>

    </LinearLayout>


</android.support.constraint.ConstraintLayout>

- Kemudian atur juga pada file java nya, untuk menghandle dan memberi perintah ketika di klik

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(R.id.kembangApi).setOnClickListener(this);
    }

    @Override
    public void onClick(View arg0) {
        new ParticleSystem(this, 100, R.drawable.animated, 5000)
                .setSpeedRange(0.1f, 0.25f)
                .setRotationSpeedRange(90, 180)
                .setInitialRotationRange(0, 360)
                .oneShot(arg0, 100);
    }


}

- Selanjutnya buat file.xml baru pada drawable, untuk animasi petasannya

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false" >
    <item android:drawable="@drawable/confeti2" android:duration="200" />
    <item android:drawable="@drawable/confeti3" android:duration="200" />

</animation-list>

- Terakhir kalian perlu menambahkan beberapa file source tambahan ke project kalian, download file nya terlebih dahulu disini https://drive.google.com/open?id=1auA8sZ81KbSNUElrRQmGtVIsLzO_f6xz
- Ekstrak terlebih dahulu hasil download nya, lalu copy folder petasan pada folder java di project kalian


- Dan folder drawable copy pada folder res di project kalian.
- Terakhir kalian tinggal build dan jalankan aplikasi kalian.


Sekian terimakasih, semoga bermanfaat.. :)

Share this

Berlangganan via email

Related Posts

Previous
Next Post »

1 komentar:

komentar

Semoga harimu menyenangkan :)
Kalau ingin bertanya, tanya kan di fb https://www.facebook.com/robby.akbar.75