声明自定义控件

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}" />