Как использовать собственный стиль для различных элементов управления в XAML - PullRequest
Новая
       21

Как использовать собственный стиль для различных элементов управления в XAML

1 голос
/ 12 сентября 2011

Я кодировал собственный стиль для кнопки в 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>

1 Ответ

2 голосов
/ 12 сентября 2011

Вы можете использовать Attached Properties.Это позволит вам указать источник для Images внутри Template для каждого Button экземпляра 

<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>

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
}
...