#557 – Использование элемента Image как маски прозрачности

Обычно вы используете градиентные кисти для маски прозрачности, изменяя прозрачность контрола постепенно.

Вы можете использовать изображение как кисть для прозрачности, делая разные области конечного контрола непрозрачными или прозрачными в зависимости от аналогичных мест на изображении.

Ниже я создал изображение смайлика в Paint.NET. Я сделал фон изображения прозрачным.

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

14.05.2012

#554 – Использование маски прозрачности

Маска прозрачности (Opacity Mask) позволяет вам установить прозрачность для элемента пользовательского интерфейса который основан на кисти, вместо установки единственно свойства прозрачности, которое применяется ко всему элементу.

Например, вместо установки единственного значения для свойства Opacity у контрола Image, вы можете использовать градиентную кисть как маску прозрачности, так что одна сторона картины исчезнет.

Мы начнем с простого Image с значение свойства Opacity по умолчанию (100%).

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

09.05.2012

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

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

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

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

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

22.04.2011