Hai sobat, di artikel kemari yang berjudul Membuat Animasi Floating Action Butoon, telah dijelaskan bagaimana cara membuat animasi pada objek Floating Action Button, dan di artikel kali ini akan dijelaskan bagaimana cara membuat welcome screen di aplikasi android.
Dalam membuat aplikasi android, kita bisa menampilkan fitur utama dari aplikasi yang kita buat dengan menggunakan welcome screen / loading screen / splash screen / intro screen / apalah sebutanya haha. Menambah splash screen adalah langkah baik untuk meningkatkan kualitas aplikasi karena dengan menggunakan splash screen selain bisa menampilkan fitur utama dari aplikasi yang kita buat, memasang slash screen juga bisa mempercantik tampilan aplikasi kita.
Welcome screen biasanya muncul hanya saat pertama kali aplikasi dibuka atau pertama kali diinstal. Splash screen bisa berisi informasi berupa tulisan dan gambar, ditampilkan per slide dan dilengkapi dengan dua tombol yaitu skip dan next. Penguna bisa menyeret layar ke samping atau menggunakan tombol untuk memindah slide.
Membuat Project Baru
Pada artikel ini, hanya akan membahas tentang welcome screen, dan kedepanya akan digunakan sebagai splash screen aplikasi login dan register data di aplikasi Psantren IDN. Buat broject baru dengan nama Pesantren IDN dan pilih Empty Activity di jendela pilihan activity, lalu beri nama activity dengan SplashScreen.
Membuat Tampilan
Selanjutnya buat tampilanya pada activity_splash_screen.xml sesuai selera atau bisa seperti contoh di bawah ini
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.blogsetyaaji.pesantrenidn.SplashScreen">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/logo"
android:layout_marginTop="30dp"
android:layout_centerHorizontal="true"
android:id="@+id/logo"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pesantren IDN"
android:textSize="40dp"
android:layout_centerHorizontal="true"
android:layout_below="@+id/logo"
android:id="@+id/textView" />
<ProgressBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/progressBar"
android:layout_below="@+id/textView"
android:layout_centerHorizontal="true"
android:layout_marginTop="45dp" />
</RelativeLayout>
Membuat Activity
Setelah membuat tampilan activity splash screen, selanjutnya buat activity baru sebagai activity utama yang dibuka setelah spash screen dengan nama MainActivity.java.
Kemudian buka SplashScreen.java dan buat kodenya seperti berikut ini
package com.blogsetyaaji.pesantrenidn;
import android.content.Intent;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class SplashScreen extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_splash_screen);
/*handler untuk menahan activity sementara*/
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
/*mulai activity ke MainActivity setelah 5 detik*/
startActivity(new Intent(getApplicationContext(),MainActivity.class));
finish();
}
/*durasi 5000ms*/
},5000);
}
}
Membuat Activity Tampil Pertama
Nah, langkah terakhir adalah mengecek apakah activity splshcreen menjadi activity launcher (tampil pertama kali ketika aplikasi di buka) dengan membuka file AndroidManifest.xml. periksa apakah activity splashcreen memiliki kode seperti berikut
<activity
android:name=".Activity.SplashActivty"
android:theme="@style/AppTheme.NoActionBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
Menjalankan Program
Jika sudah, maka aplikasi bisa dijalankan dengan memilih menu Run 'app', tampilanya akan seperti berikut ini
Saat pertama kali aplikasi dijalankan, maka splashscreen akan tampil dalam 5 detik, selanjutnya main activity tampil sebahgai activity utama.
Sekian artikel tentang Membuat Android Welcome Screen, semoga bermanfaat.
14 komentar
Click here for komentargan error dibagian android:src="@drawable/logo" .
Replysama di setContentView(R.layout.activity_splash_screen); [R] R itu merah itu apaan ya ? mohon pencerahan...
terimakasih sudah berkunjung.. error tersebut muncul karena ada resurce gambar yang tidak ditemukan di dalam folder drawable.. coba masukkan 2 gambar dengan nama logo
Replyuntuk error kedua itu terjadi karena nama layout tidak sesuai dengan project, silahkan sesuaikan dengan file yang ada di folder layout, biasanya bernama activity_main
oke bro ane coba lagi...
Replyandroid:paddingBottom="@dimen/activity_vertical_margin"
Replymas saya newbie, @dimen itu apa ya mas? asal usulnya....
terus activity_vertical_margin itu emang udah ada di android studionya atau dinamain sendiri sama mas?
terima kasih
@dimen adalah nama file dalam resource android untuk menyimpan nilai dimensi. file ini terletak di dalam folder value
Replyactivity_vertical_margin adalah nama value atau nilai yang di simpan di dalam file dimen
dua hal ini biasanya sudah terbentuk oleh android studio, kita bisa membuatnya dengan pengaturan sendiri sesuai yang kita inginkan
@dimen/activity_vertical_margin dipanggil untuk menentukan jarak atau ukuran dimensi dalam layout
seperti itulah om, moga membantu... =D
terima kasih mas, sangat membantu :)
Replygan mohon diperjelas untuk
Replyandroid:paddingBottom="@dimen/activity_vertical_margin"
bagaimana cara membuatnya dan isi codenya apa saja...terima kasih gan
itu adalah properti untuk mengatur jarak luar, kita bisa menyimpan nilainya di dalam file dimen yg ada di dalam folder values - dimen
Replyuntuk menambahkan value, silahkan agan buka file dimen kemudian tambahkan nama dan nilai yang diinginkan, biasanya file ini akan terbentuk otomatis ketika pertama membuat project, akan ada 2 nilai yang terbentuk di dalam file dimen..
semoga membantu gan hehe
saya sudah mengikuti semua tuorialnya, ketika aplikasi djalankan tidak muncul splash screenya tp tidak ada error yang muncul..kira2 knp ya.??
Replyapakah di android manifest perlu ada perubahan.?
trims
coba cek di android manifest mas, periksa apakah semua activity sudah terdekarasi di sana..
Replykemudian pastikan bahwa activity splashscreen adalah activity launcher/yg tampi terlebih dahulu..
semoga membantu 😁
siip gan.. thanks, udah bisa..!!
Replysama2 gan, salam kompor gas :-bd
Reply07/14 19:40:19: Launching app
ReplyCould not identify launch activity: Default Activity not found
Error while Launching activity
tolong bantuannya gan...
ini knapa yah... errornya muncul.
coba di cek dibagian androidmanifest mas, pastikan activity spalsh menjadi launcer activity
ReplyTerimakasih atas kunjunganya.
Jika ada pertanyaan, komentar, atau saran, silakan tulis pada kolom di bawah ini.
ConversionConversion EmoticonEmoticon