[Modding] Mengatur dan Mengedit Ikon Indikator vHome

[Modding] Mengatur dan Mengedit Ikon Indikator vHome

Berikut saya akan share tips mengedit skin vHome v3.95 ke atas, walaupun cuma beberapa..
Agak bingung harus mulai dari mana dulu..

Berikut contoh modifan saya, dengan posisi ikon signal dan baterai ada di sebelah kanan bar.. Posisi nama operator ada di tengah/mid.. Posisi ikon profil ada di kiri..



Persiapan :

1. Siapkan file theme.xml skin yang sedang aktif yang akan di-edit. Bisa dari C:\data\HDesktop_0x2001E8B2\theme\
   Atau dari mengekstrak file xxx.v (yang formatnya bisa direname menjadi xxx.zip)
2. Gunakan (sebaiknya) aplikasi Dedit untuk mengedit file xml..
   Bisa juga menggunakan x-plore asal text code-nya menggunakan utf-8 (lihat pengaturannya di Configuration)
3. 
   

Sebelumnya saya minta ijin sama master-master programer yang kebetulan mampir di Blog saya ini, untuk membuat tutor ini.. Saya buat tutor ini, hanya bonex.. Karena saya sendiri buta sama bahasa html/xml.. Dimaklumi saja, belum pernah mengenyam pendidikan tinggi..

1. Mengatur posisi ikon indikator sinyal, baterai, profile, nama operator, dan kawan-kawan..
   
   
   Klik untuk melihat :

   
   

   Buka dan edit file theme.xml, cari
   
   

   <plugin com="hd_status" >
   <group align='left'>
   <indicator type='signal' />
   <indicator type='network' />
   <indicator type='wifi' />
   <indicator type='profile' />
   <indicator type='bt' />
   </group>
   <group align='mid'>
   <indicator type='title' />
   </group>
   <group align='right'>
   <indicator type='earphone' />
   <indicator type='alarm' />
   <indicator type='misscall' />
   <indicator type='sms' />
   <indicator type='email' />
   <indicator type='usb' />
   <indicator type='battery' />
   </group>
   </plugin>

   
   
   

   • Pertama lihat tulisan biru, jadi gampangnya kode di atas harus dimulai dengan <plugin com="hd_status" > dan diakhiri dengan </plugin>
     (kode warna merah dan hitam harus di-apit kode warna biru).
   • Berikutnya lihat tulisan merah, prinsipnya sama dengan kode warna biru, hanya saja kode yang mengapit adalah <group align='right'> dan </group>
   • Selanjutnya, bar indikator yang letaknya paling atas pada tampilan vHome, ada 3 macam posisi standard
     Kiri yang letaknya di antara kode <group align='left'> dan </group>
     Tengah yang letaknya di antara kode <group align='mid'> dan </group>
     Kanan yang letaknya di antara kode <group align='right'> dan </group>
     
     Diantara kode group ini ada kode indicator
     Kode indicator inilah yang berhubungan dengan posisi ikon pada bar indikator..
     Sebagai contoh
     
     
     <group align='right'>
     <indicator type='earphone' />
     <indicator type='alarm' />
     <indicator type='misscall' />
     <indicator type='sms' />
     <indicator type='email' />
     <indicator type='usb' />
     <indicator type='battery' />
     </group>
     
     
     Posisi indikator di atas menujjukan ikon indikator yang ada di sebelah kanan, dengan posisi ikon secara berurutan dari kiri ke kanan
     earphone-alarm-misscall-sms-email-usb-battery'
     
     Kode di ataspun bisa diubah-ubah posisi-nya, misalnya yang tadinya di atas bisa ditaruh ditengah atau di bawah.. Karena contoh di atas untuk indikator sebelah kanan, maka semakin ke atas semakin ke kiri posisinya.. Atau bahkan menghapusnya permanent..
     
     Posisi ini bisa anda ganti dan pindah ke posisi group sebelah kanan, kiri, atau tengah
     Yang perlu diingat adalah tidak boleh ada 2 kode indicator sama atau lebih dalam 1 kode plugin..
2. Mengatur posisi shortcut, bar cuaca, bar google, bar tweeter, bar RSS, to-do list, softkey kanan kiri (CBA), dan kawan-kawan..
   
   Lihat kode :
   
   <plugin com="hd_news" />
   <plugin com="hd_sns" />
   <plugin com="hd_music" />
   <plugin com="hd_luna" />
   <plugin com="hd_search" />
   <plugin com="hd_todo" />
   <plugin com="hd_calendar" />
   <plugin com="hd_shortcut" />
   <plugin com="hd_cba" />
   
   
   Kode di ataspun bisa diubah-ubah posisi-nya, misalnya yang tadinya di atas bisa ditaruh ditengah atau di bawah.. Atau bahkan dihapus permanent
3. Mengganti/menghilangkan background bawaan skin..
   
   • Klau ingin mengganti
     Ganti saja file bg240.jpg dengan file lain
   • Kalau ingin menghapus
     Hapus saja file bg240.jpg dengan file lain
     
     Cari kode :
     
     <theme res="240*320" pluginrect="0,0,240,320" wallpaper='bg240.jpg' color='255,255,255,240,240,240' skin='c:\\System\\Apps\\HDesktop_0x2001E8B2\\theme_pkg\\theme.png' flag="nosep">
     
     
     Hapus juga kode wallpaper='bg240.jpg' di atas..
4. Selanjutnya adalah mengedit skin/ikon di bar indikator vHome..
   
   Jadi ikon-ikon tersebut terletak pada file theme.png yang ada di c:\System\Apps\HDesktop_0x2001E8B2\theme_pkg\..
   Tiap skin mempunyai struktur file theme.png yang berbeda-beda tergantung creatornya..
   Sebagai contoh theme.png dari skin Android berikut :
   
   
   
   Ada banyak ikon indikator diatas.. Anda bisa menggantinya dengan gambar lain dengan ukuran tiap ikon yag sama yaitu kurang lebih 20x20. Timpa saja gambar icon yang akan diganti.. Terakhir beri background transparant..
   Ikon-ikon bisa anda cari lewat bantuan paman google.. Atau di www.iconspedia.com
   Kalau anda mempunyai PC sebaiknya gunakan software PC untuk mengeditnya, seperti Photoshop untuk hasil lebih baik..

Untuk pengaturan posisi pixel dari tiap bar, silakan di-oprek sendiri, karena bukan kapasitas saya untuk menjelaskannya..

Selamat Berkreasi
Semoga Bermanfaat