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.
Langkah-langkah untuk membuat card view:
Di 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.
|
<?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.
|
<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.
|
<?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.
|
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.