Как сделать модальное диалоговое окно для страницы в моем WPF-приложении?

Question

У меня есть окно WPF, в котором среди прочих элементов управления находится фрейм. В этом кадре я отображаю разные страницы. Есть ли способ сделать диалог модальным только для страницы? Когда я показываю диалог, не должно быть возможности щелкнуть по любому элементу управления на странице, но должна быть возможность щелкнуть по элементу управления в том же окне, которого нет на странице.

Answer 1

Если я правильно интерпретирую ваше сообщение, вам нужно что-то, что работает подобно тому, что Билли Холлис демонстрирует в своем приложении 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, чтобы получить эффекты масштабирования, показанные в видео. Это решение имеет аккуратный и понятный пользовательский код управления и очень простой интерфейс для вашей команды программистов пользовательского интерфейса.

Надеюсь, это поможет!

Answer 2

У меня есть проект на 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.

Answer 3

Почему бы просто не использовать вложенные насосы сообщений для создания модальных элементов управления

http://deanchalk.com/wpf-modal-controls-via-dispatcherframe-nested-message-pumps/

Answer 4

Вы не ищете модальный диалог здесь. Вам нужна функция, которая отключит элемент управления «страница», покажет диалоговое окно и снова включит его после закрытия диалогового окна.

Я не слишком уверен, понимаете ли вы, что должен делать модальный диалог?