Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 2

Posting ini terbagi menjadi 2 bagian, posting ini merupakan bagian kedua dari kumpulan posting berikut:

1. Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 1
2. Pengembangan Windows 8 Apps Menggunakan Blend dan Visual Studio 2012 - part 2

Setelah kita belajar menuliskan Hello World!!! pada tutorial sebelumnya. Pada bagian kedua ini akan dibahas penggunaan Blend for Visual Studio. Untuk lebih mengenal Blend for Visual Studio silakan simak tutorial di bawah :

Developing Windows 8 Apps

Setelah berkenalan dengan Visual Studio2012, kali ini akan dipaparkan tool lain yang wajib digunakan saat mengembangkan Windows 8 Apps. Tool tersebut bernama Blend for Visual Studio. Blend merupakan User Interface Design Tool untuk Windows 8 Apps Development. Dengan menggunakan Blend proses desain Windows 8 App akan lebih mudah dan cepat. 

Pada posting ini akan dibahas proses desain dari program Hello World!! yang telah dibuat pada posting sebelumnya. Kita akan mengubah ukuran huruf, warna dan letak dari tulisan Hello World!! Windows 8. 

Berikut hasil akhir dari tutorial ini:

Hello World

1. Klik kanan file Solution project Hello World

2. Open-With file dengan Blend for Visual Studio

Maka akan tampil workspace dari Project kita, berikut screenshotnya

Blend workspace

3. Buka file MainPage.xaml

Untuk melakukan perubahan ukuran, warna dan letak huruf perhatikan panel Properties pada bagian kanan.  Pada panel tersebut terdapat banyak konfigurasi yang bisa digunakan pada desain Windows 8 Apps. 

Untuk mengubah ukuran & tebal huruf :

1. Pilih Tab Text

2. Pada input Font size, pilih ukuran 24pt

3. Pada opsi Font Weight, pilih ExtraBold

Change Font size and Font Weight

Mengubah letak huruf :

1. Pindah ke Tab Layout

2. Pada opsi HorizontalAlignment dan VerticalAlignment pilih posisi center

Layout adjustment

Mengubah warna huruf:

1. Pindah ke Tab Brush

2. Pada input color value isikan #FF0068FF

Change Font color

Kemudian tekan F5 untuk proses kompilasi. Maka akan tampil Windows 8 Apps seperti berikut :

Hasil menggunakan Blend

Kesimpulan:

Dari 2 posting tentang Pengenalan Tool pengembangan Windows 8 Apps ada beberapa kesimpulan yang dapat kita ambil saat kita mengembangkan Windows 8 Apps. 

Dengan menggunakan Visual Studio dan Blend proses pengembangan akan lebih cepat dan mudah. Proses skripting dan desain dapat ditangani secara maksimal dengan kedua tool tersebut. 

Proses penulisan program dapat dilakukan menggunakan Visual Studio. Untuk proses Desain User Interface menggunakan Blend.

Kedua tool tersebut saling terintegrasi, jadi dapat berpindah dari tool dengan mudah untuk 1 project.