Pertemuan Ke 7 . 1 Nov 2013

Pada materi kali ini, dosen memberikan contoh project yang akan menggunakan .net class dan silverlight. Maka langsung saja kita akan melihat, bagaimana cara membuat dan menggunakan .net class dan silver light ini.

• Buka visual studio 2010 , pilih file kemudian pilih new project
• Pilih visual c# dan windows phone app.
• Beri nama CreateAButton
• Pilih windows phone Os 7.1.
• Pada aplikasi kali ini, kita menggunakan dua buah elemen, yaitu sebuah button dan sebuah textbox.
• Langsung saja masukkan dua buah elemen tersebut dan atur seperti di gambar.
• Kemudian berikan properties  sebagai berikut :
• Button :
  Name : myNewButton
  Content : Add Element
• Textbox :
  Name : myTextBox
  Text : First TextBox

Kemudian isikan coding sebagai berikut :

Untuk membuat elemen elemen pada windows phone ini, tidak hanya dapat dilakukan dengan           drag and drop, tapi anda juga bisa menambahkan elemen menggunakan coding, anda dapat             menambahkan coding tersebut di MainPage.xaml. dan tidak hanya itu, anda juga dapat                   mengakses coding elemen tersebut, pada MainPage.xaml.cs.

Disini saya juga menambahkan textbox yang berfungsi untuk memperjelas bahwa elemen yang        kita buat di MainPage.xaml dapat juga di akses melalui MainPage.xaml.cs

Element yang ada pada MainPage.xaml merupakan sebuah class. 

Element seperti “Grid” dan “Button” itu merupakan sebuah Class dari .Net Library . di karenakan   Button yang kita buat adalah sebuah Class, kita bisa mengakses Button ini dari MainPage.xaml.cs,   anda bisa mengklik 2x pada Button dan langsung akan masuk ke MainPage.xaml.cs .

Coding ContentGrid.Children.Add(myNewButton) digunakan untuk menambahkan button. Jadi disini kita akan menambahkan sebuah Button kedalam ContentGrid, ContentGrid ini berasal dari Element Grid yang berada pada Mainpage.xaml .

Sama halnya dengan kode pada TextBox yang berada dibawah kode Button. Setelah anda selesai mengetik coding Button dan TextBox untuk menambahkan Button dan TextBox kedalam Grid .

Kemudian mari kita jalankan emulatornya dan melihat hasilnya akan seperti pada gambar dibawah ini.

• Seperti yang kita lihat, pada aplikasi tersebut, jika kita klik add button maka akan ada muncul seperti gambar di bawah ini