1. 程式人生 > >WPF的六類控制元件之概述

WPF的六類控制元件之概述

一、簡介
本篇讓我們一起來了解一下WPF對控制元件的定義,以及它的六大類控制元件,分別為:內容控制元件、帶標題的內容控制元件、條目控制元件、帶標題的條目控制元件、特殊控制元件、佈局控制元件。
主要內容包括:
1、WPF的控制元件定義。
2、六類控制元件概述。
3、小結。


二、WPF的控制元件定義
WPF把那些能夠展示資料、響應使用者操作的UI元素稱為控制元件。控制元件所展示的資料稱之為資料內容;控制元件在響應使用者的操作後會執行一些方法或以事件的形式通知應用程式(程式設計師可以決定如何處理這些事件),我們稱之為控制元件的行為或演算法內容。
摘自劉鐵錳的《深入淺出WPF》一書。

三、WPF六類控制元件概述


(一)內容控制元件ContentControl
1、控制元件特點
①內容屬性的名稱為Content;
②只能由單一元素充當其內容。
2、控制元件列表


(二)帶標題的內容控制元件HeaderedContentControl
1、控制元件特點
①擁有兩個顯示區域:一個顯示主體內容,一個顯示標題;
②內容屬性的名稱分別為Content和Header;
③無論是Content還是Header只能由單一元素充當其內容。
2、控制元件列表


(三)條目控制元件ItemsControl
1、控制元件特點
①用於顯示列表化的資料;
②內容屬性的名稱為Items或ItemSource;
③有自己的條目容器(Item Container)。
2、控制元件列表



3、話說條目容器是個啥玩意?
①概述
條目容器把資料集合中條目逐個包裝,再將包裝好的序列當做條目控制元件的集合內容。
②條目控制元件和條目容器對應表


(四)帶標題的條目控制元件HeaderedItemsControl
1、控制元件特點
①用於顯示列表化的資料,同時顯示一個標題;
②內容屬性的名稱為Items、ItemSource和Header;
③有自己的條目容器(Item Container)。
2、控制元件列表
MenuItem、TreeViewItem和ToolBar。

(五)特殊控制元件之Decorator
1、控制元件特點
①給UI新增裝飾效果;
②內容屬性的名稱為Child;
③只能由單一元素充當內容。
2、控制元件列表


(六)特殊控制元件之形狀Shape
1、控制元件特點
①用於2D圖形繪製;
②無內容屬性;
③使用Fill屬性設定填充,使用Stroke屬性設定邊線。

(七)佈局控制元件
1、控制元件特點
①主要功能是控制UI佈局;
②內容屬性的名稱為Children;
③內容可以是多個元素,佈局控制元件會控制它們的佈局。
2、控制元件列表


四、小結
本演示主要介紹的內容包括:
1、內容控制元件;
2、帶標題的內容控制元件;
3、條目控制元件;
4、帶標題的條目控制元件;
5、特殊控制元件;
6、佈局控制元件。