Tutorial Membuat Splashcreen Android

Belajar membuat aplikasi Android dengan mulai membuat Splash screen.

Screen Shot 2016-03-22 at 12.35.01 AM

Buat aplikasi baru sesuai keinginan temen2 semua, tapi siapkan 4 file ini terutama:

Class Java : MainActivity.java dan SplashScreen.java

XML : activity_main.xml untuk tampilan MainActivity.java dan activity_splashscreen.xml untuk tampilan di SplashScreen.java

Tutorial ini akan berlanjut dan dimulai dengan pembuatan SplashScreen ini, jadi bagi temen2 supaya tidak tertinggal artikel2 terbarunya segera subscribe di Codingsinubie.com

Dan… mari mulai menulis kode nya,

1. SplashScreen.java

berikut ini kita buat class untuk meng-handle view dari  activity_splashscreen.xml

package com.codingsinubie.nubieapp;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;

public class SplashScreen extends Activity {
  
  // atur durasi splashscreen
  private static int SPLASH_TIME_OUT = 2000;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_splashscreen);
    
    new Handler().postDelayed(new Runnable() {

      @Override
      public void run() {
        
        Intent i = new Intent(SplashScreen.this, MainActivity.class);

        startActivity(i);

        // close this activity
        finish();
      }
    }, SPLASH_TIME_OUT);
  }
  
  @Override
  protected void onDestroy() {
    // TODO Auto-generated method stub
    super.onDestroy();
  }

}

class diatas digunakan untuk menampilkan view splash, dan di class ini view di tampilkan dengan durasi 2 menit (baris 11)

private static int SPLASH_TIME_OUT = 2000;

dan untuk membuat aplikasi membuka class baru kita gunakan intent (baris 24), menuju class MainActivity.java

Intent i = new Intent(SplashScreen.this, MainActivity.class);

dan finish(); digunakan untuk membuat apabila dari dahsboard saat kita klik back tidak tampil lagi view splashscreen nya.

2. activity_splashscreen.xml

sekarang untuk tampilan splash kita buat sederhana dlu, nanti tmen2 bisa menyesuaikan sendiri dengan imajinasi masing2.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FDC800"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Selamat Datang di CodingSiNubie.com"
        android:gravity="center"
        android:textStyle="bold"
        android:textColor="#FFFFFF"
        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

hasil code diatas sperti ini :

splashscreen

3. MainActivity.java

Ini class untuk tampilin dashboard aplikasi.

package com.codingsinubie.nubieapp;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  }

  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();
    if (id == R.id.action_settings) {
      return true;
    }
    return super.onOptionsItemSelected(item);
  }
}

 3.activity_main.xml

untuk tampilan dahsboard nya kita buat simple saja dulu okee, karena kita fokus belajar buat Splash Screen nya dulu di Tutorial pertama ini.

<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.codingsinubie.nubieapp.MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</RelativeLayout>

jadi nya sperti ini:

mainactivity

berikut AndroidManifest.xml nya

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.codingsinubie.nubieapp"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="14"
        android:targetSdkVersion="22" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.codingsinubie.nubieapp.SplashScreen"
            android:theme="@android:style/Theme.NoTitleBar"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="com.codingsinubie.nubieapp.MainActivity" >
            </activity>
    </application>

</manifest>

// untuk temen2 yang ingin mendownload file lengkap nya, bisa di download disini Screen Shot 2016-03-22 at 12.35.01 AM

// artikel berikutnya akan membuat menu untuk di dashboard, tetep pantengin terus codingsinubie buat artikel terbarunya.

 

Membuat Splashcreen Android

Leave a Reply

avatar
  Subscribe  
Notify of