0

我有一个切换按钮

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

我需要更改的是在未选中切换按钮时将下划线设置为false，并在选中控件时将其设置为true。

现在我只有

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

                                        <VisualState x:Name="IsChecked">

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

我不知道接下来会发生什么。

我不坚持使用文本块的概念。ToggleButton 中的文本应该是下划线，仅此而已。

4

1 回答 1

0

为了使用 VisualStateManager，您必须重新定义 ToggleButton 的模板 - 查看 MSDN ToggleButton Syles。取而代之的是，您可以使用 Blend 的触发器。首先将Expression Blend SDK提供的 System.Windows.Interactivity.dll 和 Microsoft.Expression.Interactions.dll 添加到您的项目中，然后使用以下代码：

<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: 如下：

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
于 2011-09-16T21:42:59.247 回答