Sebagai bagian dari seri tutorial Windows Phone, di tutorial terakhir, kami melihat cara membuat tombol kustom dalam Expression Blend. Dalam tutorial ini, Anda akan memperbarui template kontrol untuk menambahkan status visual berbeda yang memungkinkan tombol untuk menunjukkan garis besar ketika fokus, dan untuk menggeser posisinya pada halaman untuk menunjukkan ketika ditekan.
1. Di dalam Objek dan Garis Waktu panel, pilih Berbatasan kontrol.
2. Sekarang, alihkan ke Serikat panel dan periksa status visual yang tersedia untuk kontrol tombol.
3. Di bawah FocusStates kategori, pilih Tidak fokus negara untuk mengaktifkan rekaman untuk keadaan yang dipicu ketika tombol tidak memiliki fokus. Setiap perubahan pada template saat dalam mode ini hanya berlaku untuk negara tertentu itu.
- Memilih Berbatasan dalam Objek dan Garis Waktu panel
- Dalam Properties panel, perluas Brushes kategori dan pilih BorderBrush milik
- Klik Tampilkan properti lanjutan ikon dan mengatur Kegelapan milik kuas untuk0
5. Kembali ke Serikat panel dan pilih Ditekan negara di CommonStates kategori untuk mengaktifkan rekaman untuk keadaan yang dipicu saat mouse diklik.
6. Di dalam Properties panel, perluas Mengubah kategori dan pilih Menterjemahkan mengubah. Mengatur X dan Y nilai ke2. Perubahan ini menghasilkan sedikit pergeseran posisi tombol setiap kali diklik, menunjukkan bahwa itu ditekan.
7. Akhirnya, dalam Serikat panel, pilih Mendasarkan template untuk mematikan mode perekaman
8. Tekan CTRL + S untuk menyimpan file yang diperbarui.
9. Sekarang setelah Anda selesai menambahkan status visual ke kontrol kustom, Anda siap untuk menguji tombol yang diperbarui:
- Tekan F5 untuk membangun dan menjalankan aplikasi
- Masukkan beberapa teks lalu tekan tombol Tab untuk mengubah fokus input ke tombol
- Perhatikan bahwa, ketika tombol memiliki fokus, sebuah perbatasan muncul di sekitar tombol yang menunjukkan bahwa ia aktif
- Sekarang, tekan tombol spasi atau klik tombol dan perhatikan bagaimana posisinya bergeser untuk menunjukkan bahwa itu tertekan
Itu dia!
Posting terkait:
- Windows Live Essentials Offline Installers untuk SEMUA bahasa
- Tutorial Windows Phone 9: Membuat Tombol Kustom dalam Campuran Ekspresi (Bagian-2)
- Test drive OS Windows di VirtualBox - Panduan screenshot mendetail
- Windows Phone Tutorial 11: Membuat Animasi untuk Teks Spanduk
- Sistem Negara Tidur yang berbeda di Windows 10/8
