silverlight - 如何从silverlight中单击的按钮中删除边框？

Question

我的 Silverlight 用户控件中有一个按钮和图像。
当我点击按钮时，添加了一个边框。
我可以在按下按钮时从按钮上删除边框吗？
谢谢。

Answer 1

您需要调整 Button 模板才能做到这一点。首先获取现有模板(在 Blend 中，您使用 Edit Copy of Template)，如果您只有 Visual Studio，则可以从文档中获取。 Button Styles and Templates .

复制整个样式并将其放置在 UserControl 中某处的资源中，或者更好地放置在它自己的 ResourceDictionary 文件中，并使用 MergedDictionaries 包含在 UserControl 资源中。 :-

NoFocusRectangleButtonStyle.xaml:-

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style x:Key="NoFocusRectangleButtonStyle" TargetType="Button">
        <!-- copy of style contents from documentation -->
    </Style>
</ResourceDictionary>

在您的用户控件中:-

<UserControl .... >
   <UserControl.Resources>
     <ResourceDictionary>
       <ResourceDictionary.MergedDictionaries>
          <ResourceDictionary Source="NoFocusRectangleButtonStyle.xaml" />
        </ResourceDictionary.MergedDictionaries>
        <!-- other local resources -->
     </ResourceDictionary>
   </UserControl.Resources>
   <Grid x:Name="LayoutRoot" ...>

     <Button Style="{StaticResource NoFocusRectangleButtonStyle}">
        <Image Source="yourimage.png" />
     </Button>

   </Grid>
</UserControl>

现在你只需要调整 Template在复制的样式中删除焦点 Rectangle .
你会在模板的底部找到它，删除它。然后再向上看 VisualStateGroups集的结尾，你会看到一个 VisualState称为“焦点”，删除 Storyboard它包含，你就完成了。