Silverlight的自定義按鈕

我已經創建一個按鈕樣式：Silverlight的自定義按鈕

<Style x:Key="TicketOnBizOptionsButton" TargetType="Button"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="Button"> 
       <Grid> 
        <VisualStateManager.VisualStateGroups> 
         <VisualStateGroup x:Name="CommonStates"> 
          <VisualState x:Name="Disabled"> 
           <Storyboard> 
            <ColorAnimation Duration="0" To="#FFC0C0C0" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border"/> 
           </Storyboard> 
          </VisualState> 
          <VisualState x:Name="Normal"/> 
          <VisualState x:Name="MouseOver"> 
           <Storyboard> 
            <ColorAnimation Duration="0" To="#FF14548C" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border"/> 
            <ColorAnimation Duration="0" To="White" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="Content"/> 
           </Storyboard> 
          </VisualState> 
          <VisualState x:Name="Pressed"/> 
         </VisualStateGroup> 
        </VisualStateManager.VisualStateGroups> 
        <Border x:Name="border" BorderThickness="1" Background="#FFF2F2F2" CornerRadius="8" BorderBrush="#FFD5D5D5"> 
         <Border.Effect> 
          <DropShadowEffect Direction="285" ShadowDepth="2" Color="#FFDFDFDF" BlurRadius="2"/> 
         </Border.Effect> 
         <Button Content="" Margin="-1" Width="105" BorderBrush="{x:Null}" Foreground="White" Background="{x:Null}" Opacity="0"/> 
        </Border> 
        <TextBlock x:Name="Content" Margin="5,5,5,5" Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

風格正常工作和按鈕。但我注意到一些不規則的行爲，當我點擊按鈕。

有時只能直接上面的文字其他時間只能在邊境點擊時的作品...

，我已經添加的邊框對這個有什麼影響？

在此先感謝！

來源

2012-09-28 Miguel Teixeira

 <Style x:Key="TicketOnBizOptionsButton" TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid> 
         <VisualStateManager.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="Disabled"> 
            <Storyboard> 
             <ColorAnimation Duration="0" To="#FFC0C0C0" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border"/> 
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Normal"/> 
           <VisualState x:Name="MouseOver"> 
            <Storyboard> 
             <ColorAnimation Duration="0" RepeatBehavior="1x" To="#FF14548C" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border"/> 
             <ColorAnimation Duration="0" RepeatBehavior="1x" To="White" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="Content"/> 
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Pressed"/> 
          </VisualStateGroup> 
         </VisualStateManager.VisualStateGroups> 
         <Border x:Name="border" BorderThickness="1" Background="#FFF2F2F2" CornerRadius="8" BorderBrush="#FFD5D5D5"> 
          <Border.Effect> 
           <DropShadowEffect Direction="285" ShadowDepth="2" Color="#FFDFDFDF" BlurRadius="2"/> 
          </Border.Effect> 
         </Border> 
         <TextBlock x:Name="Content" Margin="5,5,5,5" Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style>

的問題是，你正在使用的模板按鈕，所以一旦你被炒魷魚按下狀態它可能造成一些問題，在模板中的其他按鈕。我剛剛刪除了邊界內的一個，它運行良好。

希望它有幫助。

來源

2012-09-28 11:33:01 Vinicius

爲什麼？它是如何解決問題的？解釋*問題是什麼以及*代碼如何解決它。 – ChrisF

問題是你在你的模板中使用了一個按鈕，所以一旦你觸發了按下的狀態，它可能會導致一些問題，可能與模板中的其他按鈕有關。我只是刪除了邊界內的按鈕，它運行良好。 – Vinicius

向答案**解釋** – ChrisF

Silverlight的自定義按鈕

回答

相關問題