Memanipulasi Tulisan pada TextBlock Windows Phone 8

Kali ini saya akan membahas contoh sederhana tentang manipulasi tulisan pada Text Block. Di windows Phone tidak ada Tools Label seperti yang ada di windows form, sebagai gantiny adalah Text Block. Bagaimana caranya mengubah warna tulisan dan mengubah Alignment Text yang ada di Text Bock. Langsung saja kita desain sebuah Page ali ini saya menggunakan page Landscape

Image

yang kemudian saya desain seperti gambar dibawah ini :

Image

Pada page kali ini saya menggunakan page Landscape. Pada setiap Tombol saya ubah namanya menjadi btnTextLeft, btnTextCenter, btnTextRight, btnMerah, btnBiru, btnKuning, btnHijau, btnUngu, dan btnPink. Sedangkan Text Block ke2 saya ubah namanya menjadi lbNama yang akan berfungsi untuk menduplikat isi dari textbox. Langkah-langkah yang harus kita lakukan adalah :

  1. Menduplikat isi text pada TextBox1 di lbNama, tambahkan event text changed pada textBox1 tersebut dan tambahkan code berikut :
      private void tbNama_TextChanged(object sender, TextChangedEventArgs e)
        {
            LbNama.Text = tbNama.Text;
        }

2. Kemudian mengubah Alignment LbNama menjadi :

a)      rata kiri dengan menambah event klik pada btnTextLeft dan menambah coding seperti berikut :

        private void btnTextLeft_Click(object sender, RoutedEventArgs e)
        {
            LbNama.HorizontalAlignment = HorizontalAlignment.Left;
        }

b)      rata tengah dengan menambah event klik pada btnTextCenter dan menambah coding seperti berikut :

        private void btnTextCenter_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            LbNama.HorizontalAlignment = HorizontalAlignment.Center;
        }

c)       rata kanan dengan menambah event klik pada btnTextRight dan menambah coding seperti berikut :

        private void btnRight_Click(object sender, System.Windows.RoutedEventArgs e)
        {
            LbNama.HorizontalAlignment = HorizontalAlignment.Right;
        }

3. Sedangkan 6 tombol yang berwarna warni berfungsi untuk mengubah warna tulisan dari TextBlock. Berikut code yang harus   ditambahkan :

a)      btnMerah

        private void btnMerah_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush (Colors.Red);
        }

b)      btnBiru

        private void btnBiru_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush(Colors.Blue);
        }

c)       btnKuning

        private void btnKuning_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush(Colors.Yellow);
        }

d)      btnHijau

        private void btnHijau_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush(Colors.Green);
        }

e)      btnUngu

        private void btnUngu_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush(Colors.Purple);
        }

f)       btnPink

        private void btnPink_Click(object sender, RoutedEventArgs e)
        {
            LbNama.Foreground = new SolidColorBrush(Colors.Magenta);
        }

Selamat mencoba…🙂

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

%d bloggers like this: