用于是/否ToggleButton的WPF模板

时间:2013-03-09 10:44:29

标签: wpf wpf-controls

任何人都可以帮助我使用一个简单的模板来使WPF ToggleButton显示“是”或“否”,具体取决于它的切换状态吗?

我不希望它看起来像一个按钮,只是一段显示为是或否的文本。

我希望它作为一个模板,我可以将其作为样式添加到我现有的所有Toggle控件中。

我尝试使用Blend但我不熟悉模板并且不知道该怎么做。

2 个答案:

答案 0 :(得分:11)

建立@Batuu的回复,将内容保留为文本只是将样式更新为

<强>更新

<Style x:Key="OnOffToggleStyle" TargetType="ToggleButton">
  <Setter Property="Content" Value="Off"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type ToggleButton}">
        <ContentPresenter />
      </ControlTemplate>
    </Setter.Value>
  </Setter>
  <Style.Triggers>
      <Trigger Property="IsChecked" Value="True">
          <Setter Property="Content" Value="On">
          </Setter>
      </Trigger>
  </Style.Triggers>
</Style>

此处与原始回复相比是

  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type ToggleButton}">
        <ContentPresenter />
      </ControlTemplate>
    </Setter.Value>
  </Setter>

您基本上将按钮的模板设置为它所拥有的内容。

答案 1 :(得分:4)

您可以使用样式轻松完成此操作:

    <Window x:Class="WpfTest.MainWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style x:Key="OnOffToggleStyle" TargetType="ToggleButton">
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Text="Yes"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
                <Trigger Property="IsChecked" Value="False">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Text="No"/>
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <ToggleButton Style="{StaticResource OnOffToggleStyle}"/>
    </Grid>
</Window>