如何在 XAML 中为不同控件使用自定义样式

发布于 2024-12-04 11:39:29 字数 1305 浏览 1 评论 0原文

我已经为 ressource-dic 中的按钮编写了自定义样式。我的问题是,是否可以对不同的按钮使用这种样式?意味着我需要通过调用样式来设置参数来切换模具图片目标。 (如何?)

窗口:

<Button .... Style="{DynamicResource downloadButtonStyle}" IsEnabled="True"  />

RessourceDic:

<Style x:Key="downloadButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="IsEnabled" Value="True" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Image x:Name="PART_img" Source="/FtpUploadClient;component/media/box_48.png"/>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="PART_img" Property="Source" Value="/FtpUploadClient;component/media/box_download_48.png" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="PART_img" Property="Source" Value="/FtpUploadClient;component/media/box_deactivated_48.png" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

I have coded a custom style for a button in a ressource-dic. My question is, is it possible to use this style for different buttons? Means that I need to set params by calling the style to switch die picture target. (How?)

Window:

<Button .... Style="{DynamicResource downloadButtonStyle}" IsEnabled="True"  />

RessourceDic:

<Style x:Key="downloadButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="IsEnabled" Value="True" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <Image x:Name="PART_img" Source="/FtpUploadClient;component/media/box_48.png"/>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="PART_img" Property="Source" Value="/FtpUploadClient;component/media/box_download_48.png" />
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="PART_img" Property="Source" Value="/FtpUploadClient;component/media/box_deactivated_48.png" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无力看清 2024-12-11 11:39:29

您可以使用附加属性。这将使您能够为每个 Button 实例指定 Template 内的 Images

<Button Style="{DynamicResource downloadButtonStyle}" 
        ex:ButtonExtension.DefaultImageSource="DefaultImageSource"
        ex:ButtonExtension.MouseOverImageSource="MouseOverImageSource"
        ex:ButtonExtension.DisabledImageSource="DisabledImageSource" /> 

Template

<ControlTemplate>
    <Image x:Name="PART_img" Source="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                              Path=(ex:ButtonExtension.DefaultImageSource)}"/
    <ControlTemplate.Triggers>     
        <Trigger Property="IsMouseOver" Value="True">     
            <Setter TargetName="PART_img" Property="Source" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                          Path=(ex:ButtonExtension.MouseOverImageSource)}" />
        </Trigger>     
        <Trigger Property="IsEnabled" Value="False">     
            <Setter TargetName="PART_img" Property="Source" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                          Path=(ex:ButtonExtension.DisabledImageSource)}" />     
        </Trigger>     
    </ControlTemplate.Triggers>     
</ControlTemplate>

< em>按钮扩展

public class ButtonExtension
{
    public static DependencyProperty DefaultImageSourceProperty =
        DependencyProperty.RegisterAttached("DefaultImageSource",
                                            typeof(ImageSource),
                                            typeof(ButtonExtension),
                                            new PropertyMetadata(null));
    public static ImageSource GetImageSource(DependencyObject target)
    {
        return (ImageSource)target.GetValue(DefaultImageSourceProperty);
    }
    public static void SetImageSource(DependencyObject target, ImageSource value)
    {
        target.SetValue(DefaultImageSourceProperty, value);
    }

    // Repeat for MouseOverImageSource and DisabledImageSource
}

You can use Attached Properties. This will enable you to specify the source for the Images inside the Template for each Button instance

<Button Style="{DynamicResource downloadButtonStyle}" 
        ex:ButtonExtension.DefaultImageSource="DefaultImageSource"
        ex:ButtonExtension.MouseOverImageSource="MouseOverImageSource"
        ex:ButtonExtension.DisabledImageSource="DisabledImageSource" /> 

In the Template

<ControlTemplate>
    <Image x:Name="PART_img" Source="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                              Path=(ex:ButtonExtension.DefaultImageSource)}"/
    <ControlTemplate.Triggers>     
        <Trigger Property="IsMouseOver" Value="True">     
            <Setter TargetName="PART_img" Property="Source" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                          Path=(ex:ButtonExtension.MouseOverImageSource)}" />
        </Trigger>     
        <Trigger Property="IsEnabled" Value="False">     
            <Setter TargetName="PART_img" Property="Source" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                          Path=(ex:ButtonExtension.DisabledImageSource)}" />     
        </Trigger>     
    </ControlTemplate.Triggers>     
</ControlTemplate>

ButtonExtension

public class ButtonExtension
{
    public static DependencyProperty DefaultImageSourceProperty =
        DependencyProperty.RegisterAttached("DefaultImageSource",
                                            typeof(ImageSource),
                                            typeof(ButtonExtension),
                                            new PropertyMetadata(null));
    public static ImageSource GetImageSource(DependencyObject target)
    {
        return (ImageSource)target.GetValue(DefaultImageSourceProperty);
    }
    public static void SetImageSource(DependencyObject target, ImageSource value)
    {
        target.SetValue(DefaultImageSourceProperty, value);
    }

    // Repeat for MouseOverImageSource and DisabledImageSource
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文