62 WPF資源樣式與模板ppt課件

1、項(xiàng)目六項(xiàng)目六 WPF資源、樣式和模板資源、樣式和模板項(xiàng)目美化項(xiàng)目美化講師 劉振東本章導(dǎo)讀：本章的主要內(nèi)容是利用資源、樣式和模板的相關(guān)知識(shí)，美化圖書管理系統(tǒng)。通過項(xiàng)目“系統(tǒng)中各控件美化為導(dǎo)向，四個(gè)任務(wù)美化TextBlock控件、美化TextBox控件、美化Button控件和自定義控件模板為驅(qū)動(dòng)，學(xué)習(xí)有關(guān)WPF資源、樣式和模板的知識(shí)，本項(xiàng)目著力使學(xué)習(xí)者對(duì)WPF的資源、樣式有一定認(rèn)識(shí)，初步掌握自定義控件模板的用法。項(xiàng)目六項(xiàng)目六 WPF資源、樣式和模板資源、樣式和模板項(xiàng)目美化項(xiàng)目美化任務(wù)二任務(wù)二 美化美化TextBox控件控件樣式是指WPF的元素在界面中呈現(xiàn)的形式。讀者添加界面使用的是默認(rèn)WPF元素樣

2、式，我們可以利用XAML資源來實(shí)現(xiàn)對(duì)其的美化。即在XAML資源中用Style元素聲明樣式和模板，并在控件中引用它。此次任務(wù)修改的是TextBox控件的外觀。一、任務(wù)描述：二、知識(shí)準(zhǔn)備：1Style元素gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree/ g

3、lwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51/ 023vatti/ gz-bestally ystmach/ ystcode/ gdjinqiu welxun gelishfw/ gybcny/ hd8go/ sj93/ mdwxz88/ oemgc/ 189288/ hzp580 yjoem/ oemdg/ oemfy/ xcdnpx/ yanjigz/ 189286/ dgxcdn dgxcpx/ xcwxpx/ xunchi-px/ oemfy/ 0759mz/ lczx188/ 189287/ 023gree

4、/ glwxz/ 023midea/ 023chigo/ 023aux/ 023haier/ 023xiu/ 51/ 023vatti/ gz-bestally ystmach/ ystcode/ WPF應(yīng)用程序中的樣式是利用XAML資源來實(shí)現(xiàn)的。Style元素的常用形式為二、知識(shí)準(zhǔn)備：1、Style元素在XAML資源的Style元素中，也可以利用模板來自定義控件的外觀。另外，觸發(fā)器也是WPF應(yīng)用程序中常用的技術(shù)之一。在WPF中，通過引入模板，微軟將數(shù)據(jù)和算法的內(nèi)容與形式解耦了。WPF提供了兩種模板化技術(shù)，一種是樣式模板化，另一種是數(shù)據(jù)模板化。1、Style元素二、知識(shí)準(zhǔn)備： 所

5、謂樣式模板化，是指利用控件的ControlTemplate來定義控件的外觀，從而讓控件呈現(xiàn)出各種形式。它決定了控件“長(zhǎng)成什么樣子”，并讓程序員有機(jī)會(huì)在控件原有的內(nèi)部邏輯基礎(chǔ)上擴(kuò)展自己的邏輯。作為資源，ControlTemplate可以放在三個(gè)地方：Application資源詞典里、某個(gè)界面元素的資源詞典里、或者放在外部XAML文件中。 在Style中，用Template屬性定義控件的模板。1、Style元素二、知識(shí)準(zhǔn)備： 數(shù)據(jù)模板化，是指利用數(shù)據(jù)模板化，是指利用DataTemplate將控件和多項(xiàng)數(shù)據(jù)自動(dòng)綁定在將控件和多項(xiàng)數(shù)據(jù)自動(dòng)綁定在一起。一條數(shù)據(jù)顯示成什么樣子，是簡(jiǎn)單的文本還是直觀的圖形就

6、由它一起。一條數(shù)據(jù)顯示成什么樣子，是簡(jiǎn)單的文本還是直觀的圖形就由它來決定了。來決定了。 一言以蔽之，一言以蔽之，Template就是數(shù)據(jù)的外衣就是數(shù)據(jù)的外衣-ControlTemplate是控件的是控件的外衣，外衣，DataTemplate是數(shù)據(jù)的外衣。是數(shù)據(jù)的外衣。1、Style元素二、知識(shí)準(zhǔn)備：示例代碼如下： 二、知識(shí)準(zhǔn)備： I am a Button ! 二、知識(shí)準(zhǔn)備：運(yùn)行效果如圖所示：二、知識(shí)準(zhǔn)備：我們來看看模板的定義： 二、知識(shí)準(zhǔn)備： 這里創(chuàng)建了一個(gè)ControlTemplate的實(shí)例，并指定其TargetType屬性為Button，表示該模板適用于按鈕。在模板中放入了一個(gè)Grid以

7、承載其它控件，Grid里可以放入任何控件，就像你在其它地方使用的時(shí)候一樣.二、知識(shí)準(zhǔn)備： ContentPresenter對(duì)象對(duì)于ContentControl來說是必要的，它告訴程序如何呈現(xiàn)其Content屬性，這里是居中顯示，如何你不指定ContentPresenter對(duì)象，Content屬性將無法顯示。通過樣式模板化美化讀者添加窗體界面的TextBox控件。三、任務(wù)分析：1. 打開之前創(chuàng)建的讀者添加項(xiàng)目，先把窗體的顏色改為線性漸變，可以用Blend實(shí)現(xiàn)。程序運(yùn)行效果如下圖：四、任務(wù)實(shí)施：通過XAML代碼修改背景顏色如下： 四、任務(wù)實(shí)施：2. 現(xiàn)在的TextBox方方正正，有棱有角，與窗體和Button的圓角風(fēng)格不太協(xié)調(diào)。我們利用Blend改變TextBox的模板，也可以通過下面的代碼重新定義TextBox的ControlTemplate，將它的邊框變成圓角矩形。我們選擇把新定義的模板樣式存放在Window元素的資源文件里。當(dāng)然，如果將樣式資源聲明在App.xaml文件的Application.Resources屬性中，它的作用范圍