Hay guys, kali ini kita akan belajar bagaimana membuat Splash Screen Android. 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.
Langkah-langkah:
💻 Mulai Belajar Pemrograman
Belajar pemrograman di Dicoding Academy dan mulai perjalanan Anda sebagai developer profesional.
Daftar SekarangDi Android Studio, buat project baru File => New Project. Setelah selesai, kemudian buatlah Empty Activity baru bernama SplashActivity.java. Setelah itu buka file Manifest dan ubah menjadi seperti di bawah ini.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.dicoding.splashscreen"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".SplashActivity" android:theme="@style/SplashScreenStyle"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> <activity android:name=".MainActivity"> </activity> </application> </manifest> |
Kamu akan melihat error pada android:theme=”@style/SplashScreenStyle”. Ya itu terjadi karena kita belum membuat style tersebut. Sekarang saatnya kita buat style tersebut. Buka folder res => values => styles.xml. Kemudian tambahkan kode dibawah ini ke dalam file styles.xml kalian.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<resources> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> </style> <style name="SplashScreenStyle" parent="Theme.AppCompat.NoActionBar"> <item name="android:windowBackground">@drawable/splash_brand_logo</item> </style> </resources> |
Kamu akan melihat error pada @drawable/splash_brand_logo.xml. Cara mengatasinya kamu dapat menekan alt+enter pada error tersebut => Create drawable resource file ‘splash_brand_logo.xml’ => Ok. Kemudian terbuatlah file splash_brand_logo.xml dan tambahkan kode dibawah ini ke file tersebut.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@color/colorPrimary" /> <item> <bitmap android:src="@drawable/dicoding_logo" android:gravity="center" /> </item> </layer-list> |
Nah untuk android:src dapat kalian isi dengan logo aplikasi kalian.
Terakhir kita buat SplashScreen kita akan berjalan selama 2 detik, caranya buka SplashActivity.java kalian dan tambahkan kode dibawah ini.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
public class SplashActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash); new Handler().postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(SplashActivity.this, MainActivity.class); startActivity(intent); finish(); } }, 2000); } } |
Selesai! Silahkan run dan lihat hasilnya.
Semoga bermanfaat ya, learners. Ingin belajar lebih banyak? Yuk langsung cek Dicoding Academy Belajar Membangun Aplikasi Android Native (www.dicoding.com/academies/26), materi yang dibuat oleh Google Developer Expert Indonesia.
Tunggu tips kami selanjutnya !
