Cara Menghilangkan Title Bar di Android Studio

Dalam artikel kali ini saya akan memberikan tutorial mengenai cara menghilangkan title bar di Android Studio. Title Bar adalah tampilan judul pada activity di sebuah aplikasi. Selain Title Bar ada juga yang disebut dengan Action Bar. Action Bar ini digunakan untuk menampilkan menu-menu yang dapat digunakan oleh pengguna untuk melakukan sebuah tindakan. Berbeda dengan Action Bar, Title Bar ini hanya digunakan untuk menampilkan judul pada aplikasi saja.

Di Android Studio, title bar ini juga dapat dihilangkan. Biasanya ini dilakukan untuk membuat layar tampilan menjadi lebih lebar. Misalnya saja untuk membuat suatu SplashScreen pada sebuah aplikasi. Nah, berikut ini adalah tutorial bagaimana cara menghilangkan title bar di android studio

Cara Menghilangkan Title Bar di Android Studio

Nah, disini kita punya dua pilihan yaitu menghilangkan semua title bar pada semua activity sekaligus atau menghilangkan title bar pada beberapa activity tertentu saja. Semua ini tergantung pada kebutuhan anda

1. Menghilangkan Semua Title Bar pada Semua Acivity

Pertama-tama, buat atau buka projek Android Studio yang ingin kalian hilangkan title bar-nya. Kemudian pada tab projek sebelah kiri, buka folder app->res->values->styles.xml. Lihat gambar dibawah untuk penampakannya.

Tutor style.xml

Setelah kalian membuka file styles.xml tersebut, kalian akan melihat beberapa kode sederhana. Berikut ini adalah kode default dari file styles.xml tersebut.

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

</resources>

Untuk bisa menghilangkan title bar, kita perlu membuat sebuah item baru dengan nama “windowNoTitle”. Setelah itu kita juga perlu memberikan sebuah nilai pada item tersebut. Nilai yang dimaksud adalah berupa “true” or “false”. Berikut ini adalah contoh kodenya;

<item name="windowNoTitle">true</item>

Berikut ini adalah kode keseluruhan dari styles.xml ketika sudah ditambahkan kode tersebut;

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowNoTitle">true</item>
</style>


</resources>

Setelah kalian melakukan perubahan tersebut, silahkan kalian jalankan aplikasi kalian, dan Title Bar pada semua Activity sudah menghilang bak ditelan bumi. Berikut ini penampakannya.

Sebelum
Sesudah

2. Menghilangkan Title Bar pada Activity Tertentu

Seperti yang sebelumnya, silahkan anda buka file styles.xml. Karena kita hanya akan menghilangkan sebagian atau salah satu title bar pada activity, maka kita perlu membuat sebuah style baru yang khusus digunakan untuk activity yang tidak memakai title bar. Saya akan memberi nama style baru ini dengan nama “noTitleBar”. Tambahkan item yang sama seperti pada contoh nomor satu. Berikut ini adalah kode dari style yang kita buat;

<style name="noTitleBar" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
</style>

Berikut ini adalah kode lengkap dari file styles.xml ketika sudah ditambahkan kode tersebut.

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

<style name="noTitleBar" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="windowNoTitle">true</item>
</style>

</resources>

Setelah kita menambahkan style dan item baru pada file styles.xml, selanjutnya anda buka file AndroidManifest.xml. Letaknya ada di app->manifest->AndroidManifest.xml, lihat gambar dibawah untuk lebih jelasnya.

Tutor manifest.xml

Dan dibawah ini adalah kode default dari AndroidManifest.xml yang ada pada projek saya;

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

<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=".Main2Activity"></activity>
</application>

</manifest>

Pada tahap ini kita hanya perlu menambahkan style yang kita buat pada salah satu activity yang ada. Disini saya mempunyai dua buah activity yaitu MainActivity1 dan MainActivity2. Saya akan menambahkan style tersebut pada MainActivity1, dan berikut ini adalah kode untuk menambahkan style baru pada sebuah activity;

android:theme=”@style/noTitleBar”

android:theme adalah atribut yang kita gunakan untuk menambahkan style yang sudah kita buat. Sedangkan nilai atributnya “@style” digunakan untuk merujuk salah satu style yang dibuat, dan “noTitleBar” adalah nama dari style yang kita buat. Berikut ini adalah kode dari AndroidManifest.xml ketika sudah ditambahkan kode tersebut;

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

<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"
android:theme="@style/noTitleBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

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

</manifest>

Setelah selesai silahkan anda jalankan aplikasinya, hasilnya akan tampak seperti gambar dibawah ini;

Tanpa Title Bar

Nah itulah tutorial bagaimana cara menghilangkan title bar di Android Studio dengan mudah. Semoga artikel ini bisa bermanfaat bagi anda yang sedang belajar pemrograman android dengan menggunakan Android Studio.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.