如何获取控件模板中的图像源

Question

我添加了一个像这样的按钮：

<Button x:Name="myButton" 
            Style="{StaticResource myButtonStyle}" 
            Height="36" 
            VerticalAlignment="Top"
            Click="myButton_Click">

        <Grid>
            <Image Height="*" Width="31" Source="{Binding Path=Image}" />
            <TextBlock Text="{Binding Path=DisplayName}" HorizontalAlignment="Center" />
        </Grid>
</Button>

其中“图像”是字符串中所需图像的来源。样式如下：

<Style x:Key="myButtonStyle"
     TargetType="Button">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">

                        <Border x:Name="myButtonRootBorder">

                                <StackPanel Orientation="Horizontal">
                                    <Image Source="{??}" Width="{??}" Height="{??}" />
                                    <!--ContentPresenter-->
                                    <ContentPresenter Grid.Column="1"
                                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                    Content="{TemplateBinding Content}" />
                                </StackPanel
                        </Border>
                    </Grid>
                </ControlTemplate> 
            </Setter.Value>
        </Setter>
    </Style>

现在如何在控件模板中设置图像的高度、宽度和来源。

请帮忙。提前致谢。

Answer 1

对于宽度和高度，您可以使用 {TemplateBinding Width} 和 {TemplateBinding Height}。如果您希望图像可自定义，您应该继承按钮类并添加 imagesource 属性：

public class ImageButton : Button {
        public ImageSource ImageSource
        {
            get { return (ImageSource)GetValue(ImageSourceProperty); }
            set { SetValue(ImageSourceProperty, value); }
        }

        // Using a DependencyProperty as the backing store for ImageSource.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty ImageSourceProperty =
            DependencyProperty.Register("ImageSource", typeof(ImageSource), typeof(ImageButton), new UIPropertyMetadata(null));
}

然后您可以对图像使用 {TemplateBinding ImageSource} 。