Как сделать модальное диалоговое окно для страницы в моем 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/

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

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

Другие вопросы по тегам