创建(创建)可重用的动态视图

Eng*_*ock 9 wpf xaml wpf-controls wpf-4.0

Out团队希望创建可重用,可管理的视图.例如,我们希望在不同的应用程序中重用CommonPromptView(我们自己的,可自定义的对话框,我们可以隐藏"取消"按钮,设置标题,显示特定图标等).

该视图在其表面上有几个元素:TextBlocks,Buttons.我们想让它们成为一种风格.

那么,解决这个任务的最佳方法是什么?

  1. 视图可以是Window类型.
  2. 视图可以是UserControl类型.

在第一种情况下,可以通过两种方式支持样式:

  1. 元素样式引用了DynamicResources.
  2. 样式将传递给View的构造函数.

两者都不干净(在我看来).

但是如果View是UserControl,那么每次创建新app的人都必须创建一个新窗口来包含UserControl并将其绑定到DP(Style类型)正确.此外,如果UserControl拥有它自己非常方便的API(最常用操作的静态方法),对于包含UserControl的Window用户来说,这将丢失.

Update

CommonPromptView作为UserControl实现的示例.

Code-behind

 public sealed partial class CommonPromptView {
    private const int CloseViewTimeIntervalInMilliseconds = 120000;
    private DispatcherTimer timer;

    public static readonly DependencyProperty CommonPromptBorderStyleProperty = DependencyProperty.Register(
        "CommonPromptBorderStyle", typeof (Style), typeof (CommonPromptView), new PropertyMetadata(default(Style)));

    public Style CommonPromptBorderStyle {
        get { return (Style) GetValue(CommonPromptBorderStyleProperty); }
        set { SetValue(CommonPromptBorderStyleProperty, value); }
    }

    public static readonly DependencyProperty CommonPromptHeaderStyleProperty = DependencyProperty.Register(
        "CommonPromptHeaderStyle", typeof (Style), typeof (CommonPromptView), new PropertyMetadata(default(Style)));

    public Style CommonPromptHeaderStyle {
        get { return (Style) GetValue(CommonPromptHeaderStyleProperty); }
        set { SetValue(CommonPromptHeaderStyleProperty, value); }
    }

    public static readonly DependencyProperty CommonPromptMessageStyleProperty = DependencyProperty.Register(
        "CommonPromptMessageStyle", typeof (Style), typeof (CommonPromptView), new PropertyMetadata(default(Style)));

    public Style CommonPromptMessageStyle {
        get { return (Style) GetValue(CommonPromptMessageStyleProperty); }
        set { SetValue(CommonPromptMessageStyleProperty, value); }
    }

    public static readonly DependencyProperty CommonPromptSpitterStyleProperty = DependencyProperty.Register(
        "CommonPromptSpitterStyle", typeof (Style), typeof (CommonPromptView), new PropertyMetadata(default(Style)));

    public Style CommonPromptSpitterStyle {
        get { return (Style) GetValue(CommonPromptSpitterStyleProperty); }
        set { SetValue(CommonPromptSpitterStyleProperty, value); }
    }

    public static readonly DependencyProperty CommonPromptButtonStyleProperty = DependencyProperty.Register(
        "CommonPromptButtonStyle", typeof (Style), typeof (CommonPromptView), new PropertyMetadata(default(Style)));

    public Style CommonPromptButtonStyle {
        get { return (Style) GetValue(CommonPromptButtonStyleProperty); }
        set { SetValue(CommonPromptButtonStyleProperty, value); }
    }

    [SuppressMessage("Microsoft.Usage", "CA2214:DoNotCallOverridableMethodsInConstructors")]
    public CommonPromptView(object header = null, string message = "?? ????????????? ?????? ???????????",
        Visibility headerVisibility = Visibility.Collapsed,
        MessageBoxIconWPF iconType = MessageBoxIconWPF.Question,
        object affirmButtonContent = null, object cancelButtonContent = null,
        Visibility cancelButtonVisibility = Visibility.Visible, Visibility affirmButtonVisibility = Visibility.Visible) {
        InitializeComponent();
        Header.Content = header ?? string.Empty;
        if (header == null)
            HeaderSplitter.Visibility = Visibility.Collapsed;
        Message.Content = message;

        Ok.Content = affirmButtonContent ?? "??";
        Cancel.Content = cancelButtonContent ?? "??????";

        Cancel.Visibility = cancelButtonVisibility;
        Header.Visibility = headerVisibility;
        Ok.Visibility = affirmButtonVisibility;

        BitmapImage icon = new BitmapImage();
        icon.BeginInit();
        icon.UriSource = new Uri(GetIconPath(iconType));
        //new Uri("pack://application:,,,/ApplicationName;component/Resources/logo.png");
        icon.EndInit();

        Icon.Source = icon;

        SetTimer();
    }

    private static string GetIconPath(MessageBoxIconWPF icon) {
        const string uri = "pack://application:,,,/Microtech.WPF.Common;component/";
        string iconName;
        switch (icon) {
            case MessageBoxIconWPF.Error:
                iconName = "CustomDialogStop";
                break;
            case MessageBoxIconWPF.Information:
                iconName = "CustomDialogInformation";
                break;
            case MessageBoxIconWPF.Question:
                iconName = "CustomDialogQuestion";
                break;
            case MessageBoxIconWPF.Warning:
                iconName = "CustomDialogWarning";
                break;
            default:
                throw new ArgumentException("There were no such an image");
        }
        return uri + string.Format("Images/{0}.{1}", iconName, "png");
    }

    public CommonPromptView(string content, Visibility cancelButtonVisibility = Visibility.Visible)
        : this(message: content, cancelButtonVisibility: cancelButtonVisibility) {
    }

    private void SetTimer() {
        TimeSpan timerInterval = TimeSpan.FromMilliseconds(CloseViewTimeIntervalInMilliseconds);
        timer = new DispatcherTimer(timerInterval, DispatcherPriority.ApplicationIdle,
            (obj, e) => Cancel_Click(null, null),
            Dispatcher.CurrentDispatcher);
        timer.Start();
    }

    public CommonPromptView() {
        InitializeComponent();
    }

    public static bool PromptOnUserAgreement(string header, string message, string okText = "??",
        string cancelText = "???") {
        return new CommonPromptView(header,
            message, Visibility.Visible, MessageBoxIconWPF.Information, okText, cancelText).ShowDialog()
            .GetValueOrDefault();
    }

    public static void PromptOnWarning(string header, string message) {
        new CommonPromptView(header, message, headerVisibility: Visibility.Visible, iconType: MessageBoxIconWPF.Warning,
            cancelButtonVisibility: Visibility.Collapsed).ShowDialog();
    }

    public static void PromptOnError(string header, string message) {
        new CommonPromptView(header, message, headerVisibility: Visibility.Visible, iconType: MessageBoxIconWPF.Error,
            cancelButtonVisibility: Visibility.Collapsed).ShowDialog();
    }

    public static void PromptOnSuccess(string header, string message) {
        new CommonPromptView(header, message, headerVisibility: Visibility.Visible,
            iconType: MessageBoxIconWPF.Information,
            cancelButtonVisibility: Visibility.Collapsed).ShowDialog();
    }

    private void Ok_Click(object sender, RoutedEventArgs e) {
        StopTimer();
        TryCloseTheWindow(true);            
    }

    private void Cancel_Click(object sender, RoutedEventArgs e) {
        StopTimer();
        TryCloseTheWindow(false);
    }

    private void TryCloseTheWindow(bool dialogResult) {
        Window parentwin = GetWindow(this);
        if (parentwin != null) {
            try {
                parentwin.DialogResult = dialogResult;
            } catch (InvalidOperationException) {

            }
            parentwin.Close();
        }
    }

    private void StopTimer() {
        if (timer != null) {
            timer.Stop();
            timer = null;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

XAML

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"                  
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             x:Class="Microtech.WPF.Common.CommonPromptView"
             Background="Transparent" 
             DataContext="{Binding RelativeSource={RelativeSource Self}}">

<UserControl.Resources>
    <Style x:Key="DefaultViewStyle" TargetType="Window">
        <Setter Property="ResizeMode" Value="NoResize" />
        <Setter Property="ShowInTaskbar" Value="False" />
        <Setter Property="WindowStyle" Value="None" />
        <Setter Property="WindowState" Value="Normal" />
        <Setter Property="SizeToContent" Value="WidthAndHeight" />
        <Setter Property="Topmost" Value="True" />
        <Setter Property="Cursor" Value="Arrow" />
    </Style>

    <Style x:Key="DefaultHeaderStyle" TargetType="Label">
        <Setter Property="Margin" Value="10,5,5,5"/>
        <Setter Property="HorizontalAlignment" Value="Left" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="FontSize" Value="20" />
        <Setter Property="FontWeight" Value="Bold" />
    </Style>

    <Style x:Key="DefaultBorderStyle" TargetType="Border">
        <Setter Property="Background" Value="#ADAAAD"/>
        <Setter Property="BorderBrush" Value="Black" />
        <Setter Property="Padding" Value="10" />
        <Setter Property="BorderThickness" Value="3"/>
        <Setter Property="CornerRadius" Value="10"/>          
    </Style>

    <Style x:Key="DefaultMessageStyle" TargetType="Label">
        <Setter Property="Margin" Value="10"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="FontFamily" Value="Verdana"/>
        <Setter Property="FontWeight" Value="Normal"/>
    </Style>

    <Style x:Key="DefaultSplitterStyle" TargetType="GridSplitter">
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="VerticalAlignment" Value="Bottom" />
        <Setter Property="BorderThickness" Value="0.65" />
        <Setter Property="BorderBrush" Value="Black" />
        <Setter Property="IsEnabled" Value="False" />
    </Style>

    <Style x:Key="FStandartButton" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="{x:Null}" />
        <Setter Property="BorderBrush" Value="#00000000" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Height" Value="Auto" />
        <Setter Property="MinHeight" Value="55" />
        <Setter Property="Width" Value="420" />
        <Setter Property="Margin" Value="5" />
        <Setter Property="Padding" Value="10" />
        <Setter Property="FontSize" Value="22" />
        <Setter Property="FontWeight" Value="Bold" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />

        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border x:Name="border" BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="4,4,4,4">
                        <Border.Background>
                            <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                                <GradientStop Offset="0" Color="#8C8A8C" />
                                <GradientStop Offset="1" Color="#636163" />
                            </LinearGradientBrush>
                        </Border.Background>
                        <ContentPresenter Name="ContentContainer" 
                          HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                          RecognizesAccessKey="True"
                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                          VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Background" Value="#CC000000" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Foreground" Value="Gray" />
                        </Trigger>

                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="DefaultButtonStyle" TargetType="Button" BasedOn="{StaticResource FStandartButton}">
        <Setter Property="FontFamily" Value="Verdana"/>
        <Setter Property="FontSize" Value="14"/>
        <Setter Property="Margin" Value="6"/>
    </Style>
</UserControl.Resources>

<Border Style="{Binding CommonPromptBorderStyle, TargetNullValue={StaticResource DefaultBorderStyle}}">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Label x:Name="Header"
               Style="{Binding CommonPromptHeaderStyle, TargetNullValue={StaticResource DefaultHeaderStyle}}" />
        <GridSplitter x:Name="HeaderSplitter" Grid.Row="0" 
                      Style="{Binding CommonPromptSpitterStyle, TargetNullValue={StaticResource DefaultSplitterStyle}}"
                      />

        <StackPanel Grid.Row="1" Margin="5,10,5,0" Orientation="Horizontal">
            <Image x:Name="Icon" Width="32" Height="32" Margin="5" 
                   HorizontalAlignment="Left"
                   VerticalAlignment="Center" />
            <Label x:Name="Message" 
                   Style="{Binding CommonPromptMessageStyle, 
                           TargetNullValue={StaticResource DefaultMessageStyle}}" />
        </StackPanel>

        <StackPanel Grid.Row="2" HorizontalAlignment="Center" Orientation="Horizontal">
            <Button x:Name="Ok" 
                    Style="{Binding CommonPromptButtonStyle, TargetNullValue={StaticResource DefaultButtonStyle}}"  
                    Click="Ok_Click" />
            <Button x:Name="Cancel" 
                    Style="{Binding CommonPromptButtonStyle, TargetNullValue={StaticResource DefaultButtonStyle}}"  
                    IsDefault="True" Click="Cancel_Click" />
        </StackPanel>
    </Grid>
</Border>
Run Code Online (Sandbox Code Playgroud)

Ana*_*aev 4

我认为在你的情况下,你需要朝 的方向看DataTemplate,以使dynamic content. I made a few examples that show this. The general meaning of this examples:

\n\n
\n

给定两个按钮,一个用于用户,一个用于管理员。如果选择User,则向用户显示内容,如果Admin, then for administrator.

\n
\n\n

显然,这不是最现实的例子,但这只是展示内容动态选择的一种方式。对于您来说,您将确定替换内容的条件。

\n\n

Example A

\n\n

此示例演示了动态替换DataTemplates,具体取决于输入值\xe2\x80\x8b\xe2\x80\x8b。如果我们从风格模式的角度思考,它与抽象工厂非常相似,其中工厂方法不是类 - DataTemplate,而是动态DataTemplate选择器。示例完全适合MVVM pattern. Below is an example:

\n\n

MainWindow.xaml

\n\n
<Grid>\n    <ContentControl Name="MainView"\n                    ContentTemplate="{StaticResource MainView}">\n\n        <ViewModels:MainViewModel />\n    </ContentControl>\n</Grid>\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainView.xaml

\n\n

这是DataTemplateResourceDictionary. 有两个模板:UserTemplate 和 AdminTemplate。一份供用户使用,一份供管理员使用。ContentControl采用定义的ContentTemplateSelector样式,以及将按条件安装的模板集合。在 DynamicContentControl 的属性中Content设置内容字符串,可以是:UserAdmin.

\n\n
<DataTemplateSelectors:DynamicTemplateSelector x:Key="MyTemplateSelector" />\n\n<DataTemplate x:Key="UserTemplate">\n    <StackPanel>\n        <TextBlock Text="Content for user"\n                   FontSize="20"\n                   HorizontalAlignment="Center"\n                   VerticalAlignment="Center" />\n\n        <Button Content="Yes" />\n        <Button Content="No" />\n    </StackPanel>\n</DataTemplate>\n\n<DataTemplate x:Key="AdminTemplate">\n    <StackPanel>\n        <TextBlock Text="Content for admin"\n                   FontSize="20"\n                   HorizontalAlignment="Center"\n                   VerticalAlignment="Center" />\n\n        <TextBox Text="Whom banned?" />\n        <Button Content="Ban" />\n        <Button Content="AntiBan" />\n    </StackPanel>\n</DataTemplate>\n\n<Style x:Key="DynamicContentStyle" TargetType="{x:Type ContentControl}">\n    <Setter Property="ContentTemplateSelector" Value="{StaticResource MyTemplateSelector}" />\n    <Setter Property="Width" Value="200" />\n    <Setter Property="Height" Value="200" />\n\n    <Setter Property="DataTemplateSelectors:DynamicTemplateSelector.Templates">\n        <Setter.Value>\n            <DataTemplateSelectors:TemplateCollection>\n                <DataTemplateSelectors:Template Value="User" \n                                                DataTemplate="{StaticResource UserTemplate}" />\n\n                <DataTemplateSelectors:Template Value="Admin" \n                                                DataTemplate="{StaticResource AdminTemplate}" />\n            </DataTemplateSelectors:TemplateCollection>\n        </Setter.Value>\n    </Setter>\n</Style>\n\n<DataTemplate x:Key="MainView" DataType="{x:Type ViewModels:MainViewModel}">\n    <Grid>\n        <Button Name="UserButton"\n                Content="Are you user?"\n                Width="100"\n                Height="30"\n                HorizontalAlignment="Left"\n                VerticalAlignment="Top"\n                Command="{Binding UserButtonCommand}" />\n\n        <Button Name="AdminButton"\n                Content="Are you admin?"\n                Width="100"\n                Height="30"\n                HorizontalAlignment="Right"\n                VerticalAlignment="Top"\n                Command="{Binding AdminButtonCommand}" />\n\n        <ContentControl Name="DynamicContent"                            \n                        Style="{StaticResource DynamicContentStyle}"\n                        Content="{Binding Path=MainModel.ContentType,\n                                          Mode=TwoWay,\n                                          UpdateSourceTrigger=PropertyChanged}" />\n    </Grid>\n</DataTemplate>\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainViewModel.cs

\n\n

这里的命令设置内容类型。

\n\n
public class MainViewModel\n{\n    #region MainModel\n\n    private MainModel _mainModel = null;\n\n    public MainModel MainModel\n    {\n        get\n        {\n            return _mainModel;\n        }\n\n        set\n        {\n            _mainModel = value;\n        }\n    }\n\n    #endregion\n\n    #region UserButton Command\n\n    private ICommand _userButtonCommand = null;\n\n    public ICommand UserButtonCommand\n    {\n        get\n        {\n            if (_userButtonCommand == null)\n            {\n                _userButtonCommand = new RelayCommand(param => this.UserButton(), null);\n            }\n\n            return _userButtonCommand;\n        }\n    }\n\n    private void UserButton() \n    {\n        MainModel.ContentType = "User";\n    }\n\n    #endregion\n\n    #region AdminButton Command\n\n    private ICommand _adminButtonCommand = null;\n\n    public ICommand AdminButtonCommand\n    {\n        get\n        {\n            if (_adminButtonCommand == null)\n            {\n                _adminButtonCommand = new RelayCommand(param => this.AdminButton(), null);\n            }\n\n            return _adminButtonCommand;\n        }\n    }\n\n    private void AdminButton()\n    {\n        MainModel.ContentType = "Admin";\n    }\n\n    #endregion\n\n    public MainViewModel() \n    {\n        MainModel = new MainModel();\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainModel.cs

\n\n
public class MainModel : NotificationObject\n{\n    private string _contentType = "";\n\n    public string ContentType\n    {\n        get\n        {\n            return _contentType;\n        }\n\n        set\n        {\n            _contentType = value;\n            NotifyPropertyChanged("ContentType");\n        }\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

DynamicTemplateSelector

\n\n

从 CodeProject 获取并进行了少量修改:

\n\n
public class DynamicTemplateSelector : DataTemplateSelector\n{\n    #region Templates Dependency Property\n\n    public static readonly DependencyProperty TemplatesProperty =\n        DependencyProperty.RegisterAttached("Templates", typeof(TemplateCollection), typeof(DataTemplateSelector),\n        new FrameworkPropertyMetadata(new TemplateCollection(), FrameworkPropertyMetadataOptions.Inherits));\n\n    public static TemplateCollection GetTemplates(UIElement element)\n    {\n        return (TemplateCollection)element.GetValue(TemplatesProperty);\n    }\n\n    public static void SetTemplates(UIElement element, TemplateCollection collection)\n    {\n        element.SetValue(TemplatesProperty, collection);\n    }\n\n    #endregion\n\n    #region SelectTemplate\n\n    public override DataTemplate SelectTemplate(object item, DependencyObject container)\n    {\n        string myStringItem = (string)item;\n\n        if (!(container is UIElement))\n        {\n            return base.SelectTemplate(item, container);\n        }\n\n        TemplateCollection templates = GetTemplates(container as UIElement);\n\n        if (templates == null || templates.Count == 0)\n        {\n            base.SelectTemplate(item, container);\n        }\n\n        foreach (var template in templates)\n        {\n            if (myStringItem.Equals(template.Value.ToString()))\n            {\n                return template.DataTemplate;\n            }\n        }\n\n        return base.SelectTemplate(item, container);\n    }\n\n    #endregion\n}\n\n#region TemplateCollection\n\npublic class TemplateCollection : List<Template>\n{\n\n}\n\n#endregion\n\n#region Template Dependency Object\n\npublic class Template : DependencyObject\n{\n    public static readonly DependencyProperty ValueProperty = DependencyProperty.Register("Value", typeof(string), typeof(Template));\n\n    public static readonly DependencyProperty DataTemplateProperty =\n       DependencyProperty.Register("DataTemplate", typeof(DataTemplate), typeof(Template));\n\n    public string Value\n    { get { return (string)GetValue(ValueProperty); } set { SetValue(ValueProperty, value); } }\n\n    public DataTemplate DataTemplate\n    { get { return (DataTemplate)GetValue(DataTemplateProperty); } set { SetValue(DataTemplateProperty, value); } }\n}\n\n#endregion\n
Run Code Online (Sandbox Code Playgroud)\n\n

Result for User

\n\n

用户的结果

\n\n

Result for Admin

\n\n

管理员结果

\n\n

Notes about this way

\n\n

优点:

\n\n
    \n
  • 完全独立于不同的视图
  • \n
\n\n

缺点:

\n\n
    \n
  • 需要为每个条件创建一个单独的数据模板(View),在某些情况下为ViewModel。
  • \n
\n\n

结论:

\n\n

这种方法适用于完全不同的视图,如果表示形式差别不大,你看第二个例子。

\n\n

Example B

\n\n

本例使用了一个DataTemplate,数据取自模型,默认情况下,所有控件都是隐藏的(Visibility.Collapsed),所有操作View都是通过 执行的DataTriggers。示例完全适合MVVM模式。

\n\n

MainWindow.xaml

\n\n
<Grid>\n    <ContentControl Name="MainView"\n                    ContentTemplate="{StaticResource MainView}">\n\n        <ViewModels:MainViewModel />\n    </ContentControl>\n</Grid>\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainView.xaml

\n\n
<DataTemplate x:Key="MainView" DataType="{x:Type ViewModels:MainViewModel}">\n    <Grid>\n        <Button Name="UserButton"\n                Content="Are you user?"\n                Width="100"\n                Height="30"\n                HorizontalAlignment="Left"\n                VerticalAlignment="Top"\n                Command="{Binding UserButtonCommand}" />\n\n        <Button Name="AdminButton"\n                Content="Are you admin?"\n                Width="100"\n                Height="30"\n                HorizontalAlignment="Right"\n                VerticalAlignment="Top"\n                Command="{Binding AdminButtonCommand}" />\n\n        <StackPanel Name="MainViewPanel"\n                    Tag="{Binding Path=MainModel.ContentType,\n                                  Mode=TwoWay, \n                                  UpdateSourceTrigger=PropertyChanged}">\n\n            <TextBlock Name="TitleTextBlock"\n                       Text="{Binding Path=MainModel.TitleText,\n                                      Mode=TwoWay, \n                                      UpdateSourceTrigger=PropertyChanged}"\n                       FontSize="20"\n                       HorizontalAlignment="Center"\n                       VerticalAlignment="Center"\n                       Visibility="Collapsed" />\n\n            <TextBox Name="BannedTextBlock"\n                     Text="{Binding Path=MainModel.BannedName,\n                                    Mode=TwoWay, \n                                    UpdateSourceTrigger=PropertyChanged}"\n                     Visibility="Collapsed" />\n\n            <Button Name="YesButton" \n                    Content="{Binding Path=MainModel.ContentYesButton,\n                                      Mode=TwoWay, \n                                      UpdateSourceTrigger=PropertyChanged}" \n                    Visibility="Collapsed" />\n\n            <Button Name="NoButton" \n                    Content="{Binding Path=MainModel.ContentNoButton,\n                                      Mode=TwoWay, \n                                      UpdateSourceTrigger=PropertyChanged}" \n                    Visibility="Collapsed" />\n        </StackPanel>\n    </Grid>\n\n    <DataTemplate.Triggers>\n        <DataTrigger Binding="{Binding ElementName=MainViewPanel, Path=Tag}" Value="User">\n            <Setter TargetName="TitleTextBlock" Property="Visibility" Value="Visible" />\n            <Setter TargetName="YesButton" Property="Visibility" Value="Visible" />\n        </DataTrigger>\n\n        <DataTrigger Binding="{Binding ElementName=MainViewPanel, Path=Tag}" Value="Admin">\n            <Setter TargetName="TitleTextBlock" Property="Visibility" Value="Visible" />\n            <Setter TargetName="BannedTextBlock" Property="Visibility" Value="Visible" />\n            <Setter TargetName="YesButton" Property="Visibility" Value="Visible" />\n            <Setter TargetName="NoButton" Property="Visibility" Value="Visible" />\n        </DataTrigger>\n    </DataTemplate.Triggers>\n</DataTemplate>\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainViewModel.cs

\n\n
public class MainViewModel\n{\n    #region MainModel\n\n    private MainModel _mainModel = null;\n\n    public MainModel MainModel\n    {\n        get\n        {\n            return _mainModel;\n        }\n\n        set\n        {\n            _mainModel = value;\n        }\n    }\n\n    #endregion\n\n    #region UserButton Command\n\n    private ICommand _userButtonCommand = null;\n\n    public ICommand UserButtonCommand\n    {\n        get\n        {\n            if (_userButtonCommand == null)\n            {\n                _userButtonCommand = new RelayCommand(param => this.UserButton(), null);\n            }\n\n            return _userButtonCommand;\n        }\n    }\n\n    private void UserButton() \n    {\n        MainModel.ContentType = "User";\n        MainModel.TitleText = "Hello User!";\n        MainModel.ContentYesButton = "Yes";\n        MainModel.ContentNoButton = "No";\n    }\n\n    #endregion\n\n    #region AdminButton Command\n\n    private ICommand _adminButtonCommand = null;\n\n    public ICommand AdminButtonCommand\n    {\n        get\n        {\n            if (_adminButtonCommand == null)\n            {\n                _adminButtonCommand = new RelayCommand(param => this.AdminButton(), null);\n            }\n\n            return _adminButtonCommand;\n        }\n    }\n\n    private void AdminButton()\n    {\n        MainModel.ContentType = "Admin";\n        MainModel.TitleText = "Hello Admin!";\n        MainModel.BannedName = "John Doe";\n        MainModel.ContentYesButton = "Ban";\n        MainModel.ContentNoButton = "AntiBan";\n    }\n\n    #endregion\n\n    public MainViewModel() \n    {\n        MainModel = new MainModel();\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

MainModel.cs

\n\n
public class MainModel : NotificationObject\n{\n    #region ContentType\n\n    private string _contentType = "";\n\n    public string ContentType\n    {\n        get\n        {\n            return _contentType;\n        }\n\n        set\n        {\n            _contentType = value;\n            NotifyPropertyChanged("ContentType");\n        }\n    }\n\n    #endregion\n\n    #region TitleText\n\n    private string _titleText = "";\n\n    public string TitleText\n    {\n        get\n        {\n            return _titleText;\n        }\n\n        set\n        {\n            _titleText = value;\n            NotifyPropertyChanged("TitleText");\n        }\n    }\n\n    #endregion\n\n    #region BannedName\n\n    private string _bannedName = "";\n\n    public string BannedName\n    {\n        get\n        {\n            return _bannedName;\n        }\n\n        set\n        {\n            _bannedName = value;\n            NotifyPropertyChanged("BannedName");\n        }\n    }\n\n    #endregion\n\n    #region ContentYesButton\n\n    private string _contentYesButton = "";\n\n    public string ContentYesButton\n    {\n        get\n        {\n            return _contentYesButton;\n        }\n\n        set\n        {\n            _contentYesButton = value;\n            NotifyPropertyChanged("ContentYesButton");\n        }\n    }\n\n    #endregion\n\n    #region ContentNoButton\n\n    private string _contentNoButton = "";\n\n    public string ContentNoButton\n    {\n        get\n        {\n            return _contentNoButton;\n        }\n\n        set\n        {\n            _contentNoButton = value;\n            NotifyPropertyChanged("ContentNoButton");\n        }\n    }\n\n    #endregion\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

Result for User

\n\n

用户的结果

\n\n

Result for Admin

\n\n

管理员结果

\n\n

Notes about this way

\n\n

优点:

\n\n
    \n
  • 只有一个数据模板
  • \n
\n\n

缺点:

\n\n
    \n
  • 如果表示方式彼此差异很大,则需要View操作大量控件和数据。
  • \n
\n\n

结论:

\n\n

该方法适用于Views,彼此之间差异不是很大,并且不同值的数量也不是太多。

\n\n
\n

这两个示例都可以通过此链接获得。

\n
\n