如何在 MVVM 中重新加载视图？

Question

<Style x:Key="ListBoxItemStyle" TargetType="{x:Type ListBoxItem}">
    <Setter Property="Margin" Value="5" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <Grid
                    Grid.IsSharedSizeScope ="False"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Center"
                    ScrollViewer.CanContentScroll="True"
                    ScrollViewer.HorizontalScrollBarVisibility="Visible">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <RadioButton
                            Name="RadioButton"
                            Grid.Column="0"
                            Margin="16"
                            VerticalAlignment="Center"
                            IsChecked="False" />
                        <TextBlock
                            Grid.Column="1"
                            HorizontalAlignment="Left"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource RRWFont}"
                            FontSize="{Binding FontSize, ElementName=TextBlock}"
                            Foreground="{StaticResource DarkGrey}"
                            Text="{Binding Path=Content.Name}"
                            TextAlignment="Left"
                            TextWrapping="Wrap" />
                    </Grid>
                    <Image
                        Grid.Row="1"
                        Width="auto"
                        Height="auto"
                        Source="{Binding Path=Content.File}" />
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="RadioButton" Property="IsChecked" Value="True" />
                    </Trigger>
                    <Trigger SourceName="RadioButton" Property="IsChecked" Value="True">
                        <Setter Property="IsSelected" Value="True" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

XAML（列表框）

   <ListBox
        Grid.Column="1"
        HorizontalAlignment="Center"
        Background="{x:Null}"
        BorderBrush="{x:Null}"
        ItemContainerStyle="{StaticResource ListBoxItemStyle}"
        ItemsSource="{Binding Path=AnswersVariants}"
        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
        SelectedItem="{Binding Path=SelectAnswer, Mode=TwoWay}"
        SelectionMode="Single">

        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Loaded="ListBoxWrapPanel_Loaded"
                    Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
    </ListBox>

C#

private void ListBoxWrapPanel_Loaded(object sender, RoutedEventArgs e)
{
    if (!(sender is WrapPanel panel))
        return;
    if (panel.Children.Count == 0)
        return;

    var max = (from FrameworkElement panelChild in panel.Children
            select panelChild.ActualWidth + panelChild.Margin.Left + panelChild.Margin.Right)
        .Concat(new double[] { 0 }).Max();
    panel.ItemWidth = max;
}

我有这个 ContentControl：（类名已更改）

*XAML:*
ContentControl
            Content="{Binding CurrentContent}"
 I change the CurrentContent like this:

CurrentContent = new ContentOne();
CurrentContent = new ContentTwo();

为 MVVM 创建了 INotifyPropertyChanged 等，并且一切正常 正确。

有这样的问题。当一个 CurrentContent 更改为另一个时， 但同一个类，视图没有改变，它只改变了 数据。

那些。

CurrentContent = new ContentOne(); //1
---over time
CurrentContent = new ContentOne(); //2

在第二种情况下，视图保持不变。

这会导致一个问题，因为在View中有一个ListBox，ItemPanel 它代表 WrapPanel。对于所有 WP 儿童，身高和 宽度是相同的，并在视图的初始化过程中设置 通过找到最大的宽度和高度。当 ViewModel 变化，但视图不变，可能会发生以下情况：

查看 *1：

查看 *2：

您将无法重新计算高度和宽度，因为它们 当它们尚未为 WrapPanel 设置时，将被考虑，并且在 * 2 的情况下，它们已经设置好了。

附：在这种情况下，一切正常：

CurrentContent = new ContentOne();
---over time
CurrentContent = new ContentTwo();
---over time
CurrentContent = new ContentOne();

Answer 1

您需要使用 UniformGrid，而不是 WrapPanel。