如果只是使用現有的WPF控制項的話,是很難滿足當前社會多複雜的業務。所以用戶自己訂製一系列控制項也是一種不可避免的情勢。WPF在控制方面分為倆種:用戶控制項和自定義控制項。相信看過前面章節的就明白他們倆者之間的差別。理解用戶控制項並不難——把現有的控制項組合在一起形成的控制項。而在筆者看來自定義控制項才是WPF最吸 ...
如果只是使用現有的WPF控制項的話,是很難滿足當前社會多複雜的業務。所以用戶自己訂製一系列控制項也是一種不可避免的情勢。WPF在控制方面分為倆種:用戶控制項和自定義控制項。相信看過前面章節的就明白他們倆者之間的差別。理解用戶控制項並不難——把現有的控制項組合在一起形成的控制項。而在筆者看來自定義控制項才是WPF最吸引人的地方。
關於用戶控制項的話,往往就是一個xaml文件,也可以是一個DLL文件。但是自定義控制項往往都是一個DLL文件。引用這個DLL文件時候,應用會去載入dll文件裡面的Theme文件夾下的Generic.xaml文件,從而宣染自定義控制項。在Generic.xaml文件裡面存放了若幹個自定義控制項的xaml文件。如下。
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:controls="clr-namespace:FirstFloor.ModernUI.Windows.Controls" xmlns:shell="http://schemas.microsoft.com/winfx/2006/xaml/presentation/shell"> <ResourceDictionary.MergedDictionaries> <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/BBCodeBlock.xaml" /> <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/ModernButton.xaml" /> <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/ModernDialog.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary>
上面是不是有一點類似於App.xaml的內容。當我們引用這個自定義控制項DLL文件的時候,就會去載入當前Theme文件夾/Generic.xaml文件。這裡有一點要小心——一定要在自定義控制項類的構造函數裡面指定相關的Style類型。如下。
public ModernButton()
{
this.DefaultStyleKey = typeof(ModernButton);
}
假設我們編寫完若幹個自定義控制項。那麼為了方便引用這些控制項。往往我們用到引路徑的功能。如下
xmlns:mui="http://firstfloorsoftware.com/ModernUI"
設置好了引用的路徑。頁面上就可以如下方式進行使用。
<mui:ModernButton Content="modern button" IconData="{StaticResource HomeIconData}" Margin="0,0,0,8" />
如果我們不使用引用路徑的話,在使用自定義控制項的時候,就必須把相關命名空間一併引用進來。類似下麵
xmlns:app="clr-namespace:FirstFloor.ModernUI.App"
那麼,如果控制項存在不同的命名空間又如何呢?不好意思,請把所有相關的命名空間全部都引進來吧。但是引用路徑則不用。為什麼呢?看下麵就知道了。
[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Presentation")] [assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows")] [assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Controls")] [assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Converters")] [assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Navigation")] [assembly: XmlnsPrefix("http://firstfloorsoftware.com/ModernUI", "mui")]
這一個部分的代碼是在Modern UI for WPF開源項目的FirstFloor.ModernUI項目的AssemblyInfo.cs文件裡面。FirstFloor.ModernUI項目就是一個自定義控制項的項目。上面的引用路徑可以說是一對多的關係。不用筆者講解了吧。
記得上一章節中講到每一個用戶控制項都會實現於FrameworkElement類。在FrameworkElement類中有一個屬性叫Template。他是自定義控制項的核內點。從字面意義來講就是模板的意思。筆者是這樣子理解的。自定義控制項事實上就是控制項的顯示模板在重新用自己的意思畫了一片。如下是筆者在新建自定義控制項時候,VS幫忙生成的。筆者略做修改一下。筆者加了一個TextBox。Text為AomiCustomTextBox。
<Style TargetType="{x:Type local:CustomControl}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type local:CustomControl}"> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> <TextBox Text="AomiCustomTextBox"></TextBox> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style>
顯示結果:
那麼,如果Template(ControlTemplate)是用於自定義控制項。裡面有一個跟他類似的DataTemplate又是用於做什麼呢?事實上在開發WPF的時候,我們也會常常用到他們。如果不搞清楚他們之間的作用差別的話,有時候會誤事。MSDN上面是這樣子定義的。ControlTemplate是用於定置一個控制項可視化結構和行為方面。這裡要註意的是一個控制項。而DataTemplate是定置一個業務對象的可以視化結構。即是面向對象不同。是事實在開發過程有時候也會有這樣子的感覺,ControlTemplate一般都是用TemplateBinding來邦定數據,而DataTemplate用的是標準的binding。什麼意思呢?也就是說ControlTemplate一般會去找控制項自身的依賴屬性。而是DataTemplate則是去找DataContext。
那麼倆者可不可以同時使用呢?答案是肯定可以的。這個時候就要小心了。往往會出現一些互相影響的事情。但是一定要認清楚一點:ControlTemplate是不管業務數量的展示。他只管控制項佈局結構。DataTemplate反之。
引用定義控制項離不開Theme文件夾下的Generic.xaml文件。那麼這裡筆者有一個疑問——App.xaml上面的引用和Generic.xaml文件裡面的引用又有什麼區別呢?WPF所有控制項都有一個黙認的樣式。這個樣式往往是通過控制項的DefaultStyleKey依賴屬性來確定的。而預設的樣式文件名往往會根據當前操作系統的不同而不同。如下
1.Generic.xaml:如果下麵的黙認樣式都沒有情況下會被引用。筆者喜歡叫標準樣式。
2.Luna.Xxx.xaml:在XP系統下引用的黙認樣式。如:
Luna.Homestead.xaml、
Luna.Metallic.xaml
3.Aero.Xxx.xaml:在
Vista下引用的黙認樣式。如:
Aero.NormalColor.xaml
所以筆者也很難區分App.xaml和Generic.xaml上面的差別。因為倆者太像了。筆者略微的做了一個實驗看一下是App.xaml和Generic.xaml誰先執行。結果是Generic.xaml。所以如果你在App.xaml裡面定義一個樣式,想在Generic.xaml裡面StaticResource引用會報錯的。具體的話,筆者覺得各位可以去試一下。值得註意的:往往App.xaml引用的資源文件都是標準控制項(顏色,WPF本身的控制項)的樣式。而Generic.xaml一般用於自定義控制項的資源文件。