Подпишись на наш Twitter

Быть в курсе появления новых статей!

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

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

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

Далее мы выберем свойство OpacityMask у Image и выберем градиентную кисть.

Теперь мы установим альфа канал в последнее значение и остановимся на 0 (полная прозрачность). Теперь мы имеем градиентную кисть, которая переходит от черной до полностью прозрачной.

Вы можете видеть, что теперь начинается полностью прорисованной вверху и постепенно исчезает внизу.

Оригинал: #554 – Using an Opacity Mask




Дата публикации: 09.05.2012 13:12

Ярлыки: Expression Blend, Opacity, WPF