Simple Hidden Docking and Hidden Today with Hotkey

Action

TUTORIAL

Kita mulai dengan create new document di composer seperti gambar dibawah ini.

Selanjutnya kita import masing-masing image yang akan kita gunakan dalam themes ini...

Dengan cara klik File kemudian pilih import (seperti pada gambar di samping.)

Import satu per satu seperti gambar illustrasi di atas

1 2

Setelah semua image kita import, setelah itu kita ubah tatakan icon (gambar 1) dan Tatakan Today (gambar 2) menjadi animation, hal ini kita lakukan agar di nanti kedua image tersebut bisa kita hidden.

Cara mengubah gambar tersebut menjadi animation adalah dengan cara :- Klik kanan pada image kemudian pilih “convert to animation” seperti yang ditunjukan pada gambar diatas

Langkah berikutnya kita import fixed button yang akan kita gunakan di themes ini

Setelah itu kita atur posisinya dan convert to button

Perhatikan gambar disampingCara convert image to button yaituKlik kanan pada image dan akan muncul dialog box teperti gambar di samping dan tinggal kita pilih “convert to button”

Perhatikan gambar disampingCara convert image to button yaituKlik kanan pada image dan akan muncul dialog box teperti gambar di samping dan tinggal kita pilih “convert to button”

1

2

Selanjutnya kita assign fixed button tersebut sesuai dengan fungsi masing-masing button

Sorot Button Callendar

GAMBAR 1

Klik On Activate seperti pada gambar makan akan

muncul menu seperti gambar 2

GAMBAR 2

Klik gambar disamping

Kemudian klik blackberry application dan pilih callendar

Lakukan kembali langkah diatas untuk button SMS dan MessageLakukan kembali langkah diatas untuk button SMS dan Message

Fase Edit Button

Klik kanan pada button kemudian pilih editdan akan muncul

tampilan seperti gambar di bawah

Perhatikan posisi kotak merah

sebelum melakukan

langkah dibawah

Setelah posisi sesuai pada gambar sekarang kita tinggal import image button yang akan kita tampilkan pada saat button tersebut focus in dengan cara :“klik file kemudian piih import dan pilih gambar nya” Perhatikan gambar atas

Setelah gambar muncul kemudian kita geser posisinya sesuai

posisi gambar disamping

2

1

Selanjutnya perhatikan gambar diatas... Setalah kita import image focus in dan kita atur

posisinya maka sekarang kita klik sesuai panah kemudian kita hilangkan gambar

mata sehingga nanti posisi nya menjadi seperti yang ditunjukan pada panah

yang

1

2

1

2

Langkah selanjutnya kita pindah posisi lagi sesuai panah dan munculkan kembali

Mata seperti yang ditunjukkan panah lalu kita ke fase terakhir pada edit button di

Halaman berikutnya :D

1

2

A B

2

1

Lanjut... Kita pindah lagi posisi sesuai

panah dan kita

Hilangkan mata sehingga nampak seperti panah

1

2

Lalu geser sesuai gambar A sehingga posisi nya menjadi seperti gambar B

Klik kanan pada gambar

Pilih “End Editing”

Fase edit button selesai jangan lupa lakukan langkah – langkah diatas untuk button SMS dan Message

Langkah selanjutnya perhatikan gambar dibawah :

2

1

3

Lakukan langkah sesuai urutan panah di atas

Dan ulangi sampai ada sepuluh button seperti gambar di bawah dan

diatur posisinya seperti gambar dibawah

Create Button(Set as Application order)

klik interactivity dan pilih action seperti gambar di

samping dan akan muncul window seperti

gambar di bawah

LAKUKAN SESUAI URUTAN DARI ATAS KE BAWAH

1. Klik Gambar Mata

2. Ganti object dengan tatakan /

docking

3. Kemudian kita pilih change event sehingga muncul

window baru seperti gambar bawah

4. Kita pilih event on button (Callendar) dan focus in (seperti

gambar disamping)

Lakukan proses yang sama pada button Message dan SMS

Selanjutnya kita mulai buat hidden dockingnya.

Mulai dengan klik interactivity button dan

sekarang pilih yang “Hotkey Action”

Kemudian muncul window baru seperti di

gambar bawah

Pertama : klik gambar mata

Kemudian ganti object dengan docking icon

(tatakan icon)

Yang ketiga ; kita klik “next Key Type” dan

karena trigger untuk show adalah space bar, jadi

setelah kita klik next key type tersebut kita tekan

space bar

Terakhir akan muncul action seperti di atas

Lakukan langkah yang sama pada

button satu sampai 10, seperti gambar

disamping

Di halaman selanjutnya kita tinggal set action button untuk hide . :D

Untuk hide tinggal kita klik gambar mata

tertutup

Kemudian ganti object mulai dari docking icon (tatakan icon) sampai button yang terakhir

Lalu klik next key typed dan tekan tombol esc

Lakukan tahap pertama sampai ke tiga untuk button-

button yang kita buat (button 1-10)

Seperti gambar diatas.

Tahap terakhir di Composer yaitu eksport ke SVG agar dapat kita gunakan di Theme

Builder

Kita klik File --- Eksport ---- SVG

Sampai muncul windows baru seperti gambar sebelah kana dan Selesai

Proses di composer selesai.... Sekarang tinggal anda berkreasi di builder...

Selamat Berkreasi.... :D

Berikut saya lampirkan Capture “Red Lovers V2”

lumenta@idberry.com