Windows

Terapkan gaya dan sumber tema kepada kawalan: Tutorial Aplikasi Aplikasi Windows Phone - Bahagian 20

Windows 10 Tutorial: A Comprehensive Tutorial on Windows 10

Windows 10 Tutorial: A Comprehensive Tutorial on Windows 10
Anonim

Dalam tutorial lepas, kami mempelajari cara menggunakan gaya dan sumber tema untuk kawalan kami. Sekarang dalam bahagian tutorial tutorial kami , kami akan terus bekerja dengan gaya dan sumber dan belajar bagaimana untuk menggunakan sumber warna pilihan kami.

Mari kita mula bekerja dengan projek yang sama yang kita buat dalam tutorial lepas dengan satu butang. Pilih butang dan tuju ke tetingkap harta. Apabila anda mengklik pada kekunci anak panah kecil yang terletak bersebelahan dengan Foreground, anda akan melihat bahawa satu lagi tetingkap kecil membuka dengan jubin dan tab warna yang berlainan di atasnya. Terdapat empat tab kecil pada tetingkap kecil iaitu Null Brush, Berus Warna Pepejal, Berus Gradien dan Berus Imej. Secara lalai ia ditetapkan untuk berus padat dengan warna putih (RGB: 0,0,0 dan saluran ketelusan alpha ditetapkan kepada 255). Anda boleh memilih warna yang anda mahu dengan memindahkan gelangsar di sepanjang bar menegak dan kemudian kursor bulat untuk memilih tempat yang betul. Anda juga boleh memilih iDropper menggunakan mana anda boleh menggunakan warna mana-mana alat yang ada. Terdapat banyak cara untuk memodifikasi warna pada berus warna pepejal ini.

Begitu juga dengan Gradient Brush. Ia melakukan tugas yang sama seperti berus warna pepejal tetapi sukan beberapa pilihan tambahan. Ia memberi anda satu siri perhentian. Anda boleh menggunakan ini berhenti kreatif untuk mendapatkan warna yang berbeza di antara warna yang dipilih. Anda juga boleh menukar tekstur warna menggunakan pilihan seperti kecerunan mendatar dan kecerunan menegak. Berus imej membolehkan anda memilih imej sebagai sumber kami. Anda boleh menambah imej sama seperti kami menambah imej dalam kawalan imej.

Buat masa ini, gunakan berus warna kecerunan menggunakan henti seperti yang saya lakukan (Lihat imej). Sekarang jika anda melihat tetingkap XAML, anda akan melihat bahawa beberapa kod ditambahkan ke butang tetingkap XAML.

Sekarang, jika kita mahu menambahkan warna kecerunan yang sama, kami menambah butang kami kepada semua kawalan lain pada halaman kami, bagaimana kita melakukannya? Untuk itu pergi ke latar depan di mana kami menetapkan berus warna kecerunan funky dan klik kanan padanya dan pilih "Extract value to resource". Ia akan membuka tetingkap pop timbul kecil "Buat Sumber". Anda boleh menamakan sumber yang anda mahu atau anda boleh meninggalkan seperti itu. Kemudian, anda boleh memilih di mana anda ingin menyimpannya, bergantung pada tempat anda ingin menggunakan sumber ini. Jika anda ingin menggunakannya pada halaman tunggal, pilih MainPage.xaml lain pilih App.xaml dan klik Ok.

Sekarang seret butang lain pada permukaan pereka dan pergi ke muka depan. Kini, anda akan mendapati sumber khusus kami di bawah nama sumber tempatan. Sebaik sahaja anda mengklik padanya, anda akan melihat butang kedua yang membawa warna yang sama seperti yang pertama. Bagaimana jika terdapat banyak sifat yang kami mahu memohon kawalan kami? Kita boleh melakukannya menggunakan gaya. Gaya adalah koleksi penentu harta. Marilah kita membuat gaya baru sekarang. Mula-mula hapus semua pengubahsuaian yang kami lakukan dalam contoh terakhir dan dapatkan butang baru untuk permulaan yang baru. Tampalkan kod berikut di bawah perisytiharan xmlsns







Dalam kod ini, kami telah mencipta dua sifat penetap untuk menukar warna sempadan dan latar depan. Selepas ini pergi ke kod butang dan tambah sedikit kod ini:

Style = "{StaticResource myStyle}".

Anda akan perhatikan bahawa warna sempadan dan warna latar depan butang kami menjadi merah.

Sekarang jika anda mahu untuk menggunakan gaya ini untuk keseluruhan aplikasi anda, potong kod antara. Buka fail App.xaml dan tampalkannya di antara tag sumber aplikasi. Sekarang jika anda kembali dan periksa butang, anda akan melihat butang itu masih memaparkan warna merah.

Jadi ini semua mengenai Gaya dan sumber dalam Windows Phone 7.5. Dalam bab seterusnya kita akan belajar tentang menavigasi antara halaman xaml.