problème avec StateManager dans SL4

Question

J'ai un togglebotton

<ToggleButton Padding="1"> 
           <TextBlock> 
      <Underline>Week</Underline> 
           </TextBlock> 
          </ToggleButton> 

et ce que je dois changer est mis en évidence sur false, lorsque togglebutton est décochée, et le mettre à true, lorsque le contrôle est ckecked.

et maintenant je n'ai

<ToggleButton Padding="1"> 
<VisualStateManager.VisualStateGroups> 
            <VisualStateGroup x:Name="CommonStates"> 

             <VisualState x:Name="IsChecked"> 

              <Storyboard Duration="0:0:0"> 

et je ne peux pas comprendre ce côté.

Je ne suis pas fidèle à la conception avec le bloc de texte. Le texte dans ToggleButton devrait être souligné et c'est tout.

Answer 1

Pour utiliser VisualStateManager, vous devez redéfinir le modèle de ToggleButton - jetez un coup d'œil au MSDN ToggleButton Syles. Au lieu de cela, vous pouvez utiliser les déclencheurs de Blend. Tout d'abord ajouter à votre projet System.Windows.Interactivity.dll et Microsoft.Expression.Interactions.dll fourni par Expression Blend SDK puis utilisez le code suivant:

<ToggleButton x:Name="toggleButton" Padding="1"> 
<TextBlock x:Name="textBlock"> 
    <i:Interaction.Triggers> 
    <ei:DataTrigger Binding="{Binding IsChecked, ElementName=toggleButton}" Value="True"> 
    <ei:ChangePropertyAction PropertyName="TextDecorations"> 
     <ei:ChangePropertyAction.Value> 
     <TextDecorationCollection>Underline</TextDecorationCollection> 
     </ei:ChangePropertyAction.Value> 
    </ei:ChangePropertyAction> 
    </ei:DataTrigger> 
    <ei:DataTrigger Binding="{Binding IsChecked, ElementName=toggleButton}" Value="False"> 
     <ei:ChangePropertyAction PropertyName="TextDecorations"/> 
    </ei:DataTrigger> 
    </i:Interaction.Triggers> 
    Week 
</TextBlock> 
</ToggleButton> 

Ei: i et: sont les suivantes:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"