Question

我想为我的应用程序中的所有切换按钮创建一个样式。除了加载不同的图像外，它们具有相同的行为。我的想法是在按下按钮时在代码中更改资源“ToggleButtonImg_Disabled”，“ToggleButtonImg_IsMouseOver”，“ToggleButtonImg_IsPressed”和“ToggleButtonImg_IsChecked”。然而它不起作用......有人可以帮助我！提前谢谢！

XAML

<Image Width="20" Source="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_Disabled" />
<Image Width="20" Source="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsMouseOver" />
<Image Width="20" Source="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsPressed" />
<Image Width="20" Source="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsChecked" />



<Style TargetType="{x:Type ToggleButton}" x:Key="ToggleButtonStyle">
    <Setter Property="SnapsToDevicePixels" Value="true"/>
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="Content" Value="{DynamicResource ToggleButtonImg_Disabled}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
                <Border 
                  x:Name="CustomControlTemplate"  
                  CornerRadius="2" 
                  BorderThickness="1">
                      <ContentPresenter 
                        Margin="2"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        RecognizesAccessKey="True"/>
                </Border>
                <ControlTemplate.Triggers>

                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Content" Value="{DynamicResource ToggleButtonImg_IsMouseOver}" />
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter Property="Content" Value="{DynamicResource ToggleButtonImg_IsPressed}" />
                    </Trigger>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter Property="Content" Value="{DynamicResource ToggleButtonImg_IsChecked}" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

CODE

//按下按钮时设置按钮的图像

                BitmapImage img = new BitmapImage();
                img.BeginInit();
                img.UriSource = new Uri(@"Resources/Images/icon_play.png", UriKind.Relative);
                img.EndInit();
                _receiver.Resources["ToggleButtonImg_IsChecked"] = img;

我的代码已更新（仅限XAML）：

<Style TargetType="{x:Type ToggleButton}" x:Key="ToggleButtonStyle">
    <Setter Property="SnapsToDevicePixels" Value="true"/>
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="Content" Value="{DynamicResource ToggleButtonImg_Disabled}" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToggleButton">
                <Image x:Name="CustomControlTemplate" 
                       Width="20" 
                       Source="Resources/Images/icon_stop.png"
                />
                <ControlTemplate.Triggers>

                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="CustomControlTemplate" Property="Source" Value="{DynamicResource ToggleButtonImg_IsMouseOver}" />
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="CustomControlTemplate" Property="Source" Value="{DynamicResource ToggleButtonImg_IsPressed}" />
                    </Trigger>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="CustomControlTemplate" Property="Source" Value="{DynamicResource ToggleButtonImg_IsChecked}" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 1

在ControlTemplate中添加一个Image-Control，并将触发器的setter更改为：

<Setter TargetName="imageName" Property="Source" Value="{DynamicResource resourceKey}" />

编辑：使用BitmapImages作为源代替图像：

<BitmapImage Width="20" UriSource="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_Disabled" />
<BitmapImage Width="20" UriSource="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsMouseOver" />
<BitmapImage Width="20" UriSource="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsPressed" />
<BitmapImage Width="20" UriSource="Resources/Images/icon_stop.png" x:Key="ToggleButtonImg_IsChecked" />

如何创建一个独特的样式来切换按钮，其中的属性在代码中动态更改

1 个答案: