如何獲取從按鈕派生的CustomControl中的「默認按鈕外觀」？

Question

只是嘗試了寫一個自定義的控制與this Stackoverflow question

的幫助，但Button控件上的按鈕除了圖像和文本空。

如果沒有其他指定，有沒有可能使用默認行爲？

我不想重新編寫一個完整的按鈕，如果已經存在一個幾乎適合的按鈕。只是想添加一個ImageSource和一個文本以及一些（而不是全部）樣式。

這是我得到的，也許我只是犯了一些錯誤。

類定義：

public class MyImageButton : Button 
{ 
    static MyImageButton() 
    { 
     DefaultStyleKeyProperty.OverrideMetadata(typeof(MyImageButton), new FrameworkPropertyMetadata(typeof(MyImageButton))); 
    } 

    public ImageSource ImageSource 
    { 
     get { return (ImageSource)GetValue(ImageSourceProperty); } 
     set { SetValue(ImageSourceProperty, value); } 
    } 

    public static readonly DependencyProperty ImageSourceProperty = 
     DependencyProperty.Register("ImageSource", typeof(ImageSource), typeof(MyImageButton), new UIPropertyMetadata(null)); 

    public string Text 
    { 
     get { return (string)GetValue(TextProperty); } 
     set { SetValue(TextProperty, value); } 
    } 

    public static readonly DependencyProperty TextProperty = 
     DependencyProperty.Register("Text", typeof(string), typeof(MyImageButton), new UIPropertyMetadata(null)); 
} 

從generic.xaml

<Style TargetType="{x:Type local:MyImageButton}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type local:MyImageButton}"> 
       <StackPanel Height="Auto" Orientation="Horizontal"> 
        <Image Source="{TemplateBinding ImageSource}" Width="24" Height="24" Stretch="Fill" /> 
        <TextBlock Text="{TemplateBinding Text}" HorizontalAlignment="Left" Foreground="Black" FontWeight="Bold" Margin="5,0,0,0" VerticalAlignment="Center" FontSize="12" /> 
       </StackPanel> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

最後使用在主窗口XAML

<ctrl:MyImageButton ImageSource="SomeImage.png" Text="BlaBlubb" Height="100" Width="120" Click="CheckClick" /> 

Answer 1

But the Button control is empty besides the image and the text. 

那是你實現什麼這裏：

<StackPanel Height="Auto" Orientation="Horizontal"> 
    <Image Source="{TemplateBinding ImageSource}" Width="24" Height="24" Stretch="Fill"/> 
    <TextBlock Text="{TemplateBinding Text}" HorizontalAlignment="Left" Foreground="Black" FontWeight="Bold" Margin="5,0,0,0" VerticalAlignment="Center" FontSize="12" /> 
</StackPanel> 

你是什麼意思的默認行爲？

一個簡單的辦法是要做到這一點：

<Style TargetType="{x:Type local:MyImageButton}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type local:MyImageButton}"> 
       <Button> 
        <StackPanel Height="Auto" Orientation="Horizontal"> 
         <Image Source="{TemplateBinding ImageSource}" Width="24" Height="24" Stretch="Fill"/> 
         <TextBlock Text="{TemplateBinding Text}" HorizontalAlignment="Left" Foreground="Black" FontWeight="Bold" Margin="5,0,0,0" VerticalAlignment="Center" FontSize="12" /> 
        </StackPanel> 
       </Button> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

第二個選項，可能是最好的，你的情況：

派生一個用戶控件的按鈕，大約是這樣的：

<Button x:class="..." 
     x:Name="root"> 
    <StackPanel Height="Auto" Orientation="Horizontal"> 
     <Image Source="{Binding Image, ElementName=root}" Width="24" Height="24" Stretch="Fill"/> 
     <TextBlock Text="{Binding Text, ElementName=root}" HorizontalAlignment="Left" Foreground="Black" FontWeight="Bold" Margin="5,0,0,0" VerticalAlignment="Center" FontSize="12" /> 
    </StackPanel> 
</Button> 

並在UserControl的代碼隱藏中定義依賴項屬性。

作爲一個經驗法則：當您的目標是以可重複使用的方式安排（其他）控件時，請使用UserControls。