Android Studio: Cara Menambahkan Tombol Back Pada Title


Selamat pagi, rasanya sudah lama sekali tidak update tutorial tentang aplikasi android menggunakan Android Studio. Karena sibuk mengerjakan tugas-tugas dikampus yang sudah kayak rantai gak ada putus-putusnya, yang membuat saya tidak bisa mencoba membuat aplikasi lagi.

Pada kesempatan kali ini saya akan share tentang cara membuat tombol back pada title di aplikasi kita. Jika kalian menginstall aplikasi bbm dan coba cari menu-menu yang side navbarnya coba klik maka bagian atas akan ada tombol kembali yang kalau kita klik maka kita akan kembali ke mainactivity aplikasi tersebut.

Ok, mungkin kalian pada bingung mau buat apa lebih baik kita langsung coba saja.
1. Buka android studio dan buat project baru, terserah kalian yah namanya.
2. Untuk membuat aplikasi seperti ini yang pasti kita memerlukan lebih dari satu activity, silahkan tambahkan lagi 1 activity, nanti namanya Main2Activity.java
3. Sekarang pada activity_main.xml kita tambahkan 1 button yang saat di klik akan mengarah ke activity 2 yang tadi kita tambahkan.
activity_main.xml
activity_main.xml
4. Langkah selanjutnya kalian tambahkan sintaks pada MainActivity.java untuk mengaktifkan fungsi tombol tersebut. Sintaksnya seperti di bawah ini:
btnMenu = (Button)findViewById(R.id.button);
        btnMenu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                openMenulain();
            }
        });
Untuk methodnya :
public void openMenulain(){
        Intent intent = new Intent(this, Main2Activity.class);
        startActivity(intent);
    }

5. Langkah selanjutnya kita tambahkan sintaks pada Main2Activity.java agar tombol backnya terlihat. Tambahkan sintaksnya seperti di bawah ini:
//replace tittle to icon
        ActionBar menu = getSupportActionBar();
        menu.setDisplayShowHomeEnabled(true);
        menu.setDisplayHomeAsUpEnabled(true);
Sintaks itulah yang berfungsi untuk menambahkan icon back dan actionnya.
6. Langkah terakhir kita edit AndridManifest agar saat tombol tersebut di klik maka akan kembali ke home. Sintaksnya:
<activity android:name=".Main2Activity"
            android:label="Your Label"
            android:parentActivityName=".MainActivity"></activity>

Sampai disini kita sudah berhasil membuatnya, untuk sintaks yang lengkap juga saya sertakan di bawah ini :
MainActivity.java
package com.example.maninback.backtitle;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    Button btnMenu;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btnMenu = (Button)findViewById(R.id.button);
        btnMenu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                openMenulain();
            }
        });
    }

    public void openMenulain(){
        Intent intent = new Intent(this, Main2Activity.class);
        startActivity(intent);
    }
}

Main2Activity.java
package com.example.maninback.backtitle;

import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class Main2Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        //replace tittle to icon
        ActionBar menu = getSupportActionBar();
        menu.setDisplayShowHomeEnabled(true);
        menu.setDisplayHomeAsUpEnabled(true);
    }
}

AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.maninback.backtitle">

    <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=".Main2Activity"
            android:label="Your Label"
            android:parentActivityName=".MainActivity"></activity>

    </application>

</manifest>

Satu lagi, saya menggunakan android M, jadi kalian bisa atur min dan max sdk. Kalian bisa sesuaikan dengan emulator dan device kalian.
Home Activity
MainActivity
Second Activity
Main2Activity.java
 Sekian tutorialnya, maaf updatenya gak rutin yah semuanya. Karena masih sibuk sudah mau buat PKL dan buat Tugas Akhir. Jangan lupa komen dan share kalau artikelnya bermanfaat.

Baca Artikel lainnya:

Artikel Terkait

5 komentar

pada MainActivity.java masih error gan

btnMenu = (Button) findViewById(R.id.button);

knpa button pada (R.id.button) nya merah ya?

gan, sy sdh tampil back tabnya...tapi saat di klik...terminated....down
apa yg salah..?


EmoticonEmoticon