按鈕樣式的作品在運行但Visual Studio顯示

Question

我用下面的類和的DependencyProperty允許樣式設置一個按鈕的圖像在設計時的錯誤：

public static class ImageButton 
{ 
    public static readonly DependencyProperty ImageProperty = 
        DependencyProperty.RegisterAttached("Image", typeof(ImageSource), typeof(ImageButton), 
                            new FrameworkPropertyMetadata((ImageSource)null)); 
    public static ImageSource GetImage(DependencyObject obj) 
    { 
     return (ImageSource)obj.GetValue(ImageProperty); 
    } 

    public static void SetImage(DependencyObject obj, ImageSource value) 
    { 
     obj.SetValue(ImageProperty, value); 
    } 
} 

我已經定義了以下風格（在ImageButton.xaml）：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        xmlns:vcontrols="clr-namespace:Vialis.Led.LedControl5.Controls"> 

    <ControlTemplate x:Key="ImageButtonTemplate" TargetType="Button"> 
     <Image Source="{Binding Path=(vcontrols:ImageButton.Image), 
           RelativeSource={RelativeSource FindAncestor, 
           AncestorType={x:Type Button}}}" 
       Width="{TemplateBinding Width}" 
       Height="{TemplateBinding Height}" 
       Stretch="Fill" 
       RenderTransformOrigin="0.5, 0.5"> 
      <Image.Resources> 
       <Storyboard x:Key="ShrinkStoryboard"> 
        <DoubleAnimation Storyboard.TargetName="ImageScale" 
               Storyboard.TargetProperty="(ScaleTransform.ScaleX)" 
               To="0.8" 
               Duration="0:0:0.15" 
               AutoReverse="False"/> 
        <DoubleAnimation Storyboard.TargetName="ImageScale" 
               Storyboard.TargetProperty="(ScaleTransform.ScaleY)" 
               To="0.8" 
               Duration="0:0:0.15" 
               AutoReverse="False"/> 
       </Storyboard> 
       <Storyboard x:Key="GrowStoryboard"> 
        <DoubleAnimation Storyboard.TargetName="ImageScale" 
               Storyboard.TargetProperty="(ScaleTransform.ScaleX)" 
               To="1.0" 
               Duration="0:0:0.15" 
               AutoReverse="False"/> 
        <DoubleAnimation Storyboard.TargetName="ImageScale" 
               Storyboard.TargetProperty="(ScaleTransform.ScaleY)" 
               To="1.0" 
               Duration="0:0:0.15" 
               AutoReverse="False"/> 
       </Storyboard> 
      </Image.Resources> 
      <Image.RenderTransform> 
       <ScaleTransform x:Name="ImageScale" ScaleX="1" ScaleY="1" CenterX="1" CenterY="1"/> 
      </Image.RenderTransform> 

      <VisualStateManager.VisualStateGroups> 
       <VisualStateGroup x:Name="CommonStates"> 
        <VisualState x:Name="Pressed" Storyboard="{StaticResource ShrinkStoryboard}"/> 
        <VisualState x:Name="MouseOver" Storyboard="{StaticResource GrowStoryboard}"/> 
       </VisualStateGroup> 
      </VisualStateManager.VisualStateGroups> 
     </Image> 
    </ControlTemplate> 

    <Style x:Key="ImageButtonStyle" TargetType="Button"> 
     <Setter Property="Opacity" Value="0.5"/> 
     <Setter Property="Template" Value="{StaticResource ImageButtonTemplate}"/> 
     <Style.Triggers> 
      <Trigger Property="IsMouseOver" Value="True"> 
       <Setter Property="Opacity" Value="1"/> 
      </Trigger> 
     </Style.Triggers> 
    </Style> 

</ResourceDictionary> 

最後爲了使用它，我有這樣的事情：

<Button Width="32" 
     Height="32" 
     Style="{StaticResource ImageButtonStyle}" 
     vcontrols:ImageButton.Image="/Images/someimage.png"/> 

當我編譯和執行應用程序時，一切正常。 按鈕獲取圖像並使用樣式中定義的動畫。

但是，在設計時，Visual Studio似乎無法將其可視化，並且XAML編輯器在整個按鈕定義下顯示了扭曲的線條。

錯誤信息說：

前綴 'vcontrols' 未映射到一個命名空間。

這是指在Style中使用vcontrols。 如果您在那裏更改名稱，錯誤也會更改， 因此它與使用按鈕的Window/UserControl中選擇的名稱無關。

什麼可能導致這種情況，有沒有辦法解決它，所以它在設計時也可以工作？

Answer 1

更新2：

這個問題是隻能用VS2012設計師（在VS2010正常工作），它已經是固定在Visual Studio 2012 Update 3補丁。