Assalammualaikum Wr.Wb

Pada kali ini saya akan memposting hasil praktek saya pada matakuliah “Visual Programming”. Pada hari itu kami membahas tentang Accepting Input, If Statement, Switch Statement dan For Iteration. Kami belajar menggunakan video tutorial yang dibuat langsung oleh dosen saya.

Setelah kita membuka application miccrosoft visual studio 2010, ikuti langkah-langkah berikut :

1. Pilih menu Template > Visual C#
2. Pilih Windows Phone Application template
3. Kolom Name diisi dengan ‘AcceptingInput’
4. Jangan lupa kolom Solution Name diisi dengan nama yang sama ‘AcceptingInput’.
5. Klik OK

Mungkin anda akan melihat dialog seperti berikut ini :
Anda

Lalu klik ok

Pertama kita harus membuat sebuah text box ubah namenya menjadi  MyTextBox dan Textnya kita kosongkan , kemudian kita memasukan text Block dan kita atur dan kita ubah namenya menjadi MyTextBlock dan textnya kita kosongkan . Setelah itu kita tambahkan sebuah Button. Ubah Name button menjadi ClickMEBT  dan contantnya kita ubah menjadi Click Me.

Pada Button Click Me kita klik 2 kali  sehingga akan muncul ke file MAinPage.xamls.cs .

Setelah itu kita akan membuat sebuah fariable seperti di bawah ini

private void button1_Click(object sender, RoutedEventArgs e)

        {

            string newValue;

            newValue = MyTextBox.Text;

            MyTextBlock.Text = "You Typed:" + newValue;

        }

Atau

private void button1_Click(object sender, RoutedEventArgs e)

        {

            // string newValue;

           // newValue = MyTextBox.Text;

            // MyTextBlock.Text = "You Typed:" + newValue;

MyTextBlock.Text = “You Typed” : “ + MyTextBlock.Text;

        }

Kemudian kita jalankan dengan emulator. dan hasilnya seperti di bawah ini

Kemudian perbaikan selanjutnya yaitu kita akan membuat focus yaitu ketiuka user mengetikan kata di text box secara otomatis akan muncul pada textbox.

Pertama-tama kita klik TextBox kemuadian kita kelik event pada properties à TextChanged (klik 2 kali) kemudian akan dibawa ke file MainPage. Xamls.cs . masukan koding ini

private void MyTextBox_TextChanged(object sender, TextChangedEventArgs e)

        {

            MyTextBlock.Text = "You Typed : " + MyTextBox.Text;

        }

Dan Runningkan dengan klik emulator atau F9

Dan hasilnya seperti di bawah ini

Perbedaannya, pada langkah sebelumnya kita harus mengklik button agar input yang kita masukan masuk kedalam Text Block. Tetapi langkah ini lebih praktis, tanpa menggunakan Button, secara otomatis input yang kita masukan akan langsung muncul kedalam Text Block.

Perbaikan selannjutnya yaitu, bagaimana ketika application ini pertama kali di load, text akan focus pada textbox.

Pertama yang kitalakukan yaitu kembali ke menu MainPage.xaml, ekemudiankita pilih menu view à Other windows à Document Otline à(Phone Aplication Page) à event à Loaded ( keetika halaman ini di load, alamat ini akan menjalankan fungsi kitaklik 2 kali

Kemudian kita akan dibawahke halaman Main Page.xaml.cs

Masukan coding pada di bawah ini

private void PhoneApplicationPage_Loaded(object sender, RoutedEventArgs e)

        {

            MyTextBox.Focus();

        }

Perbaikan selanjutnya yaitu membuat Button clear. Tetapi button yang akan kita pakai yaitu button Click Me yang awal tadi, tetapi textnya kita ubah menjadi Clear. Setelah itu kita klik 2x pada button tersebut dan akan dibawa ke  file MAinPAge.xaml.cs

Kemudian kita masukan code di bawah ini.

private void ClickMeBT_Click(object sender, RoutedEventArgs e)

        {

           // string newValue;

           // newValue = MyTextBox.Text;

           // MyTextBlock.Text = "You Typed : " + newValue;

            MyTextBlock.Text =  "";

            MyTextBox.Text = "";

            MyTextBox.Focus();

        }

 

Setalah kita mengklik button Clear maka text yang diinput akan terhapus

 

Sekian dulu sedikit penjelasa dari saya, kurang lebihnya mohon di maafkan….

Sampai ketemu di posting-posting selanjutnya…