Menerapkan Back Action Bar Pada Aplikasi Android Dengan Android Studio

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 :
Membuat Project Baru dan Menjalankan Project di Android Studio

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

3 komentar


EmoticonEmoticon