1

我已经在当前项目上工作了一年多,现在我正在尝试将设计时间数据重新调整到视图中。该应用程序有一个基本资源字典,其中包含控件的默认样式。应用程序能够加载可以覆盖部分或全部默认样式的插件,因此资源字典包含在以下示例中的外部程序集中。

注意:对于提供的演示项目,这并不是一个大问题,但在实际应用程序中引起了头疼,该应用程序首先突出了该问题。

风景:

<UserControl x:Class="DesignTimeData.UserControl1"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:DesignTimeData"
             mc:Ignorable="d"
             d:DataContext="{d:DesignInstance local:ViewModel, IsDesignTimeCreatable=True, CreateList=False}"
             d:DesignHeight="300"
             d:DesignWidth="300">
    <UserControl.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="/ViewsModule;component/Styles.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <TextBlock Grid.Row="0"
                   Style="{DynamicResource TextStyle}"
                   Text="{Binding Row1Text}" />
        <TextBlock Grid.Row="1"
                   Style="{DynamicResource TextStyle}"
                   Text="{Binding Row2Text}" />
        <Button Content="Button Text"
                Grid.Row="2"
                Style="{StaticResource ButtonStyle}" />
    </Grid>
</UserControl>

视图模型:

namespace DesignTimeData
{
    class ViewModel
    {
        private string row1Text;

        public string Row1Text
        {
            get { return row1Text; }
            set { row1Text = value; }
        }

        private string row2Text;

        public string Row2Text
        {
            get { return row2Text; }
            set { row2Text = value; }
        }

        public ViewModel()
        {
            row1Text = "Dummy Row 1";
            row2Text = "Dummy Row 2";
        }
    }
}

ResourceDictionary(包含在外部程序集中):

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Style x:Key="TextStyle"
           TargetType="{x:Type TextBlock}">
        <Setter Property="Background"
                Value="CornflowerBlue" />
        <Setter Property="FontSize"
                Value="28" />
        <Setter Property="TextAlignment"
                Value="Center" />
        <Setter Property="HorizontalAlignment"
                Value="Stretch" />
        <Setter Property="VerticalAlignment"
                Value="Stretch" />
        <Setter Property="Foreground"
                Value="Beige" />
    </Style>

    <ControlTemplate x:Key="CustomButtonTemplate"
                     TargetType="{x:Type Button}">
        <Border Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal" />
                    <VisualState x:Name="MouseOver">
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background">
                                <DiscreteObjectKeyFrame KeyTime="0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <LinearGradientBrush StartPoint="0.5,0"
                                                             EndPoint="0.5,1">
                                            <GradientStop Offset="0"
                                                          Color="LightBlue" />
                                            <GradientStop Offset="1"
                                                          Color="DarkBlue" />
                                        </LinearGradientBrush>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            <ContentPresenter  HorizontalAlignment="Center"
                               VerticalAlignment="Center" />
        </Border>
    </ControlTemplate>

    <Style x:Key="ButtonStyle"
           TargetType="{x:Type Button}">
        <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush StartPoint="0.5,0"
                                     EndPoint="0.5,1">
                    <GradientStop Offset="0"
                                  Color="DarkBlue" />
                    <!--<GradientStop Offset="0.5"
                                  Color="Blue" />-->
                    <GradientStop Offset="1"
                                  Color="LightBlue" />
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush"
                Value="Red" />
        <Setter Property="BorderThickness"
                Value="3" />
        <Setter Property="Content"
                Value="{Binding Content}" />
        <Setter Property="Padding"
                Value="5,5,5,5" />
        <Setter Property="FontSize"
                Value="26" />
        <Setter Property="Width"
                Value="200" />
        <Setter Property="Foreground"
                Value="DarkBlue" />
        <Setter Property="Template"
                Value="{StaticResource CustomButtonTemplate}" />
    </Style>
</ResourceDictionary>

如果我将资源字典的内容直接复制到UserControl.Resources属性中,那么这似乎可以按预期工作,每个 TextBlock 都显示数据绑定文本,并且按钮具有预期的大小和内容。如果我尝试使用ResourceDictionary.MergedDictionary如下方式导入外部字典:

<UserControl.Resources>
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/ViewsModule;component/Styles.xaml" />
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
</UserControl.Resources>

那么设计器没有正确更新。TextBlocks 没有内容,并且网格缩小到(硬编码)按钮内容的大小。
设计者似乎尊重资源字典中定义的样式,但ControlTemplate似乎破坏了数据绑定。如果删除样式块中的ControlTemplate和 关联Setter,则设计器的行为正常。ButtonStyle此外,更改 中的Padding属性ButtonStyle也会导致设计人员刷新数据绑定并且一切看起来都正常,直到编译应用程序时数据绑定中断并再次回到极简设计表面。

我不知道这是否会成为 Expression Blend 中的问题。不幸的是,我目前无法访问 Blend,因为我之前安装的试用版已过期。

有没有人知道这里发生了什么,更重要的是,如何解决它?

可以在此处找到 VS2012 演示解决方案。

4

0 回答 0