重写WPF控件

本文关键字:控件 WPF 重写 | 更新日期: 2023-09-27 18:19:06

我有一个来自第三方的WPF控件ParentWPFControl,我想继承它(让我们把子类称为ChildWPFControl)。在这个过程中,我计划重写一些后端逻辑和部分前端样式。我可以做前者,但我做后者有问题。

我尝试使用xaml <-> xaml.cs结构作为子国家,但这似乎是不允许的,来自VS的以下警告:

Partial declarations of 'ChildWPFControl' must not specify different base classes

现在,我想我可以编写一个ResourceDictionary XAML并在那里定义前端,但是如果我想向XAML添加事件处理程序(至少我找不到这样做的方法),这就成了一个问题

我的另一种选择是直接在使用ChildWPFControl的对象中定义覆盖模板,但这会使设计不那么模块化。

我能想到的最后一个替代方案是制作一个xaml <-> xaml.cs对,这是一个xaml样式的容器,然后强制ChildWPFControl使用通过后端事件处理程序定义的ControlTemplate。

无论如何,我正在寻找的是一个优雅和模块化的解决方案,我的问题。如有任何建议,欢迎指教。

谢谢

重写WPF控件

要完全覆盖WPF控件需要几个步骤。有些是必需的,有些是可选的,这取决于您的需要。我将为您解释两个重要的:

创建新的默认样式

每个WPF控件都有一个默认的样式,包含它的视觉表示和覆盖属性。现在,如果你从控件WPF派生,你仍然认为你想使用这个默认样式,改变它,你改变DefaultStyle在一个静态构造函数,像这样

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

现在,如果你使用MyButton WPF试图找到一个样式的MyButton,而不是按钮。OverridesDefaultStyle是样式中的一个属性,在某些时候可能也很方便。通常这些默认样式应该放在与主题相关的xaml中。

重写类时的事件处理程序

ControlTemplateStyle中是正确的,你不能使用像Click="OnClick"那样使用事件的语法糖。关键是,视觉表示尽可能地与逻辑部分解耦。还有其他方法可以克服这个问题,使用OnApplyTemplate方法。通过重写这个,你可以请求模板"Give me this control",然后在那里添加你的事件。

override OnApplyTemplate()
{
    var innerChild = Template.FindName("PART_InnerChild", this) as MyInnerControl;
    if(innerChild != null)
        innerChild.SomeEvent += OnSomeEvent;
}

注意:这些控件的名称通常以PART_ by开头,这在WPF基本控件中也可以看到。这是告诉设计师"没有这个控制,逻辑部分可能会崩溃"的好方法。还有TemplatePart属性,但它并不重要,WPF并不关心它。我个人用它来告诉别人什么样的内在控制是绝对必要的,才能使这种控制工作。

个人建议

从类派生通常是我们尝试自定义控件时所做的最后一步。因为要使它完全工作需要做很多工作,而且它可能会限制可重用性,所以我们尽量避免它,例如,除了模板重写和样式之外,还有一个很好的替代方案;附加行为。

最后,整个主题在一篇不错的MSDN文章中有介绍。

希望有帮助

可以将用户控件创建为包含基控件的包装器。通过这种方式,您可以在xaml中更改样式,并在c#中为包装的controcl添加一些逻辑。但这是一个繁琐的过程。

编辑:添加样例(包装为telerik:RadComboBox)

XAML:

<UserControl x:Class="Controls.SingleDictionaryValueSelector"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:CardControls="clr-namespace:Controls"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" MinWidth="150" MinHeight="25" >

    <Grid >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="25"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <!-- customize visual for wrapped control -->
        <telerik:RadComboBox x:Name="cb" 
                            Grid.Column="0"
                            VerticalAlignment="Center"
                            SelectedValuePath="Key"        
                            ClearSelectionButtonContent="Clear"
                            ClearSelectionButtonVisibility="Visible"
                            CanAutocompleteSelectItems="True"
                            CanKeyboardNavigationSelectItems="True"
                            SelectAllTextEvent="None"
                            OpenDropDownOnFocus="false"
                            IsFilteringEnabled="True"
                            TextSearchMode="Contains"
                            EmptyText="Select item" 
                            telerik:StyleManager.Theme="Metro"
                            FontFamily="Calibri"
                            FontSize="14"
                            IsEditable="True"
                            Foreground="#666" 
                            KeyDown="cb_KeyDown"
                            SelectionChanged="cb_SelectionChanged"
                            GotMouseCapture="cb_GotMouseCapture" 
                            DropDownOpened="cb_DropDownOpened" 
                            KeyUp="cb_KeyUp">
            <telerik:RadComboBox.ItemTemplate>
                <DataTemplate>
                    <TextBlock TextWrapping="Wrap" Width="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadComboBox},Path=ActualWidth}" Text="{Binding Path=Value}" />
                </DataTemplate>
            </telerik:RadComboBox.ItemTemplate>
        </telerik:RadComboBox>
        <CardControls:ErrorInfo x:Name="errorInfoControl"  Grid.Column="1"  Visibility="Hidden"></CardControls:ErrorInfo>
    </Grid>
</UserControl>
CS:

public partial class SingleDictionaryValueSelector : IMyCustomInterface
{
     ....
    private void cb_KeyDown(object sender, KeyEventArgs e)
    {
        RadComboBox senderCombo = sender as RadComboBox;
        ...
    }
    private void cb_KeyUp(object sender, KeyEventArgs e)
    {
        SearchExecute();
    }


    private void cb_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
    {
        RadComboBox senderCombo = sender as RadComboBox;
        ...  
    }
    private void cb_DropDownOpened(object sender, EventArgs e)
    {
       ...
    }
    ...
}

看起来你把继承弄混了,这是不允许的。你的xaml的根元素必须匹配你的xaml.cs的基类。

如果你在同一个项目中定义基类,你将不能在xaml中使用它作为基类,因为它本身仍然是xaml,而不是一个编译控件。有一些方法可以解决这个问题:您可以在单独的项目中编译它并引用它,您可以将基类完全编译为.cs而不是部分类,或者您可以使用一些样式魔法。下面是最后两个例子的链接:http://svetoslavsavov.blogspot.ca/2009/09/user-control-inheritance-in-wpf.html