MEMPERCANTIK TEXT WINDOWS 8 APP MENGGUNAKAN XAML

Aplikasi windows 8 atau yang sering disebut metro style app lebih menekankan pada content dan typography. Nahh untuk menambah wawasan mengenai typography, saya akan berbagi tips untuk mempercantik text yang akan anda gunakan untuk tampilan aplikasi windows 8 anda agar lebih cantik.

Untuk menampilkan text pada aplikasi windows 8 app biasanya kita gunakan TextBlock,

<TextBlock HorizontalAlignment=”Left” Text=”TextBlock”/>

Kita bisa set properties yang ada pada element TextBlock seperti warna,ukuran text dan masih banyak lagi. Sebagai contoh bisa disimak langsung pada gambar dibawah ini

text1

Selain itu kita juga bisa set properties yang berbeda-beda walaupun dalam 1 baris menggunakan text block. Kita juga bisa menambahkan baris menggunakan text block. Langsung saja disimak gambar dibawah ini,

text2

Selain itu jika kita memiliki text yang panjang pada text block, namun kita hanya ingin menampilkan awalnya saja kita bisa menggunakan properties TextTrimming,contohnya seperti ini

text3

Namun untuk menampilkan text dengan multicolumn atau text dengan jumlah yang banyak kita bisa gunakan RichTextBlock

<RichTextBlock Height=”100″ Width=”100″>

<Paragraph>

<Run Text=”RichTextBlock”/>

</Paragraph>

</RichTextBlock>

Berikut contoh penggunaan RichTextBlock

text4

Okee sekarang anda bisa menggunakan beberapa tips yang sudah saya bagi. Buatlah tata letak text pada aplikasi windows 8 anda sebaik mungkin. Jangan lupa juga percantik text pada aplikasi windows 8 anda dengan beberapa tips yang sudah saya bagikan. Semoga bermanfaat :)

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s