Cara Menghilangkan Title Bar pada Activity Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

Title Bar didalam Activity, merupakan tampilan judul pada Aplikasi, selain Title Bar ada juga ActionBar atau Toolbar, digunakan untuk menampilkan menu-menu pada Activity untuk melakukan suatu tindakan, berbeda dengan ActionBar/Toolbar, Title Bar hanya menampilkan Judul Aplikasi saja. Seorang programmer pada umumya mengilangkan Title Bar atau ActionBar untuk beberapa keparluan, contohnya pada sebuah Activity yang menampilkan nama branding atau bisa disebut juga Splash Screen dan juga pada sebuah Game, agar tampilan lebih leluasa.


Pada tutorial dasar kali ini, saya akan mengajarkan pada kalian, cara menghilangkan Title Bar atau ActionBar/Toolbar pada sebuah Activity didalam Aplikasi Android.

Materi Lainnya Yang Direkomendasikan:

Cara Menghilangkan Title Bar/ActionBar pada Activity

Buka Aplikasi Android Studio kalian.


2) Klik Start a new Android Studio project Untuk membuat project baru, setelah itu akan muncul tampilan seperti ini.


3) Berinama project dan juga packagenya, serta tentukan lokasi penyimpanan project tersebut, setelah itu klik Next.


4) Pilih Phone and Teblet,Lalu tentukan Minimum SDKnya saya disini memilih API 10 : Android 2.3.3 (Gingerbread), jika sudah silakan Klik Next.


5) Pilih Empty Activity, lalu Klik Next.


Jika kalian telah selesai membuat project tersebut, selanjutnya kita akan mencoba belajar cara mengilangkan Title Bar atau ActionBar pada project tersebut.

Contoh tampilan pada aplikasi, sebelum Title Bar dihilangkan:


Sesudah Title Bar dihilangkan:


Pada aplikasi yang kita buat, kita dapat menghilngkan Title Bar, pada semua Activity sekaligus atau hanya beberapa activity saja yang terpilih.

Misalnya jika kita ingin menghilangkan Title Bar/ActionBar pada semua Activiy, secara sekaligus, kita cukup membuaka file AndroidManifest.xml yang berada pada direktori app > src > main.

Didalam tag <application> ubah value didalam atribut android:theme menjadi @android:style/Theme.NoTitleBar, seperti berikut ini
<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="@android:style/Theme.NoTitleBar">
Karena secara default, style AppTheme sudah terpasang didalam Tag <application> pada AndroidManifest.xml. Maka semua activity didalam project kita, tidak akan menggunakan Title Bar.

Jika kita ingin menghilangkan Title Bar atau ActionBar pada salah satu atau beberapa Activity saja kalian dapat mengaturnya didalam file AndroidManifest.xml (app > src > main). Untuk itu coba kalian buatlah satu buah activity lagi, untuk kita demonstrasikan.

Secara default, atribut dialam AndroidManifest akan terlihat seperti ini:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="android.cianjur.developer.net.wildantechnoart">

    <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=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".SplashScreen"></activity>
    </application>

</manifest>
Disana terdapat 2 buah activity, bernama MainActivity dan SplashScreen, jika kita ingin menghilangkan Title Bar pada Activity SplashScreen saja, kalin cukup menambahkan atribut, android:theme="@android:style/Theme.NoTitleBar", didalam tag <activity android:name=".SpashScreen">, seperti berikut ini:
<activity android:name=".SplashScreen"
         android:theme="@android:style/Theme.NoTitleBar">
</activity>
Atau secara programatik menggunakan bahasa pemrograman Java, misalnya pada MainActivity.
package android.cianjur.developer.net.wildantechnoart;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Window;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        //Menghilangkan Title Bar
        this.requestWindowFeature(Window.FEATURE_NO_TITLE); 
    }
}
Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Disqus Comments