Работа с контрола на изображението: Ръководство за разработка на Windows Phone Apps - Част 18

Работа с контрола на изображението: Ръководство за разработка на Windows Phone Apps - Част 18
Работа с контрола на изображението: Ръководство за разработка на Windows Phone Apps - Част 18

Видео: Работа с контрола на изображението: Ръководство за разработка на Windows Phone Apps - Част 18

Видео: Работа с контрола на изображението: Ръководство за разработка на Windows Phone Apps - Част 18
Видео: Не работают USB порты - 3 способа Решения! Windows 7/8/10/11 - YouTube 2024, Може
Anonim

Сега, когато се навеждаме към XAML Event и Input Controls, в това изкуство на серията Windows Phone 7.5 Mango App разработка ще разгледаме Image Control, който ви позволява да показвате изображения във вашата Silverlight Windows Phone 7 Application.

Така че нека започнем!

Създайте нов проект на Windows Phone 7 с уникално име като "ImageControlDemo". Сега плъзнете и пуснете контрола на изображението от кутията с инструменти на дизайнерската повърхност. Сега, за да покажем изображение в контрола на изображението, използваме свойството "Source" на Image Control. Тази характеристика може да се намери в прозореца "Свойства" точно преди собствеността "Stretch". Функцията Източник определя откъде ще дойде изображението, за да се покаже в контрола на изображението. При кликване върху елипсата до собствеността "Източник" се появява нов прозорец, който ни пита да изберем изображението. Кликнете върху бутона Добавяне на изображение, за да добавите изображение към проекта.

При избора на изображение се случват няколко интересни неща. На първо място Visual Studio автоматично създава папка под името "Изображения" и добавя файла с изображения, който сте избрали. На второ място създава URI (Uniform Resource Identifier) / път за достъп до изображението, нещо като "/Images?component/Images/Picture1.jpg". Изображението / изображението се отнася до пакета за разполагане и това, което се получава след точка и запетая, ще посочи този файл в пакета за внедряване, след като бъде внедрен в телефона, т.е. файла xap. Щом кликнете върху бутона OK в прозореца Избор на изображение, изображението се зарежда в контрола на изображението.

Друга забележима собственост на контрола на изображението е собствеността "Stretch". Настройване на опцията Stretch за попълване; изпълва цялата област на контрола на изображението с изображението, независимо от размерите на картината. Смяната на размера на контрола на изображението променя размера на изображението. По този начин не се отнася до дела на изображението, което нарушава картината. Настройването на свойството "Stretch" на "Униформа" запазва перспективата правилно, като почете височината или ширината на изображението, но няма да изреже картината. Настройването на свойството Stretch на "UniformToFill" отличава вертикалните и хоризонталните пропорции на картината. Ако е необходимо, изображението се подрязва, за да се поддържа пропорция. Отрязването може да бъде разрешено, като позволява на потребителя да превърта изображението нагоре или надолу, наляво или надясно. За да направите това, всичко, което трябва да направите, е да заобиколите изображението с контрола ScrollViewer и да зададете видимостта му на хоризонталната и вертикалната лента на превъртане.
Друга забележима собственост на контрола на изображението е собствеността "Stretch". Настройване на опцията Stretch за попълване; изпълва цялата област на контрола на изображението с изображението, независимо от размерите на картината. Смяната на размера на контрола на изображението променя размера на изображението. По този начин не се отнася до дела на изображението, което нарушава картината. Настройването на свойството "Stretch" на "Униформа" запазва перспективата правилно, като почете височината или ширината на изображението, но няма да изреже картината. Настройването на свойството Stretch на "UniformToFill" отличава вертикалните и хоризонталните пропорции на картината. Ако е необходимо, изображението се подрязва, за да се поддържа пропорция. Отрязването може да бъде разрешено, като позволява на потребителя да превърта изображението нагоре или надолу, наляво или надясно. За да направите това, всичко, което трябва да направите, е да заобиколите изображението с контрола ScrollViewer и да зададете видимостта му на хоризонталната и вертикалната лента на превъртане.
Управление на изображението
Управление на изображението

Едно последно нещо, преди да завършим този урок. В случай, че искате да зададете изображение чрез C # код, всичко, което трябва да направите, е да създадете обект на обект BitmapImage и да зададете URI в претоварения конструктор. След като е създаден обектът BitmapImage, всичко, което трябва да направите, е да го равнявате на собствеността на източника на Image Control.

BitmapImage myImage = нов BitmapImage (нов Uri ("/ Изображения; компонент / Изображения / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Това е доста просто управление и има полезност, обслужвана на много места.

Това е за сега, в следващия урок ще научим повече за стилове и ресурси.

Подобни публикации:

  • GPS, API за местоположението и уеб услуги за разговори: Windows Phone Apps Development Tutorial - 25
  • Научете как да разработвате Windows Phone 7.5 Манго приложения: Част 1
  • Windows Phone Инструкция 8: Създаване на персонализиран бутон в комбинация от изрази
  • Windows Phone Инструкция 4: Проектиране на потребителския интерфейс
  • Работа със стилове и ресурси: Windows Phone Apps Development Tutorial - Част 19

Препоръчано: