Bismillah, Show
Bosan dengan splash screen mu itu — itu aja? Mungkin udah saat nya move on pakai library kecje satu ini :D
Ya, sangat menarik sekali . hehe Untuk library nya bisa di akses disini! Nah, Kali ini saya ingin share step by step cara pembuatannya: 2. Tambahkan pada bagian gradlenya : implementation 'com.wang.avi:library:2.1.3' 3. Setelah itu pada bagian xml layoutnya tambahkan codingan seperti ini : <?xml version="1.0" encoding="utf-8"?> Tampilan preview layout 4. Pada Activity tambahkan codingan seperti ini : lv_loading = (LinearLayout) findViewById(R.id.lv_loading); Full codingan nya tampak seperti ini : public class MainActivity extends AppCompatActivity { //pembuatan variabel untuk linearlayout Silahkan ganti tipe indikator nya sesuai dengan yang kita inginkan , Untuk tipe indikatornya seperti dibawah ini : Running Project maka anda akan melihat animasi yang sangat epic sekali ;) Download project dari github Video Demo : https://www.youtube.com/watch?v=pmSJD0U-obI Mulai Android 12, animasi peluncuran untuk semua aplikasi saat berjalan di perangkat dengan Android 12 atau yang lebih baru. Fitur ini meliputi gerakan ke dalam aplikasi saat peluncuran, layar pembuka yang menampilkan ikon aplikasi, dan transisi ke aplikasi itu sendiri. Gambar 1: Contoh layar pembukaPengalaman ini tidak hanya menghadirkan elemen desain standar ke setiap peluncuran aplikasi, tetapi juga elemen yang dapat disesuaikan sehingga aplikasi Anda dapat mempertahankan branding yang unik. Selain menggunakan Cara kerja layar pembukaJika pengguna meluncurkan aplikasi saat proses aplikasi tidak berjalan (cold start) atau Aktivitas belum dibuat (warm start), peristiwa berikut akan terjadi. (Layar pembuka tidak pernah ditampilkan selama hot start).
Elemen dan mekanisme layar pembukaElemen layar pembuka ditentukan oleh file resource XML dalam Manifes Android. Setiap elemen memiliki versi mode terang dan gelap. Elemen layar pembuka yang dapat disesuaikan terdiri dari ikon aplikasi, latar belakang ikon, dan latar belakang jendela: Gambar 2: Elemen yang dapat disesuaikan dari layar pembukaPerhatikan pertimbangan berikut terkait elemen ini: 1 Ikon aplikasi harus berupa vektor drawable, dan dapat bersifat statis atau animasi. Meskipun animasi dapat memiliki durasi tidak terbatas, sebaiknya jangan melebihi 1.000 milidetik. Secara default, ikon peluncur akan digunakan. 2 Latar belakang ikon bersifat opsional, dan berguna jika Anda memerlukan lebih banyak kontras antara ikon dan latar belakang jendela. Jika Anda menggunakan ikon adaptif, latar belakangnya akan ditampilkan jika kontrasnya cukup dengan latar belakang jendela. 3 Seperti halnya ikon adaptif, sepertiga latar depan disamarkan. 4 Latar belakang jendela terdiri dari satu warna buram. Jika latar belakang jendela disetel dan berwarna polos, latar belakang ini akan digunakan secara default saat atribut tidak disetel. Dimensi Layar PembukaIkon layar pembuka menggunakan spesifikasi yang sama dengan Ikon adaptif, sebagai berikut:
Misalnya, jika ukuran penuh gambar adalah 300×300 dp, ikon harus sesuai dengan lingkaran berdiameter 200 dp. Semua yang ada di luar lingkaran akan terlihat (tersamarkan). Gambar 3: Dimensi ikon layar pembuka untuk latar belakang solid dan transparanAnimasi Layar Pembuka dan urutan peluncuranLatensi tambahan sering dikaitkan dengan peluncuran aplikasi saat cold start. Menambahkan ikon animasi ke layar pembuka Anda memiliki daya tarik estetika yang terlihat jelas dan memberikan pengalaman yang lebih premium. Selain itu, ada manfaat tambahan: riset pengguna menunjukkan bahwa waktu startup yang dirasakan lebih sedikit saat melihat animasi. Animasi layar pembuka disematkan dalam komponen urutan peluncuran berikut.
Saat menjalankan animasi ikon, peluncuran aplikasi memberi Anda opsi untuk melewati urutan jika aplikasi sudah siap sebelumnya. Aplikasi akan memicu Persyaratan animasi layar pembukaLayar pembuka Anda harus mematuhi spesifikasi berikut:
Referensi Layar PembukaGambar 4: Contoh AVDDownload starter kit contoh kami, yang menunjukkan cara membuat, memformat, dan mengekspor animasi ke AVD.
Dengan mendownload file ini, Anda menyetujui Persyaratan Layanan Google. Kebijakan Privasi Google menjelaskan cara penanganan data di layanan ini. Menyesuaikan layar pembuka di aplikasi AndaSecara default, Layar pembuka aplikasi Anda dapat disesuaikan menggunakan salah satu cara berikut:
Menetapkan tema untuk layar pembuka untuk mengubah tampilannyaAnda dapat menentukan atribut berikut di tema Aktivitas untuk menyesuaikan layar pembuka aplikasi Anda. Jika Anda sudah memiliki implementasi layar pembuka yang lama dan telah menggunakan atribut seperti
Membiarkan layar pembuka tetap muncul di layar untuk waktu yang lebih lamaLayar pembuka ditutup setelah aplikasi Anda selesai menggambar frame pertamanya. Jika perlu memuat sedikit data seperti setelan dalam aplikasi dari disk lokal secara asinkron, Anda dapat menggunakan Jika aktivitas awal Anda selesai sebelum menggambar (misalnya, dengan tidak menyetel tampilan konten dan menyelesaikannya sebelum
Menyesuaikan animasi untuk menutup layar pembukaAnda dapat menyesuaikan animasi layar pembuka lebih lanjut melalui
Pada awal callback ini,
animasi vektor drawable pada layar pembuka telah dimulai. Bergantung pada durasi peluncuran aplikasi, drawable dapat berada di tengah animasinya. Gunakan
Langkah langkah membuat splash screen?Cara Membuat Splash Screen dengan Mudah di Android Studio. Buat project baru. Buka android studio kemudian klik creat new project. ... . 2. Atur layout. Selanjutnya atur layout splash screennya pada activity_main.xml. ... . 3. Atur style. Pada styles. ... . 4. Buat Activity_home. ... . MainActivity.java. ... . 6. AndroidManifests.xml.. Apa fungsi dari splash screen?Splash screen adalah tampilan awal dari aplikasi yang akan menampilkan logo maupun nama aplikasi setiap kali aplikasi akan dijalankan.
Apa yang dimaksud dengan splash screen?Splash Screen merupakan salah satu pattern dalam Android Development. Splash Screen diimplementasikan pada saat aplikasi mulai dijalankan dengan memperlihatkan brand logo aplikasi. Hasil akhirnya akan seperti ini.
|