动态编辑内容

本文关键字：编辑 动态 | 更新日期: 2023-09-27 17:50:22

我有一个MVVM应用程序，使用3个用户控件作为多个页面(页面也是用户控件)的内容，并带有一些额外的静态内容。

例如:

Page1.xaml 

<StackPanel x:Name="pnlMain" Orientation="Vertical">
    <TextBlock FontWeight="Bold" Text="Title 1" />
    <local:UserControl1 />
    <TextBlock FontWeight="Bold" Text="Title 2" />
    <local:UserControl2 />
    <local:UserControl2 />
</StackPanel>

Page2.xaml 

<StackPanel x:Name="pnlMain" Orientation="Vertical">
    <TextBlock FontWeight="Bold" Text="Title 3" />
    <local:UserControl2 />
    <TextBlock FontWeight="Bold" Text="Title 4" />
    <local:UserControl3 />
</StackPanel>

每个用户控件的ViewModel绑定到每个页面的ViewModel中的ObservableCollection

例如:

Page1ViewModel.cs 

    [DataMember(EmitDefaultValue = false)]
    public ObservableCollection<UserControl1ViewModel> Ucon1
    {
        get { return this.ucon1; }
        set { this.ucon1= value; Changed("Ucon1"); }
    }
    [DataMember(EmitDefaultValue = false)]
    public ObservableCollection<UserControl2ViewMode> Ucon2
    {
        get { return this.ucon2; }
        set { this.ucon2= value; Changed("Ucon2"); }
    }

我想要完成的是能够在页面之间移动(复制到page2并从page1删除)用户控件。我正在考虑使用ListView，但每个页面在用户控件之间也包含静态内容的事实是一个缺点。

有人能提出一个方法吗?

谢谢。

解决方案(部分):

使用@Sheridan的建议，我设法通过在我的ResourceDictionary中创建DataTemplate并从代码后动态加载它们来实现(部分)我想要的。

DataTemplate (example)

<DataTemplate x:Key="MyUserControl1" DataType="{x:Type local:UserControl1}">
    <local:UserControl1 />
</DataTemplate>

在Page1中的用法(示例)

<ContentControl x:Name="cC1Page1" Content="{Binding}" ContentTemplate="{StaticResource MyUserControl1}" />

从Codebehind更改ContentTemplate(示例)

this.cC2Page1.ContentTemplate = FindResource("MyUserControl1") as DataTemplate;

现在我必须看看DataBinding s是否工作正常，并找到一种方法为UserControl s添加一个不适合页面的新页面

动态编辑内容

在WPF中，我们倾向于操作数据而不是UI控件。我的意思是我们在UserControl或DataTemplate中显示我们的数据。因此，要将复制一些UI控件从一个地方复制到另一个地方，我们实际上只是将数据从一个地方复制到另一个地方，并在该位置显示相同的UserControl或呈现相同的DataTemplate数据。

对于您的场景，我建议您定义包含UserControl的DataTemplate，然后将DataTemplate应用于您想要显示它的任何页面中的ContentControl。看这个简单的例子:

In Resources:

<DataTemplate x:Key="YourDataTemplate" DataType="{Local YourDataType}">
    <!-- Define your UserControl here -->
</DataTemplate>

然后你可以像这样显示:

<ContentControl Content="{Binding YourDataObject}" 
    ContentTemplate="{StaticResource YourDataTemplate}" />

因此，实际上，您需要复制的只是最后一行，WPF框架将完成复制相关视图的艰苦工作。

相关文章：