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… 🙂

Memanggil Form di Windows Phone 8

Kali ini saya akan membahas tentang navigasi page pada windows phone, mungkin istilah navigasi agak asing bagi programmer yang belum menggenal pemrograman web dan berbasis hp. Navigasi page adalah navigasi perubahan form yang ada pada aplikasi. Form biasanya sering disebut dengan page atau halaman sehingga navigasi page bisa disebut juga dengan aksi perubahan halaman. Saya akan memberikan contoh navigasi page dari aksi sebuah button.

  1. Pertama buatlah sebuah halaman yang memilki sebuah tombol seperti dibawah ini.

 Image

2. Kemudian, buatlah sebuah halaman ke2 seperti gambar di bawah ini.

Image

3. Jika telah selesai desain kedua halaman sekarang anda bisa menambah aksi tombol page 2, yaitu aksi klik. Anda bisa langsung menambahkan coding berikut :

      private void btnPage2_Click(object sender, RoutedEventArgs e)
        {
            NavigationService.Navigate(new Uri("Halaman2.xaml",UriKind.Relative));
        }

Sekarang bisa anda coba navigasi halaman yang telah kita buat.

Message Box di Windows Phone 8

Mungkin ini hal yang sanggat dasar cocok untuk tahap awal pemrograman di windows phone 8, terkadang message box sanggat dibutuhkan dalam sebuah aplikasi jadi tidak menutup kemungkinan anda membutuhkan message box. Berikut aplikasi sederhana yang saya desain.

1. Buatlah sebuah page standard seperti gambar dibawah ini :

Image

2. Desainlah page yang ada di tahap 1 menjadi seperti dibawah ini

Image

  • Button Tampil untuk menampilkan pesan yang telah diinput ke dalam sebuah message box
  • Button cancel untuk menghapus pesan yang ada di text box

3. Ubahlah nama dari textbox menjadi tbPesan, tombol “Tampil” menjadi btnTampil dan tombol “Cancel” menjadi btnCancel.

4. Pilih tombol btnCancel dan aktifkan event Clicknya dengan cara mengklik 2 kali event Clicknya dan menambahkan coding di bawah ini

       private void btnCancel_Click(object sender, RoutedEventArgs e)
        {
            tbPesan.Text = "";
        }

5. Lakukan hal yang sama pada btnTampil dan tambahkan code seperti di bawah ini :

       private void Button_Click(object sender, RoutedEventArgs e)
        {
            MessageBox.Show(tbPesan.Text); //`1
            MessageBox.Show(tbPesan.Text, "Pesan",MessageBoxButton.OKCancel);//2
        }

Ada dua buah cara membuat message box,

1)      Dengan MessageBox.Show(“Isi  Pesan”);

Ini bisa digunakan jika message box yang bisa digunakan jika anda hanya membutuhkan message box yang sederhana tidak memutuhkan tombol cancel dan tidak membutuhkan judul.

2)      Dengan MessageBox.Show(“Isi Pesan”, “Judul Pesan”, Tombol);

Message box ini lebih lengkap dari pada yang sebelumnya, dimana message box ini bisa diatur judul message box dan bisa menentukan tombolnya apakah hanya tombol OK saja atau mau tombol OK dan Cancel

%d bloggers like this: