Работа с Image Control: учебное пособие по разработке приложений для Windows Phone - часть 18

Работа с Image Control: учебное пособие по разработке приложений для Windows Phone - часть 18
Работа с Image Control: учебное пособие по разработке приложений для Windows Phone - часть 18

Видео: Работа с Image Control: учебное пособие по разработке приложений для Windows Phone - часть 18

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

Теперь, когда мы опираемся на XAML Event And Input Controls, в этом искусстве серии разработки приложений для Windows Phone 7.5 Mango мы рассмотрим элемент управления Image, который позволит вам отображать изображения в приложении Silverlight Windows Phone 7.

Давайте начнем!

Создайте новый проект Windows Phone 7 с уникальным именем «ImageControlDemo». Теперь перетащите элемент управления Image из панели инструментов на поверхность дизайна. Теперь, чтобы отобразить изображение в элементе управления изображением, мы используем свойство «Источник» в Image Control. Это свойство можно найти в окне свойств непосредственно перед свойством «Stretch». Свойство Source определяет, откуда будет отображаться изображение, для отображения в Image Control. После щелчка по эллипсису рядом с исходным свойством открывается новое окно с просьбой выбрать изображение. Нажмите кнопку «Добавить изображение», чтобы добавить изображение в проект.

При выборе изображения происходит несколько интересных вещей. Прежде всего Visual Studio автоматически создает папку под названием «Изображения» и добавляет выбранный вами файл изображения. Во-вторых, он создает URI (Uniform Resource Identifier) / path для доступа к изображению, что-то вроде «/Images;component/Images/Picture1.jpg». / Image относится к пакету развертывания, а то, что приходит после точки с запятой, будет ссылаться на этот файл в пакете развертывания после его развертывания на телефоне, то есть в файле xap. Как только вы нажмете кнопку «ОК» окна «Выбрать изображение», изображение загрузится в элемент управления изображением.

Другим заметным свойством управления изображением является свойство «Stretch». Установка свойства Stretch для заполнения; заполняет всю область изображения с помощью изображения независимо от размеров изображения. Изменение размера элемента управления изображением изменяет размер изображения. Никакое отношение к пропорции изображения не приводится, тем самым искажая изображение. Установка свойства Stretch в Uniform сохраняет правильность точки зрения, соблюдая высоту или ширину изображения, но не обрезает изображение. Установка свойства Stretch на «UniformToFill» означает вертикальные и горизонтальные пропорции изображения. Изображение обрезается, если необходимо для поддержания пропорции. Обрезание можно решить, разрешив пользователю прокручивать изображение вверх или вниз, влево или вправо. Для этого все, что вам нужно сделать, - это окружить изображение с помощью элемента управления ScrollViewer и установить видимость горизонтальной и вертикальной полосы прокрутки.
Другим заметным свойством управления изображением является свойство «Stretch». Установка свойства Stretch для заполнения; заполняет всю область изображения с помощью изображения независимо от размеров изображения. Изменение размера элемента управления изображением изменяет размер изображения. Никакое отношение к пропорции изображения не приводится, тем самым искажая изображение. Установка свойства Stretch в Uniform сохраняет правильность точки зрения, соблюдая высоту или ширину изображения, но не обрезает изображение. Установка свойства Stretch на «UniformToFill» означает вертикальные и горизонтальные пропорции изображения. Изображение обрезается, если необходимо для поддержания пропорции. Обрезание можно решить, разрешив пользователю прокручивать изображение вверх или вниз, влево или вправо. Для этого все, что вам нужно сделать, - это окружить изображение с помощью элемента управления ScrollViewer и установить видимость горизонтальной и вертикальной полосы прокрутки.
Единое свойство контроля изображения
Единое свойство контроля изображения

Последнее, прежде чем мы закончим этот урок. Если вы хотите установить изображение через код C #, вам нужно только создать объект объекта BitmapImage и указать URI в перегруженном конструкторе. Когда объект BitmapImage создается, все, что вам нужно сделать, это приравнять его к исходному свойству Image Control.

BitmapImage myImage = новый BitmapImage (новый Uri ("/ Images; component / Images / Penguins.jpg", UriKind.Relative));

image1.Source = myImage;

Это довольно простой контроль и полезен во многих местах.

Вот и все, теперь, в следующем уроке мы узнаем больше о стилях и ресурсах.

Похожие сообщения:

  • GPS, Location API и Calling Web Services: Учебное пособие по разработке приложений для Windows Phone - 25
  • Научитесь разрабатывать приложения для Windows Phone 7.5 Mango: часть 1
  • Учебное пособие по Windows Phone 8: Создание пользовательской кнопки в Expression Blend-I
  • Учебное пособие по Windows Phone 4: Проектирование пользовательского интерфейса
  • Работа со стилями и ресурсами: учебное пособие по разработке приложений для Windows Phone - часть 19

Рекомендуемые: