Tutorial ini merupakan kelanjutan dari Bagian - I, sebagai bagian dari tutorial Windows Phone: Dengan hanya menyalin dan menempelkan kode dari Visual saja Studio ke campuran ekspresi, kami telah membuat replika aplikasi Silverlight dalam Expression Blend. Sekarang kita akan mendesain tombol khusus dengan mengikuti langkah-langkah berikut:
1. Konfirmasikan bahwa MainPage.xaml terbuka di jendela desainer dan ruang kerja saat ini diatur ke Desain. Untuk melihat ruang kerja saat ini, pilih Ruang kerja dalam Jendela menu dan memastikan bahwa Desain pilihan dicentang.
2. Di jendela desainer, klik kanan tombol “Klik SayaTombol , menunjuk ke Edit Template dan pilih Buat Kosong.
3. Di dalam Buat Resource ControlTemplate dialog, atur Nama untukFancyButton, pertahankan nilai saat ini " Dokumen ini" dalam Tentukan dalam pilihan, dan klik baik.
4. Pastikan Objects dan Timeline panel terlihat, jika tidak, pilih Jendela lalu Objek dan Garis Waktu untuk menunjukkan panel ini. Lain Anda dapat mengatur ulang ruang kerja Anda.
5. Ubah wadah layout akar saat ini dari template. Dalam Objek dan Garis Waktu panel, klik kanan anak itu Kisi elemen di dalam Template, arahkan ke Ubah Jenis Tata Letak, dan pilih Berbatasan.
6. Dengan Berbatasan elemen masih dipilih di Objek dan Garis Waktu panel, pindah ke Properties panel dan di bawah Penampilan, atur nilai dari BorderThickness properti ke2 untuk masing-masing sisi dan kemudian mengatur nilai dari CornerRadius properti ke15.
7. Selanjutnya, di dalam Brushes bagian, pilih Latar Belakang properti dan pilih Gradien sikat pilihan. Kemudian, pilih gradien kiri berhenti dan atur nilainya ke warna abu-abu terang, misalnya#FFADADAD. Selanjutnya, pilih berhenti gradien yang tepat dan atur nilainya ke warna abu-abu gelap, misalnya# FF0A0A0A.
8. Sekarang, di Brushes bagian, pilih BorderBrush properti, pilih a Sikat warna solid dan pilih warna abu-abu terang, misalnya# FFC0C0C0.
9. Langkah selanjutnya adalah menambahkan keterangan. Pertama, pastikan bahwa Berbatasan elemen tetap dipilih di Objek dan Garis Waktu panel.
10. Sekarang, alihkan ke Aktiva panel, pilih Kontrol kategori, dan gulir ke bawah daftar yang ditampilkan di sebelah kanan kategori untuk mencari TextBlock kontrol. Kemudian, klik dua kali item dalam daftar untuk memasukkan turunan dari kontrol ini bersarang di dalam Berbatasan elemen dari template.
11.Sekarang, di Alat-alat panel, pilih Pilihan alat atau tekan V untuk mengembalikan mode pemilihan.
12.Di dalam Objek dan Garis Waktu panel, pilih yang baru ditambahkan TextBlock elemen. Kemudian, di Properties panel, perluas Brushes kategori dan mengatur Latar depan sikat ke warna terang, misalnya#FFFFFFFF.
13. Sekarang, perluas Layout kategori dan mengatur nilai dari HorizontalAlignment dan VerticalAlignment properti kePusat. Kemudian, atur nilainya Batas properti ke10 untuk sisi kiri dan kanan, dan untuk4 untuk sisi atas dan bawah.
14. Tautkan Teks milik dari Kotak teks kontrol dalam template ke file Konten milik tombol templated control. Untuk melakukan ini:
- Perluas Properti Umum kategori
- Klik Opsi properti lanjutan-ditunjukkan oleh ikon persegi di samping nilai properti
- Memilih Mengikat Template untuk menampilkan daftar properti dalam kontrol templated yang dapat terikat ke properti ini
- Memilih Konten properti dari daftar ini Perhatikan bahwa nilai dari Teks perubahan properti menjadi “Klik Saya”- nilai yang saat ini ditetapkan untuk Konten milik tombol-dan bahwa properti sekarang ditampilkan dengan garis kuning untuk menunjukkan bahwa itu adalah template-terikat.
15. Tekan CTRL + S untuk menyimpan file yang diperbarui.
16. Anda sekarang siap untuk menguji tombol kustom baru. tekan F5 untuk membangun dan menjalankan aplikasi
Posting terkait:
- Windows Live Essentials Offline Installers untuk SEMUA bahasa
- Daftar lengkap Pintasan Keyboard Windows Live Writer
- Gratis Windows Metro Style Template untuk pengguna Visual Basic
- Windows Phone Tutorial 11: Membuat Animasi untuk Teks Spanduk
- Test drive OS Windows di VirtualBox - Panduan screenshot mendetail
