Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19

Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19
Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19

Video: Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19

Video: Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19
Video: Quick Fix: Cloned SSD Won’t Boot - YouTube 2024, Mungkin
Anonim

Setelah mempelajari tentang Pengendalian Gambar, di bagian seri tutorial ini, kita akan belajar lebih banyak tentang merancang aspek aplikasi daripada fungsionalitas. Kami akan belajar tentang cara menggunakan pilihan warna pengguna dalam aplikasi Anda, kami juga akan melihat memilih font dan pengaturan warna yang berbeda dan akhirnya kami akan melihat cara menggabungkan pengaturan khusus yang akan kami buat menjadi gaya, yang dapat digunakan di satu halaman atau di seluruh aplikasi.

Mari mulai sekarang juga. Buat proyek baru dengan beberapa nama seperti biasa dan tempatkan tombol di mana pun Anda inginkan. Sekarang mulai emulator dan klik tombol start. Jadi Anda bisa masuk ke tab pengaturan (klik panah arah ditampilkan di sebelah ikon IE). Sekarang setelah Anda mencapai pengaturan, pergi ke tema. Di sini Anda dapat pengguna dapat mengubah warna latar belakang serta warna latar depan. Sekarang jika Anda memilih warna latar depan dan aplikasi mulai yang berbeda, Anda tidak akan melihat perbedaan atau gaya aplikasi karena kami belum memesan aplikasi kami untuk mematuhi pilihan pengguna.

Jika Anda melihat jendela XAML kami, Anda akan melihat beberapa properti seperti font-family, font size dan sebagainya. Mereka telah ditentukan sebelumnya untuk kita gunakan. Coba lihat bagaimana mereka telah didefinisikan. Ini adalah binding properti, juga dikenal sebagai sintaks yang mengikat. Sumber daya adalah nilai yang dapat digunakan kembali di Silverlight yang telah ditetapkan di satu tempat dan digunakan di tempat lain! Sama seperti CSS.
Jika Anda melihat jendela XAML kami, Anda akan melihat beberapa properti seperti font-family, font size dan sebagainya. Mereka telah ditentukan sebelumnya untuk kita gunakan. Coba lihat bagaimana mereka telah didefinisikan. Ini adalah binding properti, juga dikenal sebagai sintaks yang mengikat. Sumber daya adalah nilai yang dapat digunakan kembali di Silverlight yang telah ditetapkan di satu tempat dan digunakan di tempat lain! Sama seperti CSS.

Jadi dimanakah Sumber Daya Statis ini didefinisikan? Anda tidak akan dapat mencari mereka di proyek kami. Mereka sudah ada di Windows Phone 7.5 dan dikenal sebagai sumber daya tema. Jika Anda ingin mempelajari lebih lanjut tentang sumber daya tema, ada laman hebat di MSDN tempat semua sumber daya statis yang disikat. Meskipun ada banyak sumber daya yang terdaftar, kami hanya akan menggunakan satu sumber daya untuk aplikasi kami, PhoneAccentBrush. Ini akan memberi akses ke latar belakang dan warna latar depan. Kita dapat menambahkan sumber daya ini menggunakan salah satu dari dua cara, baik dengan menambahkannya melalui jendela properti atau dengan mendefinisikannya di jendela kode.

Mari mulai mengedit kode. Mulailah mengetik baris berikut di area kode untuk tombol yang kita miliki di jendela XAML.

BorderBrush = "{StaticResource PhoneAccentBrush}"

Setelah Anda menulis baris ini, Anda akan melihat bahwa batas tombol berubah menjadi Biru. Sekarang mengapa biru? Karena ini adalah beberapa pengaturan standar yang telah dilakukan Microsoft di alat pengembang Windows Phone. Sekarang mari kita ubah properti latar depan tetapi kali ini menggunakan jendela properti. Pilih tombol dan pergi ke jendela propertinya dan cari properti Foreground. Klik kanan pada properti itu dan klik "Apply Resource". Setelah Anda melakukannya, ia akan menampilkan daftar gaya yang tersedia. Klik "PhoneAccentBrush" seperti yang kami lakukan dengan latar belakang. Sekarang cobalah mengubah latar belakang serta warna foreground emulator dan kemudian jalankan aplikasi.

Direkomendasikan: