Sabtu, 23 Februari 2013

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

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

Sumber Artikel: http://www.santosasparta.com/2013/02/cara-membuat-statusbar-transparan.html?showComment=1361697673152#c3742779126318420460

Terkait

Description: Cara Membuat Statusbar transparan Rating: 4.5 Reviewer: innasantosa ItemReviewed: Cara Membuat Statusbar transparan
Al
Santosa Sparta Updated at: 07.22

13 komentar:

  1. klo mw edit xml center clock ics ada tutornya gan?

    BalasHapus
  2. heheheh
    rokok 1 bungkus, joss ndooss gan..

    BalasHapus
  3. gan kok folder dist nya gag da gan, knpa ea ???

    BalasHapus
  4. bwt galaxy young bisa ga gan ?

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

    BalasHapus
  6. boleh........senang........sikit.......tak......????

    BalasHapus
  7. GAN ROKOK 1 BUNGKUS MASIH KURANG..:D

    BalasHapus
  8. berhasiiilll.... mkasih yaa,, :* :D

    BalasHapus
  9. gan klo ga ad twframwork-res.apk gmn?

    BalasHapus
  10. gan kenapa pas systemui nya di replace langsung close program terus ?

    BalasHapus
  11. gan? itu wallpapernya ksh link nya sih hhe plissss :D

    BalasHapus
  12. work gan, terima kasih tutornya jaya selalu

    BalasHapus
  13. D note 2 ane knpa gak ada SystemUi nya ya gan.?

    BalasHapus