Как сделать модальное диалоговое окно для страницы в моем WPF-приложении?
У меня есть окно WPF, в котором среди прочих элементов управления размещен фрейм. В этом кадре я отображаю разные страницы. Есть ли способ сделать диалог модальным только для страницы? Когда я показываю диалоговое окно, не должно быть возможности щелкнуть по любому элементу управления на странице, но должна быть возможность щелкнуть по элементу управления в том же окне, которого нет на странице.
4 ответа
Если я правильно истолковал ваше сообщение, вам нужно что-то, что работает аналогично тому, что Билли Холлис демонстрирует в своем приложении StaffLynx.
Недавно я создал похожий элемент управления, и оказалось, что подобная идея относительно проста для реализации в WPF. Я создал собственный элемент управления под названием DialogPresenter. В шаблон элемента управления для пользовательского элемента управления я добавил разметку, похожую на следующую:
<ControlTemplate TargetType="{x:Type local=DialogPresenter}">
<Grid>
<ContentControl>
<ContentPresenter />
</ContentControl>
<!-- The Rectangle is what simulates the modality -->
<Rectangle x:Name="Overlay" Visibility="Collapsed" Opacity="0.4" Fill="LightGrey" />
<Grid x:Name="Dialog" Visibility="Collapsed">
<!-- The template for the dialog goes here (borders and such...) -->
<ContentPresenter x:Name="PART_DialogView" />
</Grid>
</Grid>
<ControlTemplate.Triggers>
<!-- Triggers to change the visibility of the PART_DialogView and Overlay -->
</ControlTemplate.Triggers>
</ControlTemplate>
Я также добавил Show(Control view)
метод, который находит PART_DialogView и добавляет переданное в Content
имущество.
Это позволяет мне использовать DialogPresenter
следующее:
<controls:DialogPresenter x:Name="DialogPresenter">
<!-- Normal parent view content here -->
<TextBlock>Hello World</TextBlock>
<Button>Click Me!</Button>
</controls:DialogPresenter>
Для обработчика событий кнопок (или связанной команды) я просто вызываю метод Show() DialogPresenter
,
Вы также можете легко добавить разметку ScaleTransform в шаблон DialogPresenter, чтобы получить эффекты масштабирования, показанные в видео. Это решение имеет аккуратный и понятный пользовательский управляющий код и очень простой интерфейс для вашей команды программистов пользовательского интерфейса.
Надеюсь это поможет!
У меня есть проект на GitHub, который является обычаем FrameworkElement
это позволяет отображать модальное содержимое поверх основного содержимого.
Элемент управления можно использовать так:
<c:ModalContentPresenter IsModal="{Binding DialogIsVisible}">
<TabControl Margin="5">
<Button Margin="55"
Padding="10"
Command="{Binding ShowModalContentCommand}">
This is the primary Content
</Button>
</TabItem>
</TabControl>
<c:ModalContentPresenter.ModalContent>
<Button Margin="75"
Padding="50"
Command="{Binding HideModalContentCommand}">
This is the modal content
</Button>
</c:ModalContentPresenter.ModalContent>
</c:ModalContentPresenter>
Особенности:
- Отображает произвольный контент.
- Не отключает основной контент, пока отображается модальный контент.
- Отключает доступ с помощью мыши и клавиатуры к основному содержимому, пока отображается модальное содержимое.
- Является модальным только для содержимого, которое оно охватывает, а не для всего приложения.
- может быть использован в дружественном для MVVM виде путем привязки к
IsModal
имущество.
Почему бы просто не использовать вложенные насосы сообщений для создания модальных элементов управления
http://deanchalk.com/wpf-modal-controls-via-dispatcherframe-nested-message-pumps/
Вы не ищете модальный диалог здесь. Вам нужна функция, которая отключит элемент управления "страница", покажет диалоговое окно и снова включит его, когда диалоговое окно закроется.
Я не слишком уверен, понимаете ли вы, что должен делать модальный диалог?