Button의 눌린 VisualState 애니메이션이 실행되지 않습니다.

Question

Windows Phone 8 프로젝트에서 작업하고 있습니다. 이 버튼의 문제점 :

 <Button x:Name="decreaseFontButton" Foreground="{StaticResource GlobalBrush}"> 
      <VisualStateManager.VisualStateGroups> 
       <VisualStateGroup x:Name="CommonStates"> 
        <VisualState x:Name="Pressed"> 
         <Storyboard> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="decreaseFontButton"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="70"/> 
          </ObjectAnimationUsingKeyFrames> 
          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="decreaseFontButton" Completed="ObjectAnimationUsingKeyFrames_Completed_1"> 
           <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource GlobalBrush}"/> 
          </ObjectAnimationUsingKeyFrames> 
         </Storyboard> 
        </VisualState> 
       </VisualStateGroup> 
      </VisualStateManager.VisualStateGroups> 
      <Button.Content> 
       <Image Source="/Assets/Player/sub_minus.png" Width="28" Height="28"/> 
      </Button.Content> 
     </Button> 

두 애니메이션 중 아무 것도 trigged되지 않는다는 것입니다. VisualStateGroup의 이름을 FocusState으로 변경하고 VisualState의 이름을 Focused으로 변경하려고 시도했지만 어떤 변경도 보지 못했습니다. 내가 뭘 잘못하고 있는지 말해 줄 수 있니?

감사합니다.

Answer 1

문제는 어떻게 시각 상태를 수정하려고하는지에 있습니다. 이들은 실제로 버튼의 내부 템플릿의 일부이며 사용자가 시도하는 방식으로 구성 할 수 없습니다.

대신 원하는 시각적 상태 변경 사항이 포함 된 새 스타일을 만들고 단추에 스타일을 적용해야합니다. 이처럼

:

<phone:PhoneApplicationPage.Resources> 

    <SolidColorBrush Color="Aqua" x:Key="aquabrush" /> 

    <Style x:Key="AlternativeButtonStyle" TargetType="Button"> 
     <Setter Property="Background" Value="Transparent"/> 
     <Setter Property="BorderBrush" Value="{StaticResource PhoneForegroundBrush}"/> 
     <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/> 
     <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/> 
     <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilySemiBold}"/> 
     <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMedium}"/> 
     <Setter Property="Padding" Value="10,5,10,6"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Grid Background="Transparent"> 
         <VisualStateManager.VisualStateGroups> 
          <VisualStateGroup x:Name="CommonStates"> 
           <VisualState x:Name="Normal"/> 
           <VisualState x:Name="MouseOver"/> 
           <VisualState x:Name="Pressed"> 
            <Storyboard> 
             <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground"> 
              <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource aquabrush}"/> 
             </ObjectAnimationUsingKeyFrames> 
             <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="ButtonBackground"> 
              <DiscreteObjectKeyFrame KeyTime="0" Value="70"/> 
             </ObjectAnimationUsingKeyFrames> 
            </Storyboard> 
           </VisualState> 
           <VisualState x:Name="Disabled" /> 
          </VisualStateGroup> 
          <VisualStateGroup x:Name="FocusStates"/> 
         </VisualStateManager.VisualStateGroups> 
         <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}"> 
          <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/> 
         </Border> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</phone:PhoneApplicationPage.Resources> 

<Grid x:Name="LayoutRoot" Background="Transparent"> 
    <Button Content="pressed?" Style="{StaticResource AlternativeButtonStyle}" /> 
</Grid>