2014-03-29 58 views
0

http://2.bp.blogspot.com/-bQZRfy4g4t0/TWK05e_Bx9I/AAAAAAAAAEY/nym2bRu-RjI/s1600/5.bmp製作按鈕變爲白色背景時按

如何讓我的按鈕被按下時包含白色背景圖像變化?

在默認情況下,當我按我的按鈕,它不顯示在按鈕圖像,並切換到電話口音的顏色。

這裏的按鈕的XAML代碼:

<VisualState x:Name="Pressed"> 
    <Storyboard> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Source" Storyboard.TargetName="Img"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="Assets/appbar.control.play.png" /> 
     </ObjectAnimationUsingKeyFrames> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> 
     </ObjectAnimationUsingKeyFrames> 
     <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground"> 
      <DiscreteObjectKeyFrame KeyTime="0" Value="White"/> 
     </ObjectAnimationUsingKeyFrames> 
    </Storyboard> 
</VisualState> 

回答

0

你需要做的是創建一個修改按視覺狀態的按鈕模板。

看看thisthis SO的回答可以幫助你,兩條鏈路具有壓制可視狀態代碼。

+0

我說我的按鈕的按下的視覺狀態代碼,可能你澄清我必須修改哪些代碼?根據你的需要在 – zhrnz

0

你需要改變按下可視狀態:

(在這種情況下,背景是當按下按鈕變爲紅色)

<VisualState x:Name="Pressed"> 
     <Storyboard> 
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Source" Storyboard.TargetName="Img"> 
       //Set you image path like this 
       <DiscreteObjectKeyFrame KeyTime="0" Value="Assets/..." />                     
      </ObjectAnimationUsingKeyFrames> 
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="ButtonBackground"> 
       <DiscreteObjectKeyFrame KeyTime="0" Value="Red"/> 
      </ObjectAnimationUsingKeyFrames> 
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground"> 
       <DiscreteObjectKeyFrame KeyTime="0" Value="Red"/> 
      </ObjectAnimationUsingKeyFrames> 
     </Storyboard> 
    </VisualState> 
+0

你可以設置值屬性的鏈接所有的答案我不明白......像上面 –

+0

OK,我得到了按鈕按下時變白,但如何使按鈕內的圖像變成黑色?以上圖片路徑 – zhrnz

+0

Ok..updated代碼...它可以幫助您的問題 –