Menerapkan Back Action Bar Pada Aplikasi Android Dengan Android Studio - Ngulik Kode

Ngulik Kode

- Haloo kembali lagi dengan saya pad blog ini, lagi-lagi kali ini saya sempatkan untuk membuat artikel kembali walaupun sekarang sudah saya jadwalkan setiap seminggu satu kali atau gak dua kali untuk membuat artikel baru dikarenakan semakin padat jadwal kegiatan saya hehe.

Menerapkan Back Action Bar pada aplikasi android itu sangat berguna sekali untuk user melakukan kembali ke halaman awal, ataupun ke halaman sebelumnya. nah pada kali ini saya ingin meberikan tutorial itu kepada anda yang ingin membangun sebuah aplikasi.

1. Jalankan Aplikasi Android Studio

Jalankan aplikasi android studio anda dan mulai membuat project baru, seperti biasa jika anda belum tahu cara membuat project baru pada android studio postingan saya sebelumnya sudah ada pada blog ini di link bawah ini. tinggal anda ikutkan saja dengan benar.





Baca Juga Artikel :



-

2. Membuat Activity Baru

Membuat activity baru pada project android studio dengan cara seperti gambar diatas, lalu kembali lagi ke activity_main.xml untuk menambahkan button, rubah menjadi seperti code dibawah ini.





activity_main.xml

<?xml version="1.0" encoding="utf-8"?>




<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:paddingLeft="@dimen/activity_horizontal_margin"




android:paddingRight="@dimen/activity_horizontal_margin"




android:paddingTop="@dimen/activity_vertical_margin"




android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">








<TextView




android:layout_width="wrap_content"




android:layout_height="wrap_content"




android:textAppearance="?android:attr/textAppearanceMedium"




android:text="Halaman Utama"




android:id="@+id/textView"




android:layout_alignParentTop="true"




android:layout_centerHorizontal="true" />








<Button




android:layout_width="wrap_content"




android:layout_height="wrap_content"




android:text="Halaman Dua"




android:id="@+id/button"




android:onClick="startDua""




android:layout_below="@+id/textView"




android:layout_centerHorizontal="true" />




</RelativeLayout>

Menambahkan kode seperti dibawah ini kedalam MainActivity.java


Fungsi dari kode ini adalah untuk memanggil file dari DuaActivity.java dan akan menampilkan activity_dua.xml yang di exekusi dari Button

Halaman Dua

public void startDua(View view) { startActivity(new Intent(this, DuaActivity.class)); }

Kode lengkapnya akan tampak seperti dibawah ini



MainActivity.java

package com.panelic.backactionbar;








import android.content.Intent;




import android.os.Bundle;




import android.support.v7.app.AppCompatActivity;




import android.view.View;








public class MainActivity extends AppCompatActivity {








@Override




protected void onCreate(Bundle savedInstanceState) {




super.onCreate(savedInstanceState);




setContentView(R.layout.activity_main);




}








// Letakan Kodenya Disini








public void startDua(View view)




{




startActivity(new Intent(this, DuaActivity.class));




}




}

Jika semua sudah sekarang kita menuju ke AndroidManifest.xml untuk menambahkan kode seperti dibawah ini

<activity




android:name=".DuaActivity"




android:label="HALAMAN DUA"




android:parentActivityName=".MainActivity" >




<meta-data




android:name="android.support.PARENT_ACTIVITY"




android:value=".MainActivity" />




</activity>

Kode lengkapnya akan tampak seperti dibawah ini



AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>




<manifest xmlns:android="http://schemas.android.com/apk/res/android"




package="com.panelic.backactionbar" >








<application




android:allowBackup="true"




android:icon="@mipmap/ic_launcher"




android:label="@string/app_name"




android:supportsRtl="true"




android:theme="@style/AppTheme" >




<activity android:name=".MainActivity" >




<intent-filter>




<action android:name="android.intent.action.MAIN" />








<category android:name="android.intent.category.LAUNCHER" />




</intent-filter>




</activity>




<activity




android:name=".DuaActivity"




android:label="HALAMAN DUA"




android:parentActivityName=".MainActivity" >




<meta-data




android:name="android.support.PARENT_ACTIVITY"




android:value=".MainActivity" />




</activity>




</application>








</manifest>

Jika semua sudah selesai sekarang tinggal jalankan aplikasinya jika tidak ada error maka akan tampak seperti gambar dibawah ini.

Nah itu dia tampilan dari menerapkan Back Action Bar Pada Aplikasi Android.

Terus kembangkan kemampuan yang anda miliki, agar bisa menjadi yang lebih profesional.

Keep Ngulik Kode :)

Sumber : Ngulik Kode