Kamis, 07 November 2013

Pertemuan Keenam Windows Phone - 1 November 2013

Jum'at 1 November 2013



Pertemuan keenam Windows Phone




CLASS AND SILVERLIGHT

Halo sahabat Blogger bertemu lagi bersama saya fadli ,setelah dipending untuk post di pertemuan ke 6 ini saya aka nmenjelaskan sedikit mengenai play with (dot)Net Class And SilverLight. Pada windows phone ini kita akan menggunakan (dot)Net Famework, jadi kita akan menggunakan (dot)Net Class Library yang sudah dibuat oleh Microsoft. Silverlight merupakan sebuah framework untuk membuat sebuah aplikasi windows phone.Atau bisa dibilang pada sesi ini kita akan membuat aplikasi dimana kita bisa menambahkan sebuah object element ke MainPage.xaml melalui Mainpage.xaml.cs ,  langsung saja kita mempraktekkannya :

1. Ok yang pertama , Klik New Project

2. Pilih windows Phone App + Visual C#

3. Disini saya memberi nama project  “CreateAButton” Name project jangan lupa samakan dengan Solution Name

4. Lalu browse dan pilih dimana kita akan menyimpan Folder Project aplikasi yang akan kita buat.

5. Lalu klik OK dan pilih Windows OS 7.1 lalu klik OK

6. Buat sebuah Button danTextBox seperti gambar dibawah ini.

7. Oke, disini kan ada dua layar project yaitu MainPage.xaml dan MainPage.xaml.cs. Element yang ada pada MainPage.xaml merupakan sebuah class ,seperti contoh pada gambar dibawah ini

8. Maksudnya dari element di atas, seperti “Grid” dan “Button” itu merupakan sebuah Class dari(dot)Net Library . dikarenakan Button yang kita buat adalahsebuah Class, kita bisa mengakses Button ini dari MainPage.xaml.cs , seperti contoh pada gambar dibawah ini, bisa mengklik 2x pada Button dan langsung akan masuk ke MainPage.xaml.cs .

9. Biasanya apabila kita ingin memasukkan sebuah element maka kita bisa melakukannya dengan sangat mudah yaitu dengan menarik element apa yang akan kita tambahkan pada aplikasi kita dengan mengambilnya padaToolBox lalu di drag ke layar project kita,  tapi ternyata selain dari ToolBox kita juga bisa membuat element-element itu dengan menggunakan sebuah kode, dan kita juga bisa mengedit pada kode tersebut. Kita langsung saja kembali ke kode pada MainPage.xaml.cs

10. Disini saya sudah memasukan kode-kode, bisa dilihat pada gambar dibawah ini

11. maksud dari kode yang di blok pada gambar di atas adalah merupakan inisialisasi instant object dari class button.

12. sedangkan yang ke bawahnya atau kode yang tidak di blok, merupakan setting properties dari button itu tersebut. Dan dari kode ini juga kita bisa mengakses melalui kode di MainPage.xaml.cs

13. Lalu untuk menambahkan Button yaitu dengan cara mengetik kode seperti gambar dibawah ini (Kode yang di blok)

14. Maksud dari kode di atas adalah “ContentGrid” itu bermaksud menambahkan sebuah Button kedalam ContentGrid, Content Grid ini berasal dari Element Grid yang berada pada Mainpage.xaml.

15. Dan sama halnya dengan kode padaTextBox (yang di blok) pada gambar di bawah ini

16. Ok kita akan mencoba menjalankan emulatornya, dan hasilnya menjadi


0 komentar:

Posting Komentar

 
;