Overlay dan Transparant ActionBar Android

oke, tulisan pertama setelah kebangkitan ke 3 situs rizki.id gara-gara lupa perpanjang hosting dan tidak ada backup.

Langsung ke topik, kali ini saya akan membahas customisasi Actionbar di android, khusus di postingan ini saya akan mengubah actionbar jadi overlay alias actionbar ‘diangkat’ ke atas layout biar layout bisa menggunakan seluruh ruang yang ada tanpa terpotong oleh actionbar. Saya juga akan membuat actionbar transparan sehingga konten yang ada dibawahnya akan terlihat seperti gambar dibawah.

https://www.facebook.com/293724930781869/videos/vb.293724930781869/498648816956145/?type=2&theater

 

Untuk membuat actionbar overlay sebetulnya cukup mudah, kita hanya cukup menambahkan satu baris item windowActionBarOverlay di file ‘styles’ didalam folder ‘values’ kemudian mengaktivkannya dengan value ‘true‘.

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat">
        <!-- Customize your theme here. -->
        <item name="android:background">@color/aksen</item>
        <item name="colorPrimaryDark">@color/statbar</item>
        <item name="android:textColor">@color/textcolor</item>
        <item name="android:windowActionBarOverlay">true</item>
        <item name="windowActionBarOverlay">true</item>
    </style>

   
</resources>

diatas saya menggunakan 2 baris yang berbeda namun sebetulnya sama. Satu baris menggunakan awalan android: dan yang satu tidak, ini hanya untuk mengantisipasi device yang belum support android versi ICS ke atas.

Berikutnya kita akan membuat actionbar menjadi transparant, kali ini kita buka class activity yang actionbar-nya akan dibuat transparan, kalo saya biasanya digunakan untuk MainActivity / HomeActivity.

Tambahkan baris kode ini di dalam onCreate, tepatnya setelah setContentView.

ActionBar actionBar = getSupportActionBar();
actionBar.setBackgroundDrawable(new ColorDrawable (Color.parseColor("#00000000")));
actionBar.setDisplayShowTitleEnabled(false);

#00000000 adalah kode warna untuk transparansi. sedangkan

setDisplayShowTitleEnabled(false) untuk menyembunyikan actionbar title. Lalu kembali ke ‘styles’ kita tambahkan item berikut:

<item name="android:windowBackground">@null</item>
<item name="android:background">@android:color/transparent</item>
<item name="background">@android:color/transparent</item>

Oke, done sekarang silahkan dicoba, kalo saya si berhasil :D. Oh iya kalo icon menu actionbar bakal tetep muncul selama memang ada menunya. Selamat mencoba.

 

You may also like:

Like
Like Love Haha Wow Sad Angry

Leave a Reply

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