Bekerja dengan Kontrol Gambar: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 18

Bekerja dengan Kontrol Gambar: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 18
Bekerja dengan Kontrol Gambar: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 18

Video: Bekerja dengan Kontrol Gambar: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 18

Video: Bekerja dengan Kontrol Gambar: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 18
Video: Cara Mengatasi atau Solusi USB Tidak Terbaca di Laptop dan Komputer - YouTube 2024, Mungkin
Anonim

Sekarang setelah kita membahas tentang Peristiwa XAML dan Kontrol Input, dalam seri pengembangan Aplikasi Windows Phone 7.5 Mango App ini, kita akan melihat pada Kontrol Gambar yang memungkinkan Anda untuk menampilkan gambar dalam Aplikasi Windows Phone 7 Silverlight Anda.

Jadi mari kita mulai!

Buat proyek Windows Phone 7 baru dengan nama unik seperti "ImageControlDemo". Sekarang drag dan drop Kontrol Gambar dari toolbox ke permukaan desain. Sekarang untuk menampilkan gambar dalam kontrol gambar, kami menggunakan properti ‘Sumber’ dari Kontrol Gambar. Properti ini dapat ditemukan di Jendela Properti tepat sebelum properti 'Peregangan'. Properti Sumber menentukan asal gambar akan ditampilkan di Kontrol Gambar. Setelah mengklik elipsis di sebelah properti Sumber, jendela baru muncul terbuka meminta kami untuk memilih gambar. Klik tombol Tambahkan gambar untuk menambahkan gambar ke proyek.

Setelah memilih gambar, beberapa hal menarik terjadi. Pertama-tama Visual Studio secara otomatis membuat folder dengan nama Images dan menambahkan file gambar yang Anda pilih. Kedua ini menciptakan URI (Uniform Resource Identifier) / jalur untuk mengakses gambar, sesuatu seperti ‘/Images;component/Images/Picture1.jpg’. / Gambar mengacu pada paket penerapan dan apa yang muncul setelah titik koma akan merujuk file itu dalam paket penerapan setelah disebarkan di ponsel, yaitu file xap. Setelah Anda mengklik tombol OK pada jendela Choose Image, gambar dimuat ke dalam kontrol gambar.

Properti penting lainnya dari kontrol gambar adalah properti 'Stretch'. Mengatur properti Stretch ke Isi; mengisi seluruh area kontrol gambar dengan gambar terlepas dari dimensi gambar. Mengubah ukuran kontrol gambar mengubah ukuran gambar. Tidak memperhatikan proporsi gambar yang diberikan sehingga mendistorsi gambar. Mengatur properti Stretch ke Uniform menjaga perspektif tetap benar dengan menghormati tinggi atau lebar gambar tetapi tidak akan memotong gambar. Mengatur properti Peregangan ke ‘UniformToFill’ akan menghormati proporsi vertikal dan horizontal gambar. Gambar dipotong jika perlu untuk mempertahankan proporsi. Kliping dapat diatasi dengan memungkinkan pengguna untuk menggulir gambar ke atas atau ke bawah, ke kiri atau ke kanan. Untuk melakukan ini semua yang harus Anda lakukan adalah mengelilingi gambar dengan kontrol ScrollViewer dan mengatur visibilitas scrollbar horizontal dan vertikal untuk terlihat.
Properti penting lainnya dari kontrol gambar adalah properti 'Stretch'. Mengatur properti Stretch ke Isi; mengisi seluruh area kontrol gambar dengan gambar terlepas dari dimensi gambar. Mengubah ukuran kontrol gambar mengubah ukuran gambar. Tidak memperhatikan proporsi gambar yang diberikan sehingga mendistorsi gambar. Mengatur properti Stretch ke Uniform menjaga perspektif tetap benar dengan menghormati tinggi atau lebar gambar tetapi tidak akan memotong gambar. Mengatur properti Peregangan ke ‘UniformToFill’ akan menghormati proporsi vertikal dan horizontal gambar. Gambar dipotong jika perlu untuk mempertahankan proporsi. Kliping dapat diatasi dengan memungkinkan pengguna untuk menggulir gambar ke atas atau ke bawah, ke kiri atau ke kanan. Untuk melakukan ini semua yang harus Anda lakukan adalah mengelilingi gambar dengan kontrol ScrollViewer dan mengatur visibilitas scrollbar horizontal dan vertikal untuk terlihat.
Image Control Uniform Property
Image Control Uniform Property

Satu hal lagi sebelum kita mengakhiri pelajaran ini. Jika Anda ingin mengatur gambar melalui kode C # yang harus Anda lakukan adalah membuat objek objek BitmapImage dan menentukan URI dalam konstruktor kelebihan beban. Setelah objek BitmapImage dibuat, yang harus Anda lakukan hanyalah menyamakannya dengan properti sumber dari Kontrol Gambar.

BitmapImage myImage = BitmapImage baru (Uri baru ("/ Gambar; komponen / Gambar / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Ini adalah kontrol yang sangat sederhana dan memiliki kegunaannya di banyak tempat.

Itu saja untuk saat ini, di tutorial selanjutnya kita akan belajar lebih banyak tentang Styles dan Sumber Daya.

Posting terkait:

  • GPS, API Lokasi dan Memanggil Layanan Web: Tutorial Pengembangan Aplikasi Windows Phone - 25
  • Belajar Mengembangkan Aplikasi Windows Phone 7.5 Mango: Bagian 1
  • Windows Phone Tutorial 8: Membuat Tombol Kustom dalam Campuran Ekspresi-I
  • Windows Phone Tutorial 4: Merancang Antarmuka Pengguna
  • Bekerja Dengan Gaya Dan Sumber Daya: Tutorial Pengembangan Aplikasi Windows Phone - Bagian 19

Direkomendasikan: