AndroBlackPool

Membuat Shape mengikuti Progress Bar

- anka 10 kita ambil dari LPadding sebelum di beri formula 
- angka 520 kita ambil dari size progress bar
- angka 60 adalah total detik selama 1 menit

Setelah kemarin kita membahas tentang pola matematika pada KLWP sekarang kita akan membahas bagaimana mengkondisikan formula, Conditional dalam KLWP merupakan suatu bentuk formula yang apabila suatu kondisi terpenuhi maka tugas akan di jalankan, apabila tidak maka menjalankan tugas yang lain, dalam KLWP Conditional di tulis dalam sintax $if(operand, then, else)$, contoh:

• $if(1<2, ya, tidak)$
• $if(df(s)%2=0, Hallo, Apakabar)$

• $if(bi(level)<20, Low Batt, if(bi(level)>=20&bi(level)<80, Masih Aman, if(bi(level)>=80, Battery Full)))$

• $if(bi(level)<20, Low Batt)$
  $if(bi(level)<=20&bi(level)<80, Masih Aman)$
  $if(bi(level)>=80, Battery Full)$

Penulisan "else" atau perintah kedua bersifat optional, jika tidak di tuliskan maka akan di kembalikan ke value default, ada beberapa boolean operator yang dapat digunakan pada Conditional ini, diantaranya : 

Operator	Keterangan
>	Lebih dari
<	Kurang dari
=	Sama dengan
<=	Kurang dari sama dengan
>=	Lebih dari sama dengan
!=	bukan sama dengan
&	dan
|	atau

Pola matematika juga dapat di terapkan pada Formula KLWP baik itu dalam pengkondisian $if(format, then, else)$, atau perhitungan secara mutlak, misalkan dalam formula kita menulisakn sebuah perhitungan seperti :

Pola matematika pada KLWP hampir sama dengan pola yang ada pada bahasa pemrograman.

Operand : nilai asal, baik itu angka atau sintax formula
Operator : intruksi yang di berikan berupa simbol seperti penambahan dan pengurangan

Math Utilities

Salah satu kelebihan dari KLWP yaitu memiliki formula yang berfungsi membuat warna dari kode ARGB atau AHSV, bagi yang hobi menggabar tentu sudah tidak asing lagi dengan sebutan itu, dengan adanya formula ini kita bisa memadukan dengan formula lain supaya berubah dengan sendirinya, misalkan merubah warna background sesuai cover art music yang kita mainkan, atau merubah warna secara perlahan dengan mengkombinasikan formula detik atau yang lain.

Bitmap Pallet Extracts Color

keterangan:

• Mode : command atau perintah sintax (lihat pada contoh)

• Bitmap : image yang di pakai misalkan dari cover art, bitmap global, resource dari http atau full path dari file gambar

• Default : warna default yang dipakai apabila bitmap tidak ditemukan

Color Editor, memanipulasi Warna ARGB 

Keterangan :

• Color: code warna ARGB atau RGB

• Filter : filter color (alpha, saturation, luminance, gradient end color dan seterusnya)

• Amount : value dari filter mulai dari 0 sampai 100

Color Maker

Keterangan:

• A : alpha value (optional, 0 (full transparent) sampai 255 (full opaque), default 255)

• R / H : Red (0-255), Hue (0-360)

• G / S : Green (0-255), Saturation (0-100)

• B / V : Blue (0-255), Value (0-100)

KLWP memiliki beberapa Tags BBCode dan sintax Text converter yang dapat di gunakan untuk memodifikasi text yang kita buat menjadi lebih menarik seperti bold, italic warna text, crop dan sebagainya.

• I : italic (text miring)
• A : text size
• B : bold (tebal)

Text Converter

Setiap formula pada KLWP dapat disisipi dengan format penulisan tanggal [Date] yang dapat disesuaikan dengan keinginan kita, lihat sintax formula pada Tutorial sebelumnya, dengan ini kita dapat mengkondisikan waktu kejadian tertentu misalkan kemarin, besok, lusa, 3 jam yang lalu dan seterusnya.
Contoh:
$df(EEEE, a1d)$ menjadi nama hari besok.
$df("hh:mma", bi(fullempty)$ : waktu pengisian daya
$tf(0h0m0sa1d)$ : waktu menuju tengah malam
$ci(title, a0, a0d)$ : title event hari ini.

Note:

• Format penulisan tanggal bersifat Case Sensitive  
• Format tanggal tersebut dapat dikembalikan oleh beberapa fungsi lain atau anda bisa menggunakan text.
• Untuk text tanggal dapat menggunakan format penulisan seperti "1955y11M12d22h04m00s" untuk mengekspresikan tahun 1955, bulan 11, tanggal 12, pada jam 22:04:00 (semuanya bersifat opsional)
• Penulisan text tanggal juga bisa menggunakan a/r (add/remove) operator, misalkan "a12m3s", akan menambahkan 12 menit dan 3 detik dari waktu saat ini.

Formula pada KLWP adalah suatu kode atau sintax penulisan yang memiliki value tertentu, penulisan formula dapat diletakkan pada bagian manapun asalkan nilai return atau pengembaliannya sesuai dengan value aslinya kecuali isi dari text, misalkan jika formula diletakkan pada bagian color suatu module maka nilai return harus merupakan kode color, atau misalkan formula diletakkan pada size, width, atau hight maka nilai return dari formula harus merupakan angka mulai dari 0 - 1000.

Note :

• Penulisan Sintax Formula harus di apit dengan simbol dolar " $ ".
• Jika terdapat dua simbol dolar " $ " yang terletak diantara dua Sintax maka akan menghasilkan nilai sendiri-sendiri. 
• Jika terdapat satu simbol dolar " $ " yang terletak diantara dua Sintax maka nilai yang keluar hanya sintax yang berada sebelum simbol dolar sedangkan setelahnya hanya menjadi text biasa. 

• Pada deretan submenu editor terdapat kolom check box, centang salah satunya saja misal kita centang pada bagian Width
• Klik icon kalkulator yang ada di atas layar.
• Klik pada Width yang telah memiliki icon kalkulator.

• Globe : menuliskan variable Globe yang kita buat, lihat pada Tutorial sebelumnya
• Pallete : menampilkan collor pallet, berfungsi mencari code warna dengan cepat
• Star : merupakan bookmark dari formula-formula yang kita simpan, misalkan kita membuat formula yang rumit atau cukup panjang, dengan fasilitas ini kita tidak perlu repot-repot jika ingin menuliskan di tempat lain, caranya setelah kita menulis formula, klik pada icon star yang ada di atas layar kemudian beri label.

Note : setelah mengedit formula jangan lupa untuk menyimpan dengan mengklik tombol ok yang ada di atas layar.

Seperti yang telah dijelaskan pada tuturial yang lalu, tab navigasi pada KLWP berada di bawah screen, berfungsi menavigasi bagian-bagian editing dari module yang ada, table dari navigasi ini akan berubah-ubah sesuai dengan module dan penempatannya.

• Items : tabel ini berisi susunan module yang telah di tambahkan, misalkan kita tambahkan shape, Text atau yang lain maka module tersebut akan tersusun pada bagian table ini, perlu di ingat bahwa jumlah module yang bisa di tambahkan pada Root sangat terbatas, jadi pastikan jika membutuhkan banyak module untuk membuat desain, letakkan module-module tersebut pada group (akan kita jelaskan pada bagian lain)
• Bacground : table ini berguna menyeting latar belakang dari desain live wallpaper yang akan dibuat seperti menggunakn gambar atau warna solid.
• Layer : menyeting bagaimana layer di tampilkan misalkan ketika screen locked atau yang lain
• Position : seperti namanya table ini berguna menyeting posisi dari layer
• Global : table ini berisi variable-variable global yang kita buat sendiri
• Shortcut : table ini berisi shortcut aplikasi yang kita buat melalui action on touch agar dapat di akses dengan mudah.

Module

Global

• geser editor pada table global kemudaian klik icon " + " yang berada di atas layar.
• isi kolom Title dengan nama variable yang di inginkan, misal merah
• pada kolom Type  pilih color, kemudian klik ok.

• Klik kotak warna yang berada disebelah nama variable.
• set ke warna merah.

Cara menerapkan varible global pada module, misalkan kita memiliki tiga buah shape dengan nama shape 1 - 3.

• pertama klik pada shape 1
• karna kita menggunakan variable global color, geser ke table paint
• klik check box disebelah menu color.
• klik icon globe yang berada di atas layar
• kemudian klik icon globe yang ada di sebelah color
• pilih nama variable.
• lakukan langkah yang sama pada shape-shape berikutnya

Sekarang coba ganti warna variable global yang dipakai dengan warna hijau, ketiga shape akan berubah menjadi warna hijau.

Note : Jangan takut untuk mencoba, jika salah itu wajar, tinggal hapus dan ulangi lagi dari awal.

Zooper Widget Pro

Menyiapkan Skin

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <string name="app_name">Sample Template Pack</string> //ganti Sample Template Pack dengan nama skin
</resources>

<?xml version="1.0" encoding="utf-8"?>
<resources>

  <!-- These info will be used in the available skins list -->
  <string name="zooper_pack_name">@string/app_name</string>
  <string name="zooper_pack_desc">Pack Description</string>  //ganti Pack Description dengan diskripsi skin
  <string name="zooper_pack_author">Pack Author</string>   //ganti Pack Author dengan nama pembuat skin

  <!-- If set to 0 user will not be allowed to save this template -->
  <integer name="zooper_pack_allowsave">1</integer>  //ganti dengan 0 jika tidak ingin di save ulang

  <!-- This is the icon that will be shown in the plugin list, by default the app one is used -->
  <drawable name="zooper_pack_icon">@drawable/ic_launcher</drawable>
</resources>

<?xml version="1.0" encoding="utf-8"?><!--
== Sample Zooper Widget Skin == 
Please include in the app name or in the package the word "zwskin"
-->
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="my.pkg.name.zwskin.sample"  //nama paket skin contoh: com.androblackpool.zwskin.contoh_skin
    android:versionCode="102"   //initial release
    android:versionName="1.02">  //initial release

    <uses-sdk
        android:minSdkVersion="15"
        android:targetSdkVersion="15" />

<!--
        COMMERCIAL SKINS ONLY:
        - Uncomment provider entry
        - Set android:authorities="PACKAGENAME.zwprovider"
          If package is "my.pkg.name.zwskin.sample" set it to "my.pkg.name.zwskin.sample.zwprovider"
        -->
        <provider
                android:name="org.zooper.zwskin.TemplateProvider"
                android:authorities="com.androblackpool.zwskin.ABP_Zooper_Skin.zwpovinder"/>
        <!-- END Zooper Widget definition -->

note :
jika menggunakan resource external pada skin anda misalkan menggunakan action tasker, menggunakan AP [b] [/b] pada module bitmap atau yang lain, pastikan anda mendistribusikan secara terpisah atau sertakan link pada diskripsi jika perlu.