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
1 |
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/> |
class diatas dipakai untuk menampilkan view splash, dan di class ini view di tampilkan dengan durasi 2 menit (baris 11)
1 |
private static int SPLASH_TIME_OUT = 2000; |
dan untuk menciptakan aplikasi membuka class gres kita gunakan intent (baris 24), menuju class MainActivity.java
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.
1 |
<?xml version="1.0" encoding="utf-8"?><br/><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" ><br/><br/> <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" /><br/><br/></RelativeLayout><br/> |
hasil code diatas sperti ini :
3. MainActivity.java
Ini class untuk tampilin dashboard aplikasi.
1 |
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/> |
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.
1 |
<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" ><br/><br/> <TextView<br/> android:layout_width="wrap_content"<br/> android:layout_height="wrap_content"<br/> android:text="@string/hello_world" /><br/><br/></RelativeLayout><br/> |
jadi nya sperti ini:
berikut AndroidManifest.xml nya
1 |
<?xml version="1.0" encoding="utf-8"?><br/><manifest xmlns:android="http://schemas.android.com/apk/res/android"<br/> package="com.codingsinubie.nubieapp"<br/> android:versionCode="1"<br/> android:versionName="1.0" ><br/><br/> <uses-sdk<br/> android:minSdkVersion="14"<br/> android:targetSdkVersion="22" /><br/><br/> <application<br/> android:allowBackup="true"<br/> android:icon="@drawable/ic_launcher"<br/> android:label="@string/app_name"<br/> android:theme="@style/AppTheme" ><br/> <activity<br/> android:name="com.codingsinubie.nubieapp.SplashScreen"<br/> android:theme="@android:style/Theme.NoTitleBar"<br/> android:label="@string/app_name" ><br/> <intent-filter><br/> <action android:name="android.intent.action.MAIN" /><br/><br/> <category android:name="android.intent.category.LAUNCHER" /><br/> </intent-filter><br/> </activity><br/> <activity android:name="com.codingsinubie.nubieapp.MainActivity" ><br/> </activity><br/> </application><br/><br/></manifest><br/> |
// 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