Pages

Wednesday, March 25, 2015

Android Programming - Overlay Action Bar

Overlay mode pada action bar sangat berguna pada saat aplikasi harus menampilkan gambar atau pada saat sedang memutar sebuah video seperti pada aplikasi gallery, berikut contoh tampilan overlay mode pada aplikasi gallery.

Gallery's action bar in overlay mode.

Mengaktifkan Overlay Mode

Untuk mengaktifkan overlay mode pada action bar, anda harus membuat tema custom yang diturunkan (extends) dari tema yang memiliki action bar seperti Theme.Holo atau Theme.AppCompat, kemudian atur properti android:windowActionBarOverlay menjadi true.

Untuk Versi Android 3.0 (API 11) ke Atas

Anda dapat membuat tema custom yang diturunkan dari tema Theme.Holo (atau salah satu dari keturunannya), contoh:

<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@android:style/Theme.Holo">
        <item name="android:windowActionBarOverlay">true</item>
    </style>
</resources>

Untuk Versi Android 2.0 (API 7) ke Atas

Jika Anda menggunakan Support Library, tema custom dapat diturunkan dari tema Theme.AppCompat (atau salah satu dari keturunannya), contoh:

<resources>
    <!-- the theme applied to the application or activity -->
    <style name="CustomActionBarTheme"
           parent="@android:style/Theme.AppCompat">
        <item name="android:windowActionBarOverlay">true</item>

        <!-- Support library compatibility -->
        <item name="windowActionBarOverlay">true</item>
    </style>
</resources>

Contoh diatas mencakup dua definisi tampilan windowActionBarOverlay
  1. Dengan awalan (prefix) android: digunakan pada saat aplikasi berjalan pada android 3.0 ke atas.
  2. Tanpa awalan (prefix) android: digunakan pada saat aplikasi berjalan pada android 2.1 ke atas, versi ini membaca tampilan (style) dari Support Library. 

Note: Untuk menyembunyikan action bar Anda dapat menggunakan getActionBar().hide(); untuk android 3.0 ke atas atau getSupportActionBar().hide(); untuk android 2.1 ke atas, dan untuk menampilkannya kembali gunakan method .show().

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...