Tutorial SplashScreen Android Studio

Postingan ini dibuat sebagai Tugas dari Mata Kuliah Pemrograman Mobile teori.
Nama       : Mardani Yusup
Nim         : 515 0711 114
Prodi       : Teknik Elektro

Android Studio merupakan Google IDE untuk pengembangan aplikasi Android. Android studio menyediakan template aplikasi. Sebagai tambahan. Android Studio memiliki tool untuk development, debugging, testing, dan performance  yang memberikan kemudahan keceptan dalam membangun aplikasi. Apabila ingin melakukan tes aplikasi dapat menggunakan emulator atau secara langsung menggunakan perangkat mobile.

untuk kali ini saya ingin memberikan tutorial pada Android studio yaitu membuat splashscreen, apa sih splashscreen? yaitu tampilan awal yang muncul pada saat membuka aplikasi, splashscreen biasannya digunakan untuk "Branding" dari aplikasi tersebut. Bagaimana tutorialnya langsung saja :

1. Bukalahh aplikasi android Studio-nya, saya membuat projek dengan nama splashscreen. lalu buatlah activity baru dengan nama splashscreen. untuk memperbagus aplikasi saya menambahkan gambar background.dengan menuliskan syntak pada splashscreen activity.xml.

	<?xml version="1.0" encoding="utf-8"?>
	<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	tools:context="com.example.b40.projectelko01.SplashScreenActivity">
	<ImageView
	android:id="@+id/imageView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:scaleType="centerCrop"
	app:srcCompat="@drawable/tugas" />
	<TextView
	android:id="@+id/textView"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:ems="10"
	android:inputType="textPersonName"
	android:text="TUNGGU 5 DETIK"
	android:textColor="@color/colorAccent"
	android:textSize="30dp"
	tools:layout_editor_absoluteX="77dp"
	tools:layout_editor_absoluteY="204dp" />
	</android.support.constraint.ConstraintLayout>

view raw Activity_Splash_Screen.xml hosted with ❤ by GitHub

2. setelah kita tulis pada Splashscreen activity.xml tadi, lalu kita ubah pada android manifestnya, agar splashscreen activity ditampilkan diawal sebelum ke activitymainnya. dengan syntak pada android manifest

	<?xml version="1.0" encoding="utf-8"?>
	<manifest xmlns:android="http://schemas.android.com/apk/res/android"
	package="com.example.b40.projectelko01">
	<application
	android:allowBackup="true"
	android:icon="@mipmap/ic_launcher"
	android:label="@string/app_name"
	android:roundIcon="@mipmap/ic_launcher_round"
	android:supportsRtl="true"
	android:theme="@style/AppTheme">
	<activity android:name=".SplashScreenActivity">
	<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>(

view raw android hosted with ❤ by GitHub

3. Lalu kita edit lagi pada, SplashscreenActivity.java untuk mengatur timing step down splashscreennya, disini saya menggunakan waktu 5detik, jadi pada java dituliskan 5000 dimana membacanya 5ms pada java.

	package com.example.b40.projectelko01;
	import android.content.Intent;
	import android.os.Handler;
	import android.support.v7.app.AppCompatActivity;
	import android.os.Bundle;
	import android.view.Window;
	import android.view.WindowManager;
	public class SplashScreenActivity extends AppCompatActivity {
	private static int splashInterval = 5000;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	this.requestWindowFeature(Window.FEATURE_NO_TITLE);
	getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
	setContentView(R.layout.activity_splash_screen);
	new Handler().postDelayed(new Runnable(){
	@Override
	public void run (){
	Intent i = new Intent(SplashScreenActivity.this, MainActivity.class);
	startActivity(i);
	this.finish();
	}
	private void finish(){
	}
	},splashInterval);
	}
	}(

view raw Splashscreen activity.java hosted with ❤ by GitHub

4. Setelah itu saya menambahkan aplikasi setelah splashscreen, aplikasi yang saya buat yaitu counter, lalu tambahkan Button, TextView, dan Button lagi, saya menggunakan 2 button sebagai tombol untuk counter Up, dan Toast untuk menurunkan angka. masukan syntax berikut pada activitymain.xml.

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	android:orientation="vertical"
	tools:context="com.example.b40.projectelko01.MainActivity">
	<Button
	android:id="@+id/button_toast"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="@color/colorPrimary"
	android:onClick="showToast"
	android:text="@string/button_label_toast"
	android:textColor="@color/colorAccent"/>
	<TextView
	android:id="@+id/show_count"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="@color/colorPrimaryDark"
	android:gravity="center"
	android:text="@string/count_initial_value"
	android:textColor="@color/colorAccent"
	android:textSize="160sp"
	android:textStyle="bold"
	android:layout_weight="2"/>
	<Button
	android:id="@+id/button_count"
	android:layout_width="match_parent"
	android:layout_height="wrap_content"
	android:background="@color/colorPrimary"
	android:onClick="countUp"
	android:text="@string/button_label_count"
	android:textColor="@color/colorAccent"/>
	</LinearLayout>(

view raw activity main.xml hosted with ❤ by GitHub

5. Lalu menuliskan syntak pada MainActivity.java untuk menambahkan handler oonClick sebagai tombol countUp tadi. syntax sebagai berikut.

 

	package com.example.b40.projectelko01;
	import android.support.v7.app.AppCompatActivity;
	import android.os.Bundle;
	import android.view.View;
	import android.widget.Button;
	import android.widget.TextView;
	import android.widget.Toast;
	public class MainActivity extends AppCompatActivity {
	private int mCount = 0;
	private TextView mShowCount, show_count;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_main);
	show_count = (TextView) findViewById(R.id.show_count);
	mShowCount = (TextView) findViewById(R.id.show_count);
	}
	public void showToast (View view){
	Toast toast = Toast.makeText(getApplicationContext(),"Angka Anda Sekarang", Toast.LENGTH_LONG); toast.show();
	}
	public void countUp(View view) {
	mCount++;
	if (mShowCount != null)
	mShowCount.setText(Integer.toString(mCount));
	}
	}

view raw mainactivity.java hosted with ❤ by GitHub

6. Setelah itu selesai, tinggal kita run dan jalankan aplikasi bisa menggunakan emulator atau menggunakan perangkatnya secara langsung.

Berikut video aplikasi yang sudah diinstal pada perangkat smartphone.