Monday, October 5

(Part I) Membuat tampilan settings ala lollipop CM12 Theme - Menghilangkan Icon ActionBar - Fixed

Catatandroid - How to Mod your Settings.apk - Tutorial merubah tampilan settings seperti Lollipop dan CM12, tampilan settings bawaan jellybean maupun kitkat bisa kita modifikasi menjadi seperti tampilan settings Lollipop dan bisa juga menjadi seperti tampilan settings tema-tema cm12 atau CyanogenMod, penasaran?? yuk ikuti seri tutorial ubah settings ala Lollipop dan CM12 hanya di catatandroid. :D

Dalam sesi pertama ini kita akan menghilangkan icon aplikasi yang terdapat di actionbar, seperti kita ketahui tampilan default settings di lollipop sudah menghilangkan icon aplikasinya yang ebelumnya pada Jellybean dan Kitkat berada di ujung atas sebelah kiri, sebenarnya banyak juga tutorial yang membahas hal yang sama namun catatandroid akan mencoba agar lebih jelas saja, dan untuk tutorial kali ini tidak ada editing image yang mengakibatkan adanya jeda jarak yang mengganggu sebagai pengganti hilangnya icon aplikasi.

Yowis langsung praktek karena sangat mudah.


Menghilangkan Icon Aplikasi di ActionBar Settings


Persiapan

- Mengerti cara decompile recompile
- System telah disable signature
- Settings.apk

Langkah-langkah

- Decompile Settings.apk dengan apktool
- masuk folder \res\values
- buka Styles.xml
- tambahkan pada styles.xml kode di bawah ini tepat di atas </resources>

    <style name="Mole.Theme" parent="@android:style/Theme.Holo">
        <item name="android:actionBarStyle">@style/Mole.Holo.Bar</item>
    </style>
    <style name="Mole.Holo.Bar" parent="@android:style/Widget.Holo.ActionBar">
        <item name="android:icon">@drawable/trans_yanu</item>
    </style>
    <style name="Mole.Bar" parent="@android:style/Widget.ActionBar">
        <item name="android:icon">@drawable/trans_yanu</item>
        <item name="android:paddingTop">0.0dip</item>
        <item name="android:paddingBottom">0.0dip</item>
        <item name="android:paddingStart">0.0dip</item>
        <item name="android:paddingEnd">0.0dip</item>
    </style>

- masih di folder values
- buat 1 file baru dengan nama drawables.xml
- isi drawables.xml kode di bawah ini

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item type="drawable" name="trans_yanu">#00000000</item>
</resources>

- buka file AndroidManifest.xml yang berada di awal folder Settings
- pada AndroidManifest.xml cari kata android:theme="@style/Theme.Holo"
- ubah dengan android:theme="@style/Mole.Theme"
- sehingga kira-kira seperti ini

    <application android:hardwareAccelerated="true" ....... android:theme="@style/Mole.Theme" ........ >

- styles udah, AndroidManifest udah, jangan lupa di save :D
- lalu Recompile dan Sign ulang dengan apktool mobile karena telah edit AndroidManifest di atas.
- Push ke \system\app dengan permission yang benar (rw,r,r)- reboot


Tunggu hape kamu menyala dan silahkan cek dengan membuka menu Settings, relatif mudah kan??? nah kalau tutorial di atas icon aplikasi yang hilang di ActionBar hanya pada Settings saja, kalau ingin icon aplikasi pada ActionBar hilang di semua aplikasi yang di buka yuk lanjut ke tutorial selanjutnya. ;)


Menghilangkan Icon Aplikasi ActionBar di Semua Aplikasi


Persiapan

- Paham cara Decompile Recompile
- framework-res.apk

Langkah-langkah

- decompile framework-res.apk
- masuk folder \res\values\
- buka styles.xml
- cari
    <style name="Widget.Holo.ActionBar" parent="@style/Widget.ActionBar">
dan
    <style name="Widget.ActionBar" parent="@style/Widget">

- tambahkan di atas     </style>
         <item name="icon">@drawable/trans_yanu</item>

- sehingga kira-kira terlihat seperti ini
    </style>
    <style name="Widget.Holo.ActionBar" parent="@style/Widget.ActionBar">
        <item name="progressBarStyle">@style/Widget.Holo....
        .......
        .......
        .......
        <item name="icon">@drawable/trans_yanu</item>
    </style>
    <style name="Widget.Holo.Light" par

- perhatikan penempatannya, rapihkan tiap spasi agar mudah di mengerti struktur kodenya.
- lanjut buka file drawables.xml masih di folder values
- tambahkan sebelum </resources>
    <item type="drawable" name="trans_yanu">#00000000</item>

- Save - Decompile - Push Reboot
- Selesai

Next step
Part II Mengatur Background & Padding List Setting
Part III Dual Layers Background & Side Padding

Tunggu hape menyala dan silahkan buka aplikasi yang terdapat ActionBar seperti Messages, Rootex, Downloads, Notebook, dan lainnya untuk mengecek perubahannya.

Oke sesi pertama dari Tutorial How to Mod your Settings.apk Merubah Tampilan Settings ala Lollipop telah kita lewati, nantikan tutorial selanjutnya kita bermain di menu settings dengan divider dan padding. So stay tuned ya jangan lupa di Bookmark, semoga bermanfaat dan terima kasih kepada Tema CM12 serta grup Maaad. Catatandroid

1 comment:

  1. wuah mantep nih tutornya gan, ane coba dulu ya :D makasih

    ReplyDelete

Silahkan tulis pertanyaan, saran, koreksi, laporan link mati pada kolom komentar di bawah.
Gunakanlah bahasa yang sopan, link aktif diperbolehkan selama disertai komen yang relevan.
Thanks
EmoticonEmoticon