Pembuatan Splash Screen Android pada Phonegap


Splash screen sebagai intro dari sebuah aplikasi berperan penting untuk menambah kredibilitas aplikasi. Splash screen berisi informasi singkat pada aplikasi android. Dalam pembuatannya splash screen yang baik dan tepat terdapat pedoman standar berbagai resolusi smartphone android.  Berikut adalah daftar screen resolution untuk semua device yang mendukung:
  1. Ukuran untuk ldpi (low dots per inch)                      = 240 x 320 pixel
  2. Ukuran untuk mdpi (medium dots per inch)            = 320 x 480 pixel
  3. Ukuran untuk hdpi (high dots per inch)                   = 480 x 800 pixel
  4. Ukuran untuk xhdpi (extra high dots per inch)       = 720 x 960 pixel
Awalnya buat gambar splash screen dengan berbagai ukuran di atas dan buat folder untuk masing-masing ukuran, rename gambar dengan nama “splash”, pastikan file berformat .png. Masuk ke project Phonegap di Eclipse. Copy satu persatu file splash.png ldpi, mdpi, hdpi, dan xdpi ke masing-masing folder di dalam /res/drawable-[jenis resolusi]. 

Android Splash Screen
Masuk ke folder src dan buka file MainActivity.java lalu pada public void Oncreate() tambahkan kode super.setIntegerProperty() yang bertugas untuk mengeset value nama splash screen dan menambahkan string value sebesar 3000(3 seconds) pada fungsi super.loadurl().
Untuk lebih jelasnya, perhatikan code berikut :
public class MyPhoneGapActivity extends DroidGap {@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);super.setIntegerProperty("splashscreen", R.drawable.splash); super.loadUrl("file:///android_asset/www/index.html", 3000); // angka 3000 delay loading 3 detik}}
     Pada super.setIntegerProperty(“splashscreen”,R.drawable.splash); berguna untuk menambahkan integer, sedangkan angka 3000 merupakan delay loading selama 3 detik. Kemudian simpan dan run pada emulator atau device.

Anna

Thanks for visit my blog. Hopefully, the information can be useful and if any questions please enter in the comments field :)

No comments:

Post a Comment