Tutorial Membuat Splashcreen Android | Blog Tutorial Pemrograman

Belajar menciptakan aplikasi Android dengan mulai menciptakan Splash screen.

Buat aplikasi gres sesuai cita-cita 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 semoga tidak tertinggal artikel2 terbarunya segera subscribe di Codingsinubie.com

Dan… mari mulai menulis isyarat nya,

1. SplashScreen.java

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

package com.codingsinubie.nubieapp;<br/><br/>import android.app.Activity;<br/>import android.content.Intent;<br/>import android.os.Bundle;<br/>import android.os.Handler;<br/><br/>public class SplashScreen extends Activity {<br/>  <br/>  // atur durasi splashscreen<br/>  private static int SPLASH_TIME_OUT = 2000;<br/><br/>  @Override<br/>  protected void onCreate(Bundle savedInstanceState) {<br/>    // TODO Auto-generated method stub<br/>    super.onCreate(savedInstanceState);<br/>    setContentView(R.layout.activity_splashscreen);<br/>    <br/>    new Handler().postDelayed(new Runnable() {<br/><br/>      @Override<br/>      public void run() {<br/>        <br/>        Intent i = new Intent(SplashScreen.this, MainActivity.class);<br/><br/>        startActivity(i);<br/><br/>        // close this activity<br/>        finish();<br/>      }<br/>    }, SPLASH_TIME_OUT);<br/>  }<br/>  <br/>  @Override<br/>  protected void onDestroy() {<br/>    // TODO Auto-generated method stub<br/>    super.onDestroy();<br/>  }<br/><br/>}<br/><br/>

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 dipakai untuk menampilkan view splash, dan di class ini view di tampilkan dengan durasi 2 menit (baris 11)

private static int SPLASH_TIME_OUT = 2000;

1	private static int SPLASH_TIME_OUT = 2000;

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

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

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

dan finish(); dipakai untuk menciptakan apabila dari dahsboard ketika kita klik back tidak tampil lagi view splashscreen nya.

2. activity_splashscreen.xml

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

&lt;?xml version="1.0" encoding="utf-8"?&gt;<br/>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"<br/>    android:layout_width="match_parent"<br/>    android:layout_height="match_parent"<br/>    android:background="#FDC800"<br/>    android:orientation="vertical" &gt;<br/><br/>    &lt;TextView<br/>        android:id="@+id/textView1"<br/>        android:layout_width="wrap_content"<br/>        android:layout_height="wrap_content"<br/>        android:layout_centerHorizontal="true"<br/>        android:layout_centerVertical="true"<br/>        android:text="Selamat Datang di CodingSiNubie.com"<br/>        android:gravity="center"<br/>        android:textStyle="bold"<br/>        android:textColor="#FFFFFF"<br/>        android:textAppearance="?android:attr/textAppearanceLarge" /&gt;<br/><br/>&lt;/RelativeLayout&gt;<br/>

<?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 :

3. MainActivity.java

Ini class untuk tampilin dashboard aplikasi.

package com.codingsinubie.nubieapp;<br/><br/>import android.app.Activity;<br/>import android.os.Bundle;<br/>import android.view.Menu;<br/>import android.view.MenuItem;<br/><br/>public class MainActivity extends Activity {<br/><br/>  @Override<br/>  protected void onCreate(Bundle savedInstanceState) {<br/>    super.onCreate(savedInstanceState);<br/>    setContentView(R.layout.activity_main);<br/>  }<br/><br/>  @Override<br/>  public boolean onCreateOptionsMenu(Menu menu) {<br/>    // Inflate the menu; this adds items to the action kafe if it is present.<br/>    getMenuInflater().inflate(R.menu.main, menu);<br/>    return true;<br/>  }<br/><br/>  @Override<br/>  public boolean onOptionsItemSelected(MenuItem item) {<br/>    // Handle action kafe item clicks here. The action kafe will<br/>    // automatically handle clicks on the Home/Up button, so long<br/>    // as you specify a parent activity in AndroidManifest.xml.<br/>    int id = item.getItemId();<br/>    if (id == R.id.action_settings) {<br/>      return true;<br/>    }<br/>    return super.onOptionsItemSelected(item);<br/>  }<br/>}<br/>

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 kafe if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onOptionsItemSelected(MenuItem item) { // Handle action kafe item clicks here. The action kafe 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, alasannya yaitu kita fokus mencar ilmu buat Splash Screen nya dulu di Tutorial pertama ini.

&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"<br/>    xmlns:tools="http://schemas.android.com/tools"<br/>    android:layout_width="match_parent"<br/>    android:layout_height="match_parent"<br/>    android:paddingBottom="@dimen/activity_vertical_margin"<br/>    android:paddingLeft="@dimen/activity_horizontal_margin"<br/>    android:paddingRight="@dimen/activity_horizontal_margin"<br/>    android:paddingTop="@dimen/activity_vertical_margin"<br/>    tools:context="com.codingsinubie.nubieapp.MainActivity" &gt;<br/><br/>    &lt;TextView<br/>        android:layout_width="wrap_content"<br/>        android:layout_height="wrap_content"<br/>        android:text="@string/hello_world" /&gt;<br/><br/>&lt;/RelativeLayout&gt;<br/>

jadi nya sperti ini:

berikut AndroidManifest.xml nya

&lt;?xml version="1.0" encoding="utf-8"?&gt;<br/>&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"<br/>    package="com.codingsinubie.nubieapp"<br/>    android:versionCode="1"<br/>    android:versionName="1.0" &gt;<br/><br/>    &lt;uses-sdk<br/>        android:minSdkVersion="14"<br/>        android:targetSdkVersion="22" /&gt;<br/><br/>    &lt;application<br/>        android:allowBackup="true"<br/>        android:icon="@drawable/ic_launcher"<br/>        android:label="@string/app_name"<br/>        android:theme="@style/AppTheme" &gt;<br/>        &lt;activity<br/>            android:name="com.codingsinubie.nubieapp.SplashScreen"<br/>            android:theme="@android:style/Theme.NoTitleBar"<br/>            android:label="@string/app_name" &gt;<br/>            &lt;intent-filter&gt;<br/>                &lt;action android:name="android.intent.action.MAIN" /&gt;<br/><br/>                &lt;category android:name="android.intent.category.LAUNCHER" /&gt;<br/>            &lt;/intent-filter&gt;<br/>        &lt;/activity&gt;<br/>        &lt;activity android:name="com.codingsinubie.nubieapp.MainActivity" &gt;<br/>            &lt;/activity&gt;<br/>    &lt;/application&gt;<br/><br/>&lt;/manifest&gt;<br/>

<?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, dapat di download disini

// artikel berikutnya akan menciptakan sajian untuk di dashboard, tetep pantengin terus codingsinubie buat artikel terbarunya.

Membuat Splashcreen Android

1. SplashScreen.java

2. activity_splashscreen.xml

3. MainActivity.java

3.activity_main.xml

Share this:

Related posts: