Görüntü Denetimi ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 18

Video: Görüntü Denetimi ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 18

Video: Görüntü Denetimi ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 18
Video: Silinemeyen Dosya ya da Klasör Silme - Programsız 2024, Mart
Görüntü Denetimi ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 18
Görüntü Denetimi ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 18
Anonim

Artık Windows Phone 7.5 Mango App geliştirme serilerinin bu sanatında XAML Etkinlik ve Giriş Kontrolleri hakkında bilgi sahibi olduğumuza göre, Silverlight Windows Phone 7 Uygulamanızda görüntüleri görüntülemenizi sağlayan Image Control'e bir göz atacağız.

Hadi başlayalım!

“ImageControlDemo” gibi benzersiz bir ada sahip yeni bir Windows Phone 7 projesi oluşturun. Şimdi Image Control'ü araç kutusundan tasarım yüzeyine sürükleyip bırakın. Artık görüntü kontrolünde bir görüntü görüntülemek için Görüntü Kontrolünün ‘Source’ özelliğini kullanıyoruz. Bu özellik, ‘Stretch’ özelliğinden hemen önceki Özellikler Penceresinde bulunabilir. Kaynak özelliği, görüntünün Görüntü Denetimi'nde gösterilmek üzere nereden geleceğini tanımlar. Source özelliğinin yanındaki üç noktaya tıklandığında, görüntüyü seçmemizi isteyen yeni bir pencere açılır. Projeye resim eklemek için Resim ekle düğmesini tıklayın.

Bir görüntü seçtikten sonra birkaç ilginç şey gerçekleşir. Her şeyden önce, Visual Studio otomatik olarak Görüntüler adıyla bir klasör oluşturur ve seçtiğiniz görüntü dosyasını ekler. İkincisi, access /Images;component/Images/Picture1.jpg gibi bir şeye erişebilmek için bir URI (Tekdüzen Kaynak Tanımlayıcı) / yol oluşturur. / Resim, dağıtım paketine ve noktalı virgülün ardından gelen dosyaya, dağıtım paketindeki telefona, yani xap dosyasına yerleştirildikten sonra gelen dosyaya başvuruda bulunur. Görüntü Seç penceresinin Tamam düğmesini tıklattığınızda, görüntü görüntü kontrolüne yüklenir.

Görüntü denetiminin bir diğer önemli özelliği "Stretch" özelliğidir. Stretch özelliğini Doldurma olarak ayarlama; resmin boyutlarından bağımsız olarak görüntü kontrolünün tüm alanını görüntüyle doldurur. Görüntü kontrolünün boyutunu değiştirmek resmin boyutunu değiştirir. Resmin oranını dikkate almaz, böylece resim bozulur. Stretch özelliğini Üniforma olarak ayarlamak, görüntünün yüksekliğini veya genişliğini onurlandırarak perspektifi doğru tutar, ancak resmi kırpmaz. Stretch özelliğini ‘UniformToFill’ olarak ayarlamak resmin dikey ve yatay oranlarını onurlandırır. Görüntü oranını korumak için gerekirse kırpılır. Kırpma, kullanıcının görüntüyü yukarı veya aşağı, sola veya sağa kaydırmasına izin vererek ele alınabilir. Bunu yapmak için tek yapmanız gereken görüntüyü ScrollViewer denetimi ile çevrelemek ve yatay ve dikey kaydırma çubuğu görünürlüğünü görünür olarak ayarlamaktır.
Görüntü denetiminin bir diğer önemli özelliği "Stretch" özelliğidir. Stretch özelliğini Doldurma olarak ayarlama; resmin boyutlarından bağımsız olarak görüntü kontrolünün tüm alanını görüntüyle doldurur. Görüntü kontrolünün boyutunu değiştirmek resmin boyutunu değiştirir. Resmin oranını dikkate almaz, böylece resim bozulur. Stretch özelliğini Üniforma olarak ayarlamak, görüntünün yüksekliğini veya genişliğini onurlandırarak perspektifi doğru tutar, ancak resmi kırpmaz. Stretch özelliğini ‘UniformToFill’ olarak ayarlamak resmin dikey ve yatay oranlarını onurlandırır. Görüntü oranını korumak için gerekirse kırpılır. Kırpma, kullanıcının görüntüyü yukarı veya aşağı, sola veya sağa kaydırmasına izin vererek ele alınabilir. Bunu yapmak için tek yapmanız gereken görüntüyü ScrollViewer denetimi ile çevrelemek ve yatay ve dikey kaydırma çubuğu görünürlüğünü görünür olarak ayarlamaktır.
Görüntü Denetimi Tekdüzen Mülkiyet
Görüntü Denetimi Tekdüzen Mülkiyet

Bu dersi bitirmeden önce son bir şey. Görüntüyü C # koduyla ayarlamak istediğinizde, yapmanız gereken tek şey BitmapImage nesnesinin bir nesnesini oluşturmak ve aşırı yüklü kurucudaki URI'yi belirtmektir. BitmapImage nesnesi oluşturulduktan sonra, yapmanız gereken tek şey onu Image Control'ün kaynak özelliğine eşitlemek.

BitmapImage myImage = yeni BitmapImage (yeni Uri ("/ Images; bileşen / Resim / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Oldukça basit bir kontroldür ve kullanışlılığını pek çok yerde sunar.

Şimdilik bu bir sonraki eğitimde Stiller ve Kaynaklar hakkında daha fazla şey öğreneceğiz.

İlgili Mesajlar:

  • GPS, Konum API'si ve Arama Web Servisleri: Windows Phone Apps Geliştirme Eğitimi - 25
  • Windows Phone 7.5 Mango Uygulamaları geliştirin öğrenin: Bölüm 1
  • Windows Phone Eğitimi 8: İfade Karışımında Özel Bir Düğme Oluşturma-I
  • Windows Phone Eğitimi 4: Kullanıcı Arayüzünün Tasarlanması
  • Stilleri ve Kaynakları ile Çalışma: Windows Phone Apps Geliştirme Eğitimi - Bölüm 19

Önerilen: