Как в Blend придать фигуре размытые края?

Question

У меня один прямоугольник поверх другого.

У них острые края.

Я хочу, чтобы они размылись вместе.

Кажется, есть способ размыть их с помощью "Bitmap Effect", но я не нахожу это в моем поиске свойств Rectangle в Blend.

Как я могу размыть края одного прямоугольника, чтобы у двух не было острых краев, где они соприкасаются?

Answer 1

Добавьте границу с прозрачностью.

Edit:

Я думал, что непрозрачность даст вам желаемый эффект. Есть OpacityMask и BorderBrush, для которых вы можете предоставить ImageBrush, который может достичь более продвинутого эффекта, который вам нужен.

Answer 2

Если вы еще не нашли этот эффект в Blend, сделайте следующее.

1. Выберите ваш прямоугольник в Blend в качестве текущего объекта с фокусом.
2. На вкладке свойств выберите стрелку вниз под Внешний вид вкладки. Это будет просто под ударом свойство.
3. Первый элемент в расширенной области - BitmapEffect. Используя выпадающий список справа от этого, выберите Blur из выпадающего списка.
4. Теперь вы можете отрегулировать размытие с помощью Gaussian или Box и отрегулировать радиус размывания.

Answer 3

В окне свойств Rectangle перейдите в раздел Разное , и это свойство Effect . Выберите Новый , и вы можете выбрать BlurEffect

Вы должны знать, что это может оказать негативное влияние на производительность, особенно если на ПК нет хорошей видеокарты. Кроме того, на данный момент BitmapEffect не поддерживается в Silverlight, поэтому вам придется размыть его в другой графической программе и просто отобразить изображение.

Полученный XAML выглядит так:

    <Rectangle Fill="#FFFFFFFF" Stroke="#FF000000" HorizontalAlignment="Left" Margin="56,172,0,0" VerticalAlignment="Top" Width="107" Height="36">
        <Rectangle.Effect>
            <BlurEffect/>
        </Rectangle.Effect>
    </Rectangle>