聲明自定義控件

Question

我將使用一組控件，每個控件都由一個標籤和一個文本框組成。宣佈自定義控件是否是一個好主意，以便將標籤的標題和文本框的輸入區域封裝爲一個整體？

我可以在C＃中繼承和創建一些東西，但這裏的重點是要在XAML中變得更好，所以通過標記聲明這樣的東西（不知道它是否稱爲資源，模板，樣式或其他）是優選的（如果還沒有必要的話）。

目前，我採用了以下方法，但我不確定未來是否會爲自己創造更多的頭痛。

<StackPanel Grid.Row="0" Grid.Column="0"> 
    <Label Content="Boom" Style="{StaticResource DefaultInputStyle}" /> 
    <DatePicker Style="{StaticResource DefaultInputStyle}" /> 
</StackPanel> 

這個想法最好能夠使用類似的東西。

目前，我採用了以下方法，但我不確定未來是否會爲自己創造更多的頭痛。

<MyCoolControl Grid.Row="0" Grid.Column="0" 
       Content="Boom" 
       Style="{StaticResource DefaultInputStyle}" /> 

Answer 1

我不確定您是否可以爲Label和DatePicker設置DefaultInputStyle。什麼是DefaultInputStyle的TargetType？如果您將在多個應用程序中使用此自定義控件，建議使用自定義控件。如果你想創建自定義控件，你需要繼承控件，創建一些依賴屬性，重寫DefaultStyleKeyProperty。

public class MyCoolControl : Control 
{ 
    public Style LabeStyle 
    { 
    get { return (Style)GetValue(LabeStyleProperty); } 
    set { SetValue(LabeStyleProperty, value); } 
    } 

    public static readonly DependencyProperty LabeStyleProperty = 
    DependencyProperty.Register(
     "LabeStyle", typeof(Style), typeof(MyCoolControl)); 

    public Style DatePickerStyle 
    { 
    get { return (Style)GetValue(DatePickerStyleProperty); } 
    set { SetValue(DatePickerStyleProperty, value); } 
    } 

    public static readonly DependencyProperty DatePickerStyleProperty = 
    DependencyProperty.Register(
     "DatePickerStyle", typeof(Style), typeof(MyCoolControl)); 

    public object LabelContent 
    { 
    get { return (object)GetValue(LabelContentProperty); } 
    set { SetValue(LabelContentProperty, value); } 
    } 

    public static readonly DependencyProperty LabelContentProperty = 
    DependencyProperty.Register(
     "LabelContent", typeof(object), 
     typeof(MyCoolControl), new PropertyMetadata(null)); 

    static MyCoolControl() 
    { 
    DefaultStyleKeyProperty.OverrideMetadata(
     typeof(MyCoolControl), 
     new FrameworkPropertyMetadata(typeof(MyCoolControl))); 
    } 
} 

定義隱含風格MyCoolControl在主題/ Generic.xaml：

<Style TargetType="local:MyCoolControl"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate> 
       <StackPanel> 
        <Label Content="{TemplateBinding LabelContent}" Style="{TemplateBinding LabeStyle}" /> 
        <DatePicker Style="{TemplateBinding DatePickerStyle}" /> 
       </StackPanel> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

然後你可以使用自定義控制：

<local:MyCoolControl Grid.Row="0" Grid.Column="0" 
      LabelContent="Boom" DatePickerStyle="{StaticResource DefaultInputDatePickerStyle}" 
      LabelStyle="{StaticResource DefaultInputLabelStyle}" />