Pages

Cara Membuat Statusbar transparan

Kali ini saya akan membuat posting tutorial yang agak sulit dari tutorial sebelumnya, yaitu tutorial mengedit System UI atau Statusbar agar menjadi transparan.
Karena ini adalah tutorial tingkat dewa jadi sekecil apapun kesalahan dalam mengedit akan berakibat fatal dan gagal total.. .. :-)
Berikut adalah panduan sederhana bagaimana membuat home screen status bar transparan



Syarat firmware sudah deodex, Tested on Galaxy Note II, untuk android lain caranya juga sama.

BAHAN-BAHAN :
1. Copy systemUI.apk yang ada di android "/system/app/systemUI.apk" ke Komputer.
2. Copy framework-res.apk dan twframework-res.apk di android "/system/framework/" ke Komputer.
2. APKTool dowload disini.
3. Rokok 1 Bungkus.
4. Cermin. 

LANGKAH-LANGKAHNYA :
1. Extract APKTool yang tadi di download, terserah mau pake 7z atau Winrar atau apalah namanya.
2. Masukkan file framework-res.apk dan twframework-res.apk ke dalam folder tersebut (folder hasil Extract APKTool).
3. Buka Command Prompt.bat yang ada di folder tersebut. Ketikkan :


  • apktool if framework-res.apk  
Kemudian ketikkan :
  • apktool if twframework-res.apk  
Maka akan tercipta sebuah 2 buah file apk pada folder
  • C:\Documents and Settings\Administrator\apktool
Lalu copy file SystemUI.apk ke dalam folder APKTOOL yang nantinya akan dimodifikasi
Untuk melakukan decompile maka ketikkan :
  • apktool d SystemUI.apk
Proses nya agak lama.

5. Buka "/SystemUI/res/layout/tw_super_status_bar.xml" dan ganti android:background misal 100% transparnnya:
Kode:
<com.android.systemui.statusbar.phone.StatusBarWindowView android:background="#00000000" android:focusable="true" android:fitsSystemWindows="true" android:descendantFocusability="afterDescendants"
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:systemui="http://schemas.android.com/apk/res/com.android.systemui">
6. Save "/SystemUI/res/layout/tw_super_status_bar.xml"
7. Buka "/SystemUI/res/values/drawables.xml" dan edit baris ini untuk mendapatkan transparansi yang Anda butuhkan, for example, 100% transparan:
Kode:
<item type="drawable" name="status_bar_background">#00000000</item>
  • Keterangan: 
  • #00000000 - 100% transparency

    #3F000000 - 75% transparency

    #7F000000 - 50% transparency

    #BF000000 - 25% transparency
8. Save "/SystemUI/res/values/drawables.xml"
9. Recompile SystemUI.apk caranya:
ketikkan :
  • apktool b SystemUI
dan perlu diingat untuk mengcompile cukup ketik nama foldernya saja tanpa .apk dan proses mungkin agak lama
10. Setelah selesai di dalam folder SystemUI akan tercipta dua buah folder baru bernama build dan dist. File SystemUI.apk di dalam folder dist tidak bisa digunakan langsung di ponsel android kita karena itu adalah unsigned apk.

11. Kemudian buka file SystemUI.apk (yang berada di folder apktool) dengan WinRAR atau 7zip dan buka juga file SystemUI.apk (yang berada dalam folder dist). Di sini kita akan melakukan signed apk secara manual dan hanya berlaku tanpa mengedit file AndroidManifest.xml jika kamu mengedit file AndroidManifest.xml maka kamu harus mengsigned apk dengan signapk.jar yang mempunyai command tersendiri.

Seret file AndroidManifest.xml ke SystemUI.apk yang berada di folder dist lalu tekan ok bila ada konfirmasi.

Lalu seret folder META-INF ke SystemUI.apk yang berada di folder dist lalu tekan ok bila ada konfirmasi.

12. Kemudian copy SystemUI.apk tersebut ke sdcard dan copy-paste SystemUI.apk tersebut ke "/system/app" dan jangan lupa untuk menset permissionsnya.

  • untuk permissionsnya adalah rw-r–r–
Untuk membuat Launcher bawaan samsung suport statusbar transparant ikuti langkah berikut:
  • Copy touchwiz30launcher.apk dari android "/system/app/touchwiz30launcher.apk" ke Komputer
  • Decompile touchwiz30launcher.apk, caranya sama kayak diatas sepert decompile systemUI.apk
  • kalo sudah masuk ke res/xml-ldpi/launcher_config.xml
  • buka launcher_config.xml
  • ubah script:
<?xml version="1.0" encoding="utf-8"?>
<config
  xmlns:launcher="http://schemas.android.com/apk/res/com.sec.android.app.twlauncher ">
     <columnno launcher:menuColumnCount="4" />
     <itemno launcher:itemNumOfPage="12" />
     <pageindicator launcher:useLargeDrawablesOnly="false" />
     <launcher launcher:screenCount="7" launcher:defaultScreenCount="3" launcher:use16BitWindow="true" launcher:useImageMenu="false" />
     <product launcher:modelFamily="S1" launcher:model="GT-I5800" />
</config>


Menjadi:
<?xml version="1.0" encoding="utf-8"?>
<config
  xmlns:launcher="http://schemas.android.com/apk/res/com.sec.android.app.twlauncher ">
     <columnno launcher:menuColumnCount="4" />
     <itemno launcher:itemNumOfPage="12" />
     <pageindicator launcher:useLargeDrawablesOnly="false" />
     <launcher launcher:screenCount="7" launcher:defaultScreenCount="3" launcher:use16BitWindow="false" launcher:useImageMenu="false" />
     <product launcher:modelFamily="S1" launcher:model="GT-I5800" />
</config>

  • compile lagi, pastikan gakada yg error
  • rename and push ke "system/app"
Maka hasilnya seperti ini:


Note:
  • Proses diatas memerlukan waktu yang agak lama itulah mengapa saya menyarankan untuk menyiapkan rokok 1 Bungkus untuk menemani kamu dalam melakukan proses modifikasi System Android. :-)
  • Pastikan kamu sudah membuat backup rom kamu dari CWM untuk menghindari hal-hal yang tidak diinginkan selama proses modifikasi android.
  • File apk yang akan diedit disarankan sudah di deodex atau bisa juga memakai file apk dari Custom Rom karena kebanyakan Custom Rom sudah Deodex.
  • Bagi yang kebetulan suka ngeblog di blogger pasti tidak asing lagi dengan yang namanya edit .XML atau .HTML karena kode nya mirip seperti di android, Tapi jika di Blog ada fasilitas Preview dan jika salah mengetikkan kode maka template tidak dapat di parse apalagi di simpan, sedangkan di android masih bisa di simpan, maka untuk itu di butuhkan ketelitian tingkat dewa, :-)
  • Untuk membuktikan anda sudah teliti apa belum saya akan bertanya kepada anda Dari semua langkah-langkah diatas langkah No.4 ada di mana??? pasti jawaban anda "oh iya mas langkah no.4 nya gak ada" berarti anda belum teliti, hehe
  • Jika sudah mengikuti langkah diatas tetapi malah hasilnya gak karuan, Saya sudah menyuruh anda mempersiapkan Cermin, Kesimpulannya Berarti anda kurang ganteng, Ingat : Ganteng itu Relatif sedangkan Jelek itu Permanent, hahahaha, saya hanya bercanda :-)
RESIKO DITANGGUNG PENUMPANG


Jika ada yang ingin di tanyakan lebih lanjut hubungi saya atau bergabung di Group Facebook Android. Sumber Inspirasi: http://forum.xda-developers.com/showthread.php?t=1930777


57 komentar:

  1. wuihihiihi,, maka yg terpenting buat saya dalam hal ini adalah kepemilikan galaxy II nya dulu nih mas kalau begitu :p

    BalasHapus
    Balasan
    1. Ini juga berlaku untuk jenis android lain kok mas, gak harus galaxy note II

      Hapus
  2. wah mantap sobat, kelihatan tambah keren nih... ijin save sobat.. makasih tipsnya ya..?

    BalasHapus
  3. Balasan
    1. Ya sob sementara cuman buat Android dulu, mungkin kapan2 sya akan share buat OS lainnya.. ..

      Hapus
  4. Hadir teman,,, wah sangat rumit kayak nya nih ??
    salam kenal aja ya ??

    BalasHapus
    Balasan
    1. Tidak terlalu rumit kok sob,
      makasih sob sudah berkunjung.. ..

      Hapus
  5. aseekkk...makasih tutornya mas...jadi tambah ilmu nih aku

    BalasHapus
  6. Kunjungan pagi sob....ternyata untuk android dan semoga pengguna android makin senang dengan adanya tutorial ini.

    Salam....

    BalasHapus
    Balasan
    1. Terima kasih sob kunjungannya.. ..
      semoga aja begitu, hehe.. ..

      Hapus
  7. wah sangat bermanfaat nih gan caranya

    BalasHapus
  8. wah, seperti agak agak susah bagi pemula seperti saya

    BalasHapus
    Balasan
    1. Gak juga kok sob, asal sesuai tutorial aja.. ..
      makasih ya sudah berkunjung.. ..

      Hapus
  9. keren nih bisa mirip ama windows 7 donk :)

    BalasHapus
    Balasan
    1. Mungkin kalo untuk mirip lebih mirip lynux bang, soalnya android kernelnya nya dari lynux,
      tapi kalo tampilan bisa dibikin mirip apa aja.. ..

      Hapus
  10. silaturrahim, sambil nyimak postingannya sobat

    BalasHapus
    Balasan
    1. Terima kasih sobat sudah mau menyimak postingan saya, hehe.. ..

      Hapus
  11. wah jadi makin tau ane setelah membaca artikel ini..

    BalasHapus
  12. Kok mirip kode html ya sob. Kunjungan malam ni.

    BalasHapus
    Balasan
    1. Kalo html nya emang sama gan masih menggunakan standard .XML,
      terima kasih sob kunjungannya.. ..

      Hapus
  13. Baca ajadeh, syarat hape ane belom terpenuhi ace 2

    BalasHapus
  14. ikut nyemak aja kawan. hpku masih dibawah standart :)

    BalasHapus
  15. wah, saya masih harus banyak belajar dari mas santosa untuk menguasai android nih

    BalasHapus
  16. oh iya sob, work di galaxy y nggak?

    os nya ginger bread.

    BalasHapus
    Balasan
    1. Work gan, saya sudah pernah mencoba di galaxy young.. ..

      Hapus
    2. oke kalau gitu gan, saya coba dulu, thanks atas infonya gan

      Hapus
  17. nice post gan , mampir juga di blog ane <a href="http://big-abq-things.blogspot.com> big things</a>

    BalasHapus
  18. hmmm mirip blog ini yang transparant semua


    Kunjungan baliknya saya tunggu

    BalasHapus
  19. Ini work utk semua jenis versi android enggk sob,
    saya pake android gingerbrid, dan mw coba yg ini!

    BalasHapus
  20. wowo komplit.. banget thanks mas...

    BalasHapus
  21. Mas, pnyaq cross a26. Udah custrom Jelybean. Kok ag ada file twframework-res.apk ya di /system/framework/
    Ap cra mas diatas tetep bisa jalan tnpa file twframework?
    Email ke irvanjimmy0@gmail.com ya mas jawabannya.

    BalasHapus
  22. Mas, pnyaq cross a26. Udah custrom Jelybean. Kok ag ada file twframework-res.apk ya di /system/framework/
    Ap cra mas diatas tetep bisa jalan tnpa file twframework?
    Email ke irvanjimmy0@gmail.com ya mas jawabannya.

    BalasHapus
  23. Tidak bekerja pada JB custom rom. Huhu...

    BalasHapus
  24. ini suport galaxy ace duos s6802 nggak?

    BalasHapus
  25. Gan
    punya q kok cuman keluar folder build aja?
    dist nya gk muncul ?
    padahal udah q ketik apktool b SystemUI
    gmn ntu gan???

    BalasHapus
  26. Gan kok file Command Prompt.bat gk ǟϑ☺ di folder apktool
    Newbi

    BalasHapus
  27. Saya suka bahan2 nya
    Rokok dan cerminnya :D
    Ane coba gan thx

    BalasHapus
  28. kok yang saya gak ada file Command Prompt.bat sudah saya extract di folder yang ada apktool.bat ,aapt.exe dan apk tool jar dah segitu aja

    BalasHapus

Tinggalkan Jejak anda disini.