wpf自定义控件举例

WPF是一种基于XAML的桌面应用程序开发框架，它通过定义自定义控件来实现UI的定制化。下面是一个简单的WPF自定义控件示例，演示如何创建一个带有“选择颜色”功能的按钮。

1. 创建控件类

我们需要创建一个继承自System.Windows.Controls.Button类的自定义控件类，如下所示：

```csharp
using System.Windows.Controls;
using System.Windows.Media;




public class ColorPickerButton : Button
{
    public static readonly DependencyProperty SelectedColorProperty = DependencyProperty.Register(
        "SelectedColor", typeof(Color), typeof(ColorPickerButton), new PropertyMetadata(default(Color)));




    public Color SelectedColor
    {
        get => (Color) GetValue(SelectedColorProperty);
        set => SetValue(SelectedColorProperty, value);
    }




    public override void OnApplyTemplate()
    {
        var picker = GetTemplateChild("PART_ColorPicker") as System.Windows.Controls.ColorPicker;
        if (picker != null)
        {
            picker.SelectedColorChanged += (sender, args) => SelectedColor = picker.SelectedColor;
        }




        base.OnApplyTemplate();
    }
}
```

在这个示例中，我们创建了一个名为“ColorPickerButton”的自定义控件类，它包含一个名为“SelectedColor”的依赖属性，用于获取用户选择的颜色。

我们还重写了System.Windows.Controls.Control.OnApplyTemplate方法，并在该方法中获取名为“PART_ColorPicker”的模板子元素，并将其的SelectedColorChanged事件与控件的SelectedColor属性绑定。需要注意的是，控件模板中必须定义一个名为“PART_ColorPicker”的System.Windows.Controls.ColorPicker控件。

2. 创建控件模板

我们需要在应用程序的主题中定义控件模板，如下所示：

```xaml
<ControlTemplate TargetType="{x:Type local:ColorPickerButton}">
    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>




            <ContentPresenter Grid.Column="0" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>




            <my:ColorPicker x:Name="PART_ColorPicker" Grid.Column="1" Margin="4" Width="24" Height="24"/>
        </Grid>
    </Border>
</ControlTemplate>
```

在这个示例中，我们定义了一个名为“ColorPickerButton”的控件模板，它包含一个System.Windows.Controls.Border控件和一个System.Windows.Controls.Grid控件。其中，Border控件用于显示按钮边框和背景，Grid控件用于显示按钮内容和颜色选择器。

需要注意的是，我们在Grid控件中定义了一个名为“PART_ColorPicker”的System.Windows.Controls.ColorPicker控件，并将其放在Grid的第二列位置。ColorPicker控件用于选择颜色，并将其选定值与控件的SelectedColor属性绑定。

3. 使用自定义控件

我们可以像使用普通的System.Windows.Controls.Button控件一样使用自定义的ColorPickerButton控件，如下所示：

```xaml
<my:ColorPickerButton Content="Choose Color" Width="120"/>
```

在这个示例中，我们将自定义控件加入到XAML布局中，并指定了按钮上显示的文本和宽度。

通过上述步骤，我们就可以创建一个带有“选择颜色”功能的自定义按钮控件了。在实际应用中，我们可以根据需求对控件类和控件模板进行修改和扩展，以实现更加丰富的UI功能。

如果喜欢我的文章，那么

“在看”和转发是对我最大的支持！

-

技术群：添加小编微信并备注进群

小编微信：mm1552923   

公众号：dotNet编程大全