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.

Cara Menghilangkan Title Bar/ActionBar pada Activity

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.

Membuat Project Aplikasi pada Android Studio_Step1

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

Membuat Project Aplikasi pada Android Studio_Step2

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

Membuat Project Aplikasi pada Android Studio_Step3

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

Membuat Project Aplikasi pada Android Studio_Step4
5) Pilih Empty Activity, lalu Klik Next.

Membuat Project Aplikasi pada Android Studio_Step5

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:

Contoh tampilan pada aplikasi, sebelum Title Bar dihilangkan

Sesudah Title Bar dihilangkan:

Contoh tampilan pada aplikasi, 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