我已经在当前项目上工作了一年多,现在我正在尝试将设计时间数据重新调整到视图中。该应用程序有一个基本资源字典,其中包含控件的默认样式。应用程序能够加载可以覆盖部分或全部默认样式的插件,因此资源字典包含在以下示例中的外部程序集中。
注意:对于提供的演示项目,这并不是一个大问题,但在实际应用程序中引起了头疼,该应用程序首先突出了该问题。
风景:
<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 演示解决方案。