如何重用WPF用戶控件，但更改綁定屬性？

我有一個WPF用戶控件，它使用我的viewmodel中的一個屬性進行綁定。我現在想用相同viewmodel使用該用戶控件的兩個實例，但重寫其中一個的綁定。如何重用WPF用戶控件，但更改綁定屬性？

的代碼看起來是這樣的

用戶控制

<UserControl x:Class="TestWpfApp.UserControl1" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:local="clr-namespace:TestWpfApp"> 
    <Grid> 
     <DockPanel> 
      <Label Margin="10" Content="{Binding MyLabel}"/> 
      <Button Margin="10" Content="{Binding MyButton}"/> 
     </DockPanel> 
    </Grid> 
</UserControl>

主視圖

<Window x:Class="TestWpfApp.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:local="clr-namespace:TestWpfApp" 
     Title="MainWindow" Height="150" Width="525"> 
    <Window.DataContext> 
     <local:ViewModel/> 
    </Window.DataContext> 
    <Grid> 
     <DockPanel> 
      <local:UserControl1 DockPanel.Dock="Top" x:Name="UserControl1"/> 
      <!--In this instance of UserControl1, I want the Label to bind to the MyNewLabel--> 
      <local:UserControl1 DockPanel.Dock="Top" x:Name="UserControl2"/> 
     </DockPanel> 
    </Grid> 
</Window>

視圖模型

public class ViewModel 
{ 
    public string MyLabel => "Label1"; 
    public string MyButton => "Button1"; 
    public string MyNewLabel => "Label2"; 
}

在第二個實例，我想將標籤綁定到不同的屬性。我嘗試將該屬性設置爲用戶控件上的資源，然後在主視圖中覆蓋它，但我無法使其工作。

實際上，我使用DevExpress控件和POCO視圖模型，如果這樣做更容易。

來源

2017-10-08 Kris Harper

創建自定義控件時 - 將自定義控件內的控件綁定到由外部數據上下文提供的任意屬性不是一個好主意。不僅你正在得到像現在這樣的問題，那個控件的用戶不知道哪個datacontext應該提供哪個屬性來控制它的工作。只查看UserControl的源代碼可能會發現它需要具有屬性MyLabel和MyButton的數據上下文。相反 - 使控制自足通過控制自身引入的依賴屬性：

public partial class UserControl1 : UserControl { 
    public UserControl1() { 
     InitializeComponent(); 
    } 

    public string Text 
    { 
     get { return (string) GetValue(TextProperty); } 
     set { SetValue(TextProperty, value); } 
    } 

    public static readonly DependencyProperty TextProperty = 
     DependencyProperty.Register("Text", typeof(string), typeof(UserControl1), new PropertyMetadata(null)); 

    public string ButtonText 
    { 
     get { return (string) GetValue(ButtonTextProperty); } 
     set { SetValue(ButtonTextProperty, value); } 
    } 

    public static readonly DependencyProperty ButtonTextProperty = 
     DependencyProperty.Register("ButtonText", typeof(string), typeof(UserControl1), new PropertyMetadata(null)); 
}

並綁定到這些屬性：

<UserControl x:Class="WpfApplication1.UserControl1" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"       
      x:Name="self"> 
    <Grid> 
     <DockPanel> 
      <Label Margin="10" 
        Content="{Binding Text, ElementName=self}" /> 
      <Button Margin="10" 
        Content="{Binding ButtonText, ElementName=self}" /> 
     </DockPanel> 
    </Grid> 
</UserControl>

然後在主窗口 - 綁定那些依賴屬性到你的模型：

<Window.DataContext> 
    <my:ViewModel /> 
</Window.DataContext> 
<Grid> 
    <DockPanel> 
     <my:UserControl1 DockPanel.Dock="Top" 
          x:Name="UserControl1" Text="{Binding MyLabel}" ButtonText="{Binding MyButton}" /> 
     <!--In this instance of UserControl1, I want the Label to bind to the MyNewLabel--> 
     <my:UserControl1 DockPanel.Dock="Top" 
         x:Name="UserControl2" 
         Text="{Binding MyNewLabel}" 
         ButtonText="{Binding MyButton}" /> 
    </DockPanel> 
</Grid>

來源

2017-10-08 14:28:12 Evk

如何重用WPF用戶控件，但更改綁定屬性？

回答

相關問題