声明自定义控件

时间:2015-01-04 11:01:48

标签: c# wpf xaml controls custom-controls

我将使用一组控件,每个控件都包含一个标签和一个文本框。声明自定义控件是否一个好主意,以便将标签的标题和文本框的输入区域封装为一个?

我可以继承并在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}" />

1 个答案:

答案 0 :(得分:0)

我不确定您是否可以为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)));
  }
}

在Themes / Generic.xaml中为MyCoolControl定义隐式样式:

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