#713 Установка курсора в виде изображения из UIElement при перетаскивании

Вы можете использовать GiveFeedback для изменения курсора во время операции drag-and-drop. Вы можете пойти немного дальше и установить в качестве курсора картинку представляющую собой пользовательский элемент, который вы тащите, отобразив UIElement как картинку (bitmap) и потом конвертировав эту картинку в курсор.

Этот пример основан на коде написанном Brandon Cannaday, http://www.switchonthecode.com/tutorials/wpf-tutorial-how-to-use-custom-cursors. Для начал здесь приводится код Brandon измененный читателем "Swythan":

Читать полностью »

17.12.2012

#686 – Используем анимацию для создания пульсирующей картинки

Вы можете анимировать прозрачность элемента Image для создания эффекта пульсации. Ниже приведен один пример как это сделать использую Storyboard. Мы анимируем картинку используя свойство Opacity, уменьшая его н а 10% через каждые пол секунды и возвращая обратно.

Читать полностью »

08.11.2012

#297 – Создание зеркального изображения для контрола изображения

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

Масштабирующее преобразование представляет собой экземпляр класса ScaleTransform. Вы можете масштабировать виртуальное представление любого изображения или контрола по оси X или Y (или обоим сразу).

Свойства ScaleX и ScaleY класс ScaleTransform представляют собой коэффициенты в заданном измерении. По умолчанию значения положительные, но вы можете использовать значения меньше нуля для указания того что объект поворачивается в заданном измерении.

В примере ниже мы уменьшаем изображение на половину его оригинального размера и переворачиваем в X измерении.

Читать полностью »

11.05.2011

#284 – Делаем Image прозрачным используя свойство Opacity

Так как контрол Image наследуется (напрямую) от UIElement, то он имеет свойство Opacity. Свойство Opacity позволяет контенту за изображением быть видимым через изображение. Значение свойства лежит в диапазоне от 0.0 до 1.0, 0.0 означает, что изображение полностью прозрачно (не отображается вообще) и 1.0 означает, что изображение полностью не прозрачно (ничего сквозь него невидно).

В примере ниже мы привязываем значение свойства Slider'а к свойству Opacity у контрола Image, так что мы можем легко менять прозрачность. Мы так же заполнили фон окна градиентной заливкой.

Когда Opacity равно 1.0, то изображение полностью непрозрачно и градиент не виден сквозь изображение.

Читать полностью »

22.04.2011

#277 – У изображений есть встроенная информация по DpiX и DpiY

Зачастую когда вы задаете Stretch=None для контрола Image, вы можете получить сообщение, что изображение не может быть отображено в ожидаемом размере в пикселях для высоты/ширины. Это случается когда разрешение изображения (DPI) не совпадает с системным DPI.

В файле изображений (таких как .png или .jpg) содержится информация в пикселях о ширине/высоте. Файл изображения может также содержать информацию о DpiX и DpiY (разрешение). Эта информация о разрешении присутствует не во всех файлах.

Читать полностью »

15.04.2011

Конвертация векторного формата SVG в разметку WPF XAML

Я хочу написать приложение на WPF, которое требует карту мира, и хотел использовать векторное изображение, чтобы при изменении размера все оставалось красиво. Я нашел эту SVG [1] карту мира, и использовал SVG Xamlon to Xaml конвертер для преобразования его в Xaml. После удаления одного паразитного пространства имен, я смог загрузить его в XamlPad. Полученные результаты представлены ниже (SVG версия отображается в программе для рисования векторной графики Inkscape).

Читать полностью »

21.11.2005