Memahami XAML: Turunan Pengembangan Aplikasi Windows Phone - Bagian 15

Memahami XAML: Turunan Pengembangan Aplikasi Windows Phone - Bagian 15
Memahami XAML: Turunan Pengembangan Aplikasi Windows Phone - Bagian 15

Video: Memahami XAML: Turunan Pengembangan Aplikasi Windows Phone - Bagian 15

Video: Memahami XAML: Turunan Pengembangan Aplikasi Windows Phone - Bagian 15
Video: 5 Free Email Clients in 2023 - YouTube 2024, April
Anonim

Sampai sekarang, di seri tutorial ini, kami bekerja di C # windows. Dalam posting terakhir kami, kami berbicara tentang Koleksi Objek. Dari tutorial ini, kita akan menghabiskan lebih banyak waktu di jendela XAML daripada jendela C #. Sampai sekarang kami baru saja melihat jendela XAML tetapi belum benar-benar berinteraksi dengan selain menyeret dan menjatuhkan kontrol ke editor visual. Sekarang kita akan mulai menggunakan editor XAML lebih agresif saat kita membangun aplikasi kita.

Seperti yang telah kita lihat sebelumnya, ketika kami membuka proyek apa pun di Silverlight; ada dua panel menghadap kami. Salah satu panel adalah editor visual dan satu lagi memiliki kode XAML di atasnya. Mari kita mulai dengan memahami kerjanya. XAML adalah bahasa pemrograman sama seperti C # adalah bahasa pemrograman lain. XAML adalah terutama digunakan untuk mendesain antarmuka pengguna.

Saat kami menyeret kontrol apa pun pada editor visual, Anda mungkin telah mengamati bahwa ketika kami melakukannya, beberapa kode ditambahkan ke jendela XAML secara otomatis. Demikian pula, ketika kita membuat perubahan dalam properti kontrol yang juga mengubah kode XAML. Ini dilakukan secara otomatis oleh Visual Studio untuk kenyamanan kita dan dengan demikian kita mendapatkan antarmuka "Drag-and-drop" yang sangat mudah dan mudah digunakan.
Saat kami menyeret kontrol apa pun pada editor visual, Anda mungkin telah mengamati bahwa ketika kami melakukannya, beberapa kode ditambahkan ke jendela XAML secara otomatis. Demikian pula, ketika kita membuat perubahan dalam properti kontrol yang juga mengubah kode XAML. Ini dilakukan secara otomatis oleh Visual Studio untuk kenyamanan kita dan dengan demikian kita mendapatkan antarmuka "Drag-and-drop" yang sangat mudah dan mudah digunakan.

Sekarang lihat bagian atas jendela XAML, Anda akan melihat beberapa baris yang dimulai dengan "xmlns", apa garis-garis ini? Garis-garis ini adalah ruang nama. Saya harap Anda ingat apa ruang nama! Baris-baris ini menunjukkan ruang nama dan perakitan di mana file-file tersebut disimpan.

Ada beberapa kontrol tata letak, yang membantu pengguna untuk meletakkan kontrol mereka sesuai keinginan mereka di layar. Beberapa dari mereka adalah panel stack, grid dan sebagainya.
Ada beberapa kontrol tata letak, yang membantu pengguna untuk meletakkan kontrol mereka sesuai keinginan mereka di layar. Beberapa dari mereka adalah panel stack, grid dan sebagainya.

Mari kita buat tombol menggunakan kode XAML. Buat proyek baru dengan beberapa nama yang berarti. Cari kode berikut:

Dan di antara mereka tag grid tempel kode berikut:

Setelah Anda menempelkan kode ini, perhatikan bahwa tombol baru akan dibuat di permukaan desainer. Selamat, Anda baru saja membuat tombol menggunakan tidak lebih dari pengkodean murni.

Ada banyak hal yang harus dipelajari di jendela XAML, tetapi terus pelajari sampai kita kembali dengan tutorial berikutnya. Selanjutnya, tutorial, kita akan belajar tentang semua kontrol tata letak Silverlight.

Direkomendasikan: