Pertemuan
ke-4 masih tentang perkenalan / basic aplikasi WP. Minggu ini ada 4 video
tutorial perkenalan / basic aplikasi WP. Untuk kali ini saya akan posting 1 dari
4 video tutorial saja. Soalnya 1 video tutorial saja sudah cukup menghabiskan
banyak halaman :D takut-takut koneksi internetnya lelet dan mendadak postingan
gagal #woaaaahhh
Sesi
video pertama “accepting input” kita akan dibimbing untuk membuat aplikasi,
dimana aplikasi tersebut bisa menerima apapun sesuai yang diinputkan, ketika
user input sesuatu maka otomatis aplikasi akan memunculkannya. Gambar berikut
adalah aplikasi demo, agar kita tau bayangan seperti apa aplikasinya.
Nah
disini apapun yang kita ketikkan di textbox, maka tulisannya akan muncul di
textblock yang ada di samping button clear. Ingat yaa textbox adalah tempat
untuk user mengetik kata-kata dan textblock adalah tempat untuk menampilkan
kata-kata yang di ketik di textbox. Jadi jangan kebalik~
Kemudian fungsi dari button clear
nanti adalah menghapus semua ketikkan yang sudah di ketik. Contohnya klik saja
button clear tersebut dan otomatis kata-kata yang sudah diketik akan hilang. Langsung
saja buka aplikasi Microsoft visual studionya dan yang pertama kita lakukan
adalah membuat sebuah file atau sebuah project. Pilih file – new project. Jangan
lupa pilih windows phone application dan
pilih visual c#. beri nama file dengan “AcceptingInput”, pilih browse
dan tempatkan filenya di folder yang kita inginkan. Dan samakan Name dan
Solution Name nya. Dan klik ok.
Dan pilih OS 7.1
Nah sekarang pertama-tama kita harus
memasukkan 3 elemen ke dalam aplikasi kita yaitu textbox, textblock dan
button*lihat contoh gambar demo*. Drag and drop textbox, textblock dan button
kemudian diatur-atur. Kemudian kasih nama buttonnya Click Me.
Kemudian
textbox juga beri nama sesuai yang ada gambar dibawah “Text”nya dikosongkan.
Label
textblock dengan nama mytextblock dan Text nya juga dikosongkan.
Double
klik pada button dan akan keluar MainPage.xaml.cs dan masukkan coding seperti yang
ada digambar, jalankan emulatornya dan
ketikkan sesuatu apakah akan muncul teks yang sudah diketik.
Nah
stop emulatornya dan kita akan melakukan beberapa perbaikan. Coding yang tadi
di comment dengan mengetikkan “//”. Dan
ketik lagi coding yang 1 baris sesuai yang ada digambar. Jadi coding yang hanya
sebaris ini sama dengan coding yang 3 baris. Ini adalah salah satu perbaikan
yang kita lakukan, 3 baris coding ini akan di handle oleh coding yang 1 baris
ini dan jalankan emulatornya kemudian coba ketikkan lagi maka hasilnya pun akan
sama dengan yang tadi *dengan coding 3 baris*.
Jadi
ke depannya disarankan gunakan coding yang hanya sebaris ini dan tidak
disarankan dengan coding 3 baris agar tidak membutuhkan pemrosesan data yang
lain lagi.
Kemudian
perbaikan selanjutnya yang akan kita lakukan adalah bagaimana user mengetik
kata dan langsung muncul ke textblock tanpa perlu menggunakan button Click Me,
jadi tidak perlu klik button untuk memunculkan kata dari textbox, tetapi ketika
user mengetik kata-kata, secara otomatis kata-kata tersebut langsung muncul di
textblock.
Seret
button ke bawah supaya tidak menghalangi karena sekarang kita tidak menggunakan
button. Selain properties, textbox ini memiliki event yang letaknya ada di
sebelah kanan bawah, namanya Properties for the selected element, yang
gambarnya listrik. Pilih dan klik dan akan muncul berbagai macam eventnya. Disini
ada banyak, yang kita butuhkan adalah “TextChanged” jadi ketika teksnya
berubah, maka “TextChanged” ini akan menjalankan sebuah fungsi. Pilih TextChanged
dan double klik maka akan muncul MainPage.xaml.cs.
Kemudian
copy coding yang sebaris tadi dan paste di private void MyTextBox_TextChanged..
di save dan jalankan emulatornya.
Nah
sudah terlihat beberapa perbaikan yaitu kita sudah mengurangi 1 pekerjaan yaitu
klik button. Jadi kita tidak usah mengklik button tapi langsung ketika user
mengetikkan pada inputan maka secara otomatis hasil ketikannya itu akan
ditampilkan. Ini merupakan fungsi dari Event – TextChanged.
Okeh
cukup sekian saja postingan kali ini, sebenarnya masih ada beberapa perbaikan
lagi yang dijelaskan di video tapi berhubung waktu dan tempat, situasi dan kondisi
saya hanya bisa menampilkan yang ini sajaa.. hhehe terimakasihhh semoga bermanfaat~ :D
0 komentar:
Posting Komentar