1. 程式人生 > >WPF教程一:基礎

WPF教程一:基礎

基礎 傳統 cati control targe work 文檔結構 type 調用

一、WPF簡介
WPF:WPF即Windows Presentation Foundation,翻譯為中文“Windows呈現基礎”,是微軟推出的基於Windows Vista的用戶界面框架,屬於.NET Framework 3.0的一部分。它提供了統一的編程模型、語言和框架,真正做到了分離界面設計人員與開發人員的工作;同時它提供了全新的多媒體交互用戶圖形界面。

二、WPF特點
1、統一的編程模型
WPF提供的編程模型統一普通控件、語音、視頻、文檔3D等技術,這些媒體類型能夠統一協調工作,降低了我們的學習成本。
2、與分辨率無關
WPF是基於矢量繪圖的,因此它產生的圖形界面能夠支持各種分辨率的顯示設備,而不會像WinForm等在高分辨率的現實設備上產生鋸齒。
3、硬件加速技術
WPF是基於Direct3D創建。在WPF應用程序中無論是2D還是3D的圖形或者文字內容都會被轉換為3D三角形、材質和其他Direct3D對象,並由硬件負責渲染,因此它能夠更好的利用系統的圖像處理單元GPU,從硬件加速中獲得好處。
4、聲明式編程
WPF引入一種新的XAML語言(Extensible Application Markup Language)來開發界面。使用XAML語言將界面開發以及後臺邏輯開發很好的分開,降低了前後臺開發的耦合度,使用戶界面設計師與程序開發者能更好的合作,降低維護和更新的成本。
5、易於部署
WPF除了可以使用傳統的Windows Installer以及ClickOnce方式來發布我們的桌面應用程序之外,還可以將我們的應用程序稍加改動發布為基於瀏覽器的應用程序。

三、常用的輔助開發工具
KAXAML:是一個輕量級的XAML編輯器,使用它我們可以快速的查看XAML代碼以及XAML所展示的UI界面。
Microsoft Expression Blend:簡稱(Blend)它是WPF UI界面設計師必備工具,利用它我們可以設計出非常精美的UI界面,以及界面的樣式、模板、動畫等資源。
下載地址:
KAXAML:http://www.kaxaml.com/
Blend:https://msdn.microsoft.com/zh-cn/(搜索Blend)

四、開發基礎

1、新建WPF應用程序

選擇菜單->“文件”->“新建”->“項目”,在“新建項目”對話框中選擇WPF應用程序,修改名稱為WpfDemo,然後點擊“確定”按鈕,如下圖所示:

技術分享圖片

2、生成的文檔結構圖如下:

技術分享圖片

3、在App.xaml中的“StartupUri”屬性可以指定項目運行時的啟動窗體。如下圖中“StartupUri=”MainWindow.xaml””,還可以定義我們需要的系統資源以及引入程序集等

,如下圖所示:

技術分享圖片

五、XAML語言

XAML語言:是微軟公司為構建應用程序用戶界面而創建的一種新的“可擴展應用程序標記語言”,提供了一種便於擴展和定位的語法來定義和程序邏輯分離的用戶界面。
特點:
定義應用程序的界面元素
顯示的聲明WPF資源(樣式、模板、動畫等)
可擴展性(自定義UI控件)
集中關註於界面的設計和實現

六、XAML命名空間以及命名空間映射到程序集

1、XAML命名空間

開發語言會將常用功能以類的形式封裝,開發人員根據自己的業務需求,也會封裝滿足自身業務需求的類,如果有序組織這些類?一方面,便於開發人員準確調用;另一方面,編譯器可以有效識別具有相同命名的類,就引入了命名空間,簡單的說,是通過類似樹狀結構來組織各種類,是一種較為有效的類名排列方式。
而XAML和.NET其他語言一樣,也是通過命名空間有效組織起XAML內部的相關元素類,這裏的命名空間與.NET中的命名空間不是一一對應的,而是一對多,一眼望去,都是“網址”,這裏的網址,是遵循XAML解析器標準的命名規則,而不是真正的網址(在IE中根本打不開)。

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"對應一些與XAML語法和編譯相關的CLR名稱空間,例如
<Style x:key="buttonMouseOver" TargetType="{x:Type Button}">

這裏的xmlns和xmlns:x的區別在於x作為別名,在應用時,以前綴形式出現,而xmlns作為默認命名空間,不使用前綴標識的元素,來自該命名空間。

XAML命名空間的語法:
xmlns[:可選映射前綴]="命名空間描述"
註意:沒有加可選映射前綴的xmlns是WPF默認的命名空間,一個xaml文件只能有一個默認的命名空間
一個完整的xaml文件,必須具備兩個命名空間。

2、自定義類或程序集映射語法
xmlns[:必選映射前綴]="clr-namespace:[命名空間];assembly=[程序集名稱]"

在同一個解決方案下面新建一個“”的項目,命名為“WPFUserControl”,在項目的屬性裏面修改默認的命名空間為:MyControl.WpfUserControl,添加兩個TextBlock和兩個TextBox,如圖所示:

技術分享圖片

在第一個項目裏面引用新建的用戶控件,註意:首先要添加新建用戶控件庫的引用。

技術分享圖片

3、映射到當前程序集的語法
xmlns[:必選映射前綴]="clr-namespace:[命名空間]"

在當前項目下面新建一個用戶控件,添加兩個TextBlock和兩個TextBox,如下圖所示:

技術分享圖片

在MainWindow.xaml裏面調用新建的用戶控件,需要引用命名空間:

技術分享圖片

WPF教程一:基礎