Как я могу наложить элемент управления на окно?

Question

Прямо сейчас у меня нормальное окно с кучей элементов управления.

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

Так что это моя теория ...

1. Каждый элемент управления находится на уровне 0.
2. Прямоугольник того же размера, что и форма в слое 1. Он имеет прозрачность 50%.
3. Мое всплывающее окно загружено в слой 2.
4. Нажатие в любом месте на прямоугольнике будет аналогично нажатию кнопки «Закрыть» во всплывающем окне.

Возможно ли это?

Answer 1

Это вполне возможно.

Поместите весь пользовательский интерфейс в любую панель внутри <Grid>.

Затем в той же сетке поместите <Rectangle Opacity=".5" Visibility="Collapsed" /> для наложения ицентрированная панель для всплывающего окна.

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