zooper 2

Untuk pengeditan widget klik bagian layout pada menu zooper (lihat tutorial sebelumnya).
pada bagian ini kita akan dibawa pada menu sperti gambar di bawah ini :

menu awal dari layout

Untuk menambahkan item, klik icon "+" sedangkan icon di sebelahnya untuk menyeleksi semua item-item yang sudah dibuat, untuk pengeditan item yang sudah ditambahkan silahkan klik pada item yang ingin diedit, untuk menghapus item, seleksi dulu item yang ingin di hapus pada kolom seleksi di bagian kanan item.

1. Text 

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Text Conntent : xample atau contoh text (builtin zooper)
• Edit Text Manually : edit text secara manual
• Override Widget Locality : menambahkan defauld lokasi pada item (beberapa item bisa menggunakan default lokasi berbeda-beda)
• Text Conversion Mode : none, lowercase, uppercase, capitalized dll
• Size : menentukan ukuran text
• Color : menentukan warna text
• Text Font Family : menentukan font pada text
• Text Alignment : rata penulisa (default, kiri, kanan, center)
• Drawing Mode : menentukan lapisan gambar antara item yang satu dengan yang lain seperti pada photoshop/gimp
• Scale % : persentase pelebaran text secara X atau Y (nilai positif = X, nilai negatif = Y)
• Rotate : merotasi item sesuai nilai dalam sekala derajat
• Curve : text curve angle atau melengkungkan text
• Width : lebar text (batas penulisan pada screen)
• Blur : menambahkan shadow color (untuk color shadow dan tataletaknya ada di bawah pilihan ini, akan enabled secara otomatis apabila blur diberi nilai)
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

2. Rich Text : hampir sama dengan text, tetapi dalam rich texh penulisan enter tetap berlaku sedangkan text tidak

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Text Conntent : xample atau contoh text (builtin zooper)
• Edit Text Manually : edit text secara manual
• Override Widget Locality : menambahkan defauld lokasi pada item (beberapa item bisa menggunakan default lokasi berbeda-beda)
• X Margin : Batas horizontal text
• Lines : jumblah maximum baris pada rich text
• Size : menentukan ukuran text
• Color : menentukan warna text
• Text Font Family : menentukan font pada text
• Text Alignment : rata penulisa (default, kiri, kanan, center)
• Drawing Mode : menentukan lapisan gambar antara item yang satu dengan yang lain seperti pada photoshop/gimp
• Blur : menambahkan shadow color (untuk color shadow dan tataletaknya ada di bawah pilihan ini, akan enabled secara otomatis apabila blur diberi nilai)
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

3. Rect : untuk membuat rectangle, circle dll

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Color : menentukan warna rect
• Width : menentukan panjang rect
• Height : menentukan lebar rect
• Corner : menentukan ketumpulan sudut rect
• Outline : membuat rect outline (garis luar)
• Rotation : merotasi item sesuai nilai dalam sekala derajat
• Curving : melengkungkan rect
• Drawing Mode : menentukan lapisan gambar antara item yang satu dengan yang lain seperti pada photoshop/gimp
• Blur : menambahkan shadow color (untuk color shadow dan tataletaknya ada di bawah pilihan ini, akan enabled secara otomatis apabila blur diberi nilai)
• Gradient Mode : membuat rect gradient linear atau radial (angle gradient enabled pada linear gradient)
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

4. Series : menampilkan text berupa hari, bulan, tahun, tanggal dll, dengan berurutan secara horizontal atau vertikal

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Series Type : tipe dari series (builtin zooper)
• Item Deposition Order : menentukan urutan secara vertikal, horizontal dll
• Spacing : menentukan jarak atau spasi urutan
• Override Widget Locality : menambahkan defauld lokasi pada item (beberapa item bisa menggunakan default lokasi berbeda-beda)
• Text Alignment : rata penulisa (default, kiri, kanan, center)
• Text Co nversion Mode : none, lowercase, uppercase, capitalized dll
• Size : menentukan ukuran text
• Color : menentukan warna text
• Text Font Family : menentukan font pada text
• Drawing Mode : menentukan lapisan gambar antara item yang satu dengan yang lain seperti pada photoshop/gimp
• Rotate : merotasi item sesuai nilai dalam sekala derajat
• Blur : menambahkan shadow color (untuk color shadow dan tataletaknya ada di bawah pilihan ini, akan enabled secara otomatis apabila blur diberi nilai)
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

5. Scalable Icon Set : menampilkan weather dan battry status dengan basic font ttf

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Iconset :  memilih jenis icon set apakah weather atau battery yang akan di tampilkan
• Iconset Mode : memilih mode battrery indikator atau alarm untuk iconset battery, sedangkan untuk weather, iconset mode memungkinkan untuk menampilkan cuaca pada hari ini,esok hari, dan seterusnya
• Override Widget Locality : menambahkan defauld lokasi pada item (beberapa item bisa menggunakan default lokasi berbeda-beda)
• Size : menentukan ukuran text (basic font)
• Color : menentukan warna text (basic font)
• Text Alignment : rata penulisa (default, kiri, kanan, center)
• Scale % : persentase pelebaran font secara X atau Y (nilai positif = X, nilai negatif = Y)
• Rotate : merotasi item sesuai nilai dalam sekala derajat
• Blur : menambahkan shadow color (untuk color shadow dan tataletaknya ada di bawah pilihan ini, akan enabled secara otomatis apabila blur diberi nilai)
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

6. Bitmap Icon Set : menampilkan weather dan battery status dengan basic image

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Iconset :  memilih jenis icon set apakah weather atau battery yang akan di tampilkan
• Iconset Mode : memilih mode battrery indikator atau alarm untuk iconset battery, sedangkan untuk weather, iconset mode memungkinkan untuk menampilkan cuaca pada hari ini,esok hari, dan seterusnya
• Override Widget Locality : menambahkan defauld lokasi pada item (beberapa item bisa menggunakan default lokasi berbeda-beda)
• Scale : membesarkan atau mengecilkan iconset
• Rotate : merotasi item sesuai nilai dalam sekala derajat
• Opacity : transparasi iconset
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)

7. Progress Bar : indikator battrery dll, tergantung value yang diberikan

8. Bitmap : menampilkan image

• Module Name : memberi nama pada item (secara default nama sesuai dengan jenis item)
• Screen Anchor : memposisikan letak item pada screen di kiri, kanan, atas, bawah, atau center
• X Offset : menggeser item ke kiri atau kanan
• Y offset : menggeser item ke atas atau bawah
• Module OnTap : memilih action ketika item di klik
• Bitmap : memilih image dari galeri atau file manager
• Scale : membesarkan atau mengecilkan image
• Rotate : merotasi item sesuai nilai dalam sekala derajat
• Opacity : transparasi image
• Drawing Mode : menentukan lapisan gambar antara item yang satu dengan yang lain seperti pada photoshop/gimp
• Advanced Parameters : pengkondisian item (akan kita bahas pada tutorial tersendiri)