UserControl和CustomControl基础【PluraSight】

UserControl

UserControl实际上就是ContentControl，xaml里<UserControl></UserControl>tag之间包含的实际就是后台程序的UserControl.Content属性所付的值。如下UserControl.Content包含一个Grid，里面有TextBox和Button.

所以可以run time改变usercontrol包含的内容。

 

1：什么时候用UserControl：

• UserControl是多个已存在control组成的，为复用做准备（比如一个Context Form包含很多基础input，combobox textblock等，之后多次复用）
• 不需要复杂的customzation的时候，因为其不支持theming和ControlTemplate，很难style。
• Prefer code-behind model，warp一些eventhandler
• Won't be shared across applicatio

2：举例说明：

见上面的xaml和c#截图

3：注意

UserControl里可以设置某个元素l的x:Name属性，这样后台可以直接访问该元素.（不像Custom Control UserControl里的任何x:Name都可以在后台程序直接调用，custom control要用Access Template Element）

CustomerControl

1：什么时候使用：

• Control doesn't exist
• 增强现有control的功能
• Need control  to support theming
• Want shared across application

　　　　

　　　　如上结构，是自己重新add的一个custom control（程序会自动创建一个themes和其后台code），一般项目中如果是想re-write一个button的theme的话，不需要这么add，直接xaml中改其style　　　　和controltemplate就好了。不管是那种情况都要表明TargetType.

　　　　

2：CustomerControl关键点：

• Choose Base Class：创建customercontrol的时候这点最重要，选择对的control可以使自己事半功倍。可以自己改写该control的Template，或者baseon已经提供了的resources
  
  • UIElement：most light weight base control,support layout， input， focus and event
  • FrameworkElement: 继承自UIElement，support style, tooltip, ContextMenus,同时它又是第一个应用logic tree的类，所以支持databinding， resource lookup。
  • Control: Common base class for controls，support template， base properties(ForeGround, BackGround, FontSize)
  • ContentControl: Control have additional content property, hold single content
  • HeaderedContentControl: Like TabControl, GroupBox
  • ItemsControl: control have items collection, dynamic show data, but not support selection
  • Selector: It's one kind of ItemsControl,but the item can be indexed or selected(ListBox, ComboBox, TabControl)
  • RangeBase:Display range of value, add min max value property
  • Existing Control: Derive from existing control, like re-write button or ComboBox or Joey's labelMeasurementControl
    
• Presenter是谁：

  这里主要是contentPresenter和itemPresenter的应用。

  ContentPresenter一般出现在<ControlTemplate>（用来改写ContentControl的Template属性）里面，其是用来显示ContentControl的Content属性。（可以是任何object：前台包含在该CustomControl tag里的内容或者是后台代码里Content的值）

  ItemPresenter 一般出现在<ControlTemplate>（用来改写ItemControl的Template属性） 资源里，用来显示ItemControl的Content属性（可以是任何object），注意ItemControl没有selection功能，不能知道当前选择了那个条目，需要选用继承自Selector类（如ListBox，ComboBox）。

• 如何Data Binding：
• Access Template Element：Customer Control即使在style中设置了某个元素的x:Name属性，后台不可以直接访问任何在Visual Tree里的元素，需要用到Access Template Element

3：举例说明：

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:CustomControlsIntro">


    <Style TargetType="{x:Type local:MyCustomControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:MyCustomControl}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <TextBlock x:Name="textblock" Text="Custom COntrol" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace CustomControlsIntro
{
    /// <summary>
    /// Follow steps 1a or 1b and then 2 to use this custom control in a XAML file.
    ///
    /// Step 1a) Using this custom control in a XAML file that exists in the current project.
    /// Add this XmlNamespace attribute to the root element of the markup file where it is 
    /// to be used:
    ///
    ///     xmlns:MyNamespace="clr-namespace:CustomControlsIntro"
    ///
    ///
    /// Step 1b) Using this custom control in a XAML file that exists in a different project.
    /// Add this XmlNamespace attribute to the root element of the markup file where it is 
    /// to be used:
    ///
    ///     xmlns:MyNamespace="clr-namespace:CustomControlsIntro;assembly=CustomControlsIntro"
    ///
    /// You will also need to add a project reference from the project where the XAML file lives
    /// to this project and Rebuild to avoid compilation errors:
    ///
    ///     Right click on the target project in the Solution Explorer and
    ///     "Add Reference"->"Projects"->[Browse to and select this project]
    ///
    ///
    /// Step 2)
    /// Go ahead and use your control in the XAML file.
    ///
    ///     <MyNamespace:MyCustomControl/>
    ///
    /// </summary>
    public class MyCustomControl : Control
    {
        static MyCustomControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), new FrameworkPropertyMetadata(typeof(MyCustomControl)));
        }

        public MyCustomControl()
        {
            
        }
    }
}

使用两个UserControl和CustomControl:

使用UserControl和使用CustomeControl一样，xaml define UserControl的NS位置，然后就可以使用他们了。