WindowsPhone自定义控件详解（一） - 控件类库分析

向右看齐 2022-06-15 01:09 222阅读 0赞

\++++++++++++++++++++++++++++++++++++++++++

本文系本站原创,欢迎转载! 转载请注明出处:

[http://blog.csdn.net/mr\_raptor/article/details/7251942][http_blog.csdn.net_mr_raptor_article_details_7251942]

\++++++++++++++++++++++++++++++++++++++++++

为了让你的应用程序更有个性，我们通常会在WP7开发过程中会自定义自己风格的控件，自定义控件中设置各种模板，绑定数据，修改控件行为，但是对于很多朋友来说，这么做是为什么? 不是很清楚，看MSDN的话，又一时找不到头绪，本文就是从控件类库的继承关系里来剖析出自定义控件中的为什么？如果你觉得本文观点独特，对你有很大帮助，请顶之，谢谢。

**一、 控件分类**

让我们先从我们熟悉的控件分类开始，因为这样理解更直观。

WP7里基本控件可以分为以下四类：

1.         文本控件：主要用于显示和输入文本

2.         内容控件：主要用于包含一个子控件元素UIElement（UIElement是所有可视UI控件的基类，我叫它第三代控件祖宗）

3.         项集合控件：从名字可以知道，它是包含有多个子项的控件，如ListBox

4.         容器控件：它可以包含有多个子控件元素（UIElement）

如下表所示，常用基本控件。

<table> 
 <tbody> 
 <tr> 
 <td> 控件 </td> 
 <td> 控件类型 </td> 
 <td> 内容属性 </td> 
 </tr> 
 <tr> 
 <td> TextBlock </td> 
 <td> 文本控件 </td> 
 <td> TextBlock.Text TextBlock.Inlines </td> 
 </tr> 
 <tr> 
 <td> TextBox </td> 
 <td> 文本控件 </td> 
 <td> TextBox.Text </td> 
 </tr> 
 <tr> 
 <td> PasswordBox </td> 
 <td> 文本控件 </td> 
 <td> PasswordBox.Password </td> 
 </tr> 
 <tr> 
 <td> Button </td> 
 <td> 内容控件 </td> 
 <td> ContentControl.Content </td> 
 </tr> 
 <tr> 
 <td> CheckBox </td> 
 <td> 内容控件 </td> 
 <td> ContentControl.Content </td> 
 </tr> 
 <tr> 
 <td> RadioButton </td> 
 <td> 内容控件 </td> 
 <td> ContentControl.Content </td> 
 </tr> 
 <tr> 
 <td> ListBoxItem </td> 
 <td> 内容控件 </td> 
 <td> ContentControl.Content </td> 
 </tr> 
 <tr> 
 <td> ListBox </td> 
 <td> 项集合控件 </td> 
 <td> ItemsControl.Items ItemsControl.ItemsSource </td> 
 </tr> 
 <tr> 
 <td> Canvas </td> 
 <td> 容器控件 </td> 
 <td> Panel.Children </td> 
 </tr> 
 <tr> 
 <td> Grid </td> 
 <td> 容器控件 </td> 
 <td> Panel.Children </td> 
 </tr> 
 <tr> 
 <td> StackPanel </td> 
 <td> 容器控件 </td> 
 <td> Panel.Children </td> 
 </tr> 
 </tbody> 
</table>

原创地址： [http://blog.csdn.net/mr\_raptor/article/details/7251942][http_blog.csdn.net_mr_raptor_article_details_7251942]

**二、主要控件基类**

System.Windows.Controls命名空间下，包含以下几个主要的控件基类：

*  **Control**
 *  **ContentControl**
 *  **ItemsControl**
 *  **Panel**

**1. Control：表示用户界面控件的基类**

![0_1328980437eTHA.gif][]

**主要属性：**

*  Control.Template 属性：

通过将ControlTemplate应用给Control.Template 属性来定义其外观。所有继承自Control类的子类，都继承Template属性，也就意味着，你可以通过自定义ControlTemplate来实现Control子控件的自定义。

注意：它有一个子类UserControl，用于快速创建控件，不过，你不能自定义ControlTemplate，并将它应用于UserControl。

**主要事件：**

*  GotFocus，LostFocus

当控件获得或失去焦点时回调

*    MouseLeftButtonUp ，MouseMove ，MouseLeftButtonDown

当控件被点击，移动时分别回调

*    ManipulationStarted ,ManipulationDelta, ManipulationCompleted

当用户对控件开始进行操作时回调ManipulationStarted，当用户对控件操作并更改位置时回调ManipulationDelta，当用户对控件停止操作时，回调ManipulationCompleted。

*   SizeChanged

当代表控件大小的ActualHeight 或 ActualWidth属性改变时回调

**2. ContentControl：是其他内容控件的基类，表示包含单项元素的内容控件。像 Button、CheckBox 和 ScrollViewer 这样的控件直接或间接继承自该类。**

![0_13289804477qeZ.gif][]

**主要属性：**

*  ContentControl. Content 属性：

ContentControl.Content 属性可以是任何类型的对象，例如字符串、UIElement 或 DateTime。当ContentControl.Content 设置为 UIElement 时，ContentControl 中将显示 UIElement。当ContentControl.Content 设置为其他类型的对象时，ContentControl 中将显示该对象的字符串表示形式。

***注意：***ContentControl 具有有限的默认样式。如果要增强该控件的外观，可以创建新的 DataTemplate类型属性用于自定义。

*   ContentControl. ContentTemplate属性：

它是一个DataTemplate对象元素，定义该ContentControl的内容显示外观。

原创地址： [http://blog.csdn.net/mr\_raptor/article/details/7251942][http_blog.csdn.net_mr_raptor_article_details_7251942]

**3. ItemsControl：是项集合类的基类。**

![0_1328980450ATyQ.gif][]

**主要属性：**

*  Items属性：

如果要显示固定列表，则应当用一个或多个 FrameworkElement 子对象填充ItemsControl .Items属性，并且不要指定ItemsSource。

*  ItemsSource属性：

如果要显示对象数据源中的数据，则应将ItemsSource指定为对某个对象的引用。 通常，这可通过 Binding 声明来实现，

*  ItemsPanel属性：

设置该属性来自定义项集合控件的布局方式，是一个ItemsPanelTemplate类型元素。

*  ItemTemplate属性：

设置该属性来指定项集合控件中，每一个Item项的数据显示外观，是一个DataTemplate类型元素。

**4. Panel: 是容器控件的基类，比如：Canvas, Grid, StackPanel。**

![0_1328980457Dk4Z.gif][]

自定义布局行为可以通过以下方式来实现：从 Panel 继承并使用 MeasureOverride 和 ArrangeOverride 方法重写默认度量和排列行为。

原创地址： [http://blog.csdn.net/mr\_raptor/article/details/7251942][http_blog.csdn.net_mr_raptor_article_details_7251942]

上面解释的基类中的主要属性和方法是我们在自定义控件时去修改的东西，通过中间的继承关系图可以看得出，Panel类与Control类没有任何继承关系，这也就从祖宗这辈上决定了其孩子的特性不一样，所以在对两个大分支类进行自定义时不一样，Panel类主要是包含其它控件的容器控件，对容器控件的主要自定义就是设置不同的被包含控件之间的布局，因此重载其两个测量方法。而Contorl类是用户交互类，有外观，有交互操作，对其子类主要是自定义其外观和操作，也就是说，通过设置其Template属性和重载具体的事件来达到目的。

*  ContentControl类是Control类的子类，它有Control的特点，不过，它是内容控件，主要用来包含一个UIElement。
 *  既然包含一个UIElement，就要设置这个UIElement的内容，即：Content属性。
 *  通过ContentTempalte来定义这个被包含的UIElement的外观，因此，如果要自定义外观那就是重新创建新的DataTempalte，应用到ContentTempalte属性喽。
 *  ItemsControl类是Control类的子类，同样继承了该继承的东西，它是个项集合类，可以包含多个子项Item。
 *  它有Items属性和ItemsSource让用户来指定包含哪些子项。
 *  各子项之间要怎样布局，就有了ItemtPanel属性用来让用户指定。
 *  每一个子项是一个内容控件，它具有ContentControl的特点，因此还要通过ItemTempalte属性指定每一个项的外观。

\++++++++++++++++++++++++++++++++++++++++++

本文系本站原创,欢迎转载! 转载请注明出处:

[http://blog.csdn.net/mr\_raptor/article/details/][http_blog.csdn.net_mr_raptor_article_details][7251942][http_blog.csdn.net_mr_raptor_article_details_7251942]

\++++++++++++++++++++++++++++++++++++++++++

[http_blog.csdn.net_mr_raptor_article_details_7251942]: http://blog.csdn.net/mr_raptor/article/details/7251942
[0_1328980437eTHA.gif]: /images/20220615/6e3d7571ce1e4ff0976b24b65b317d8b.png
[0_13289804477qeZ.gif]: /images/20220615/d598f74308224fb8b76464d78875f52d.png
[0_1328980450ATyQ.gif]: /images/20220615/44a7ea8b088046ec8c518919d91befcd.png
[0_1328980457Dk4Z.gif]: /images/20220615/67fbd18fb7ad4b509a1ae7c16afb50c0.png
[http_blog.csdn.net_mr_raptor_article_details]: http://blog.csdn.net/mr_raptor/article/details/7227260