WPF模板應用方法介紹

作者：佚名 2009-12-23 18:06:25

WPF模板為我們帶來了許多好處，對于初學者來說，掌握這一方面的知識是非常重要的。下面我們就來具體分析一下WPF模板的相關應用。

WPF開發工具是一個比較新的開發工具，主要用來處理圖形界面顯示的相關操作。WPF是ASP.Net3.0中的技術,主要解決界面問題.通過它我們可以制作出三維圖形,還有很多自定義模板,讓我們的UI層更加豐富多彩.今天我就先講個WPF模板的例子,以后再介紹三維圖型等.#t#

首先,你必須裝有.Net Framework3.0框架,還有WindowsSDK_Vista,大家先看一下WPF模板代碼,我再做出解釋,代碼如下:

< Page x:Class="XAMLBrowser
Application1.Page1"
xmlns="http://schemas.microsoft.com
/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.
microsoft.com/winfx/2006/xaml"
Title="Page1"
>
< StackPanel>
< ProgressBar Orientation="Vertical"
Margin="50,0,50,0"
Value="{Binding ElementName=wzl,
Path=Value}">
< ProgressBar.Template>
< ControlTemplate>
< StackPanel Orientation="Horizontal">
< Rectangle Name="PART_Track"
Fill="Blue" Width="20" Height="200"
Margin="400,0,0,0"/>
< Rectangle Name="PART_Indicator"
Fill="Brown" Width="20"/>
< /StackPanel>
< /ControlTemplate>
< /ProgressBar.Template>
< /ProgressBar>
< ScrollBar Name="wzl" Maximum="100"
Margin="50" Minimum="0"
Orientation="Horizontal" SmallChange="1">
< /ScrollBar>
< /StackPanel>
< /Page>

首先在ProgressBar里的Value屬性進行一個綁定,它是根據下面的ScrollBar的名稱(即wzl)的值來變化的.讓就可以使用ProgressBar.Template,這是一個WPF模板的類,在這個列里面就可以使用ControlTemplate了.里面定義里2個矩形,這2個矩形的名字是PART_Track和PART_Indicator,這2個名字是非常特殊的名字,是Windows已經命名了的部件.

PART_Track是進行比對的控件,PART_Indicator則是根據ProgressBar里的Value綁定變化而變化的.弄清楚這個其他的就不難了.由于PART_Track有Height,PART_Indicator而沒有,則PART_Indicator的Height跟著綁定變化.

然后根據這個我寫了一個這個,大家就應該更清楚了吧,代碼如下:

< StackPanel> 
< ProgressBar Orientation="Horizontal" 
Value="{Binding ElementName=wzl,Path=Value}"> 
< ProgressBar.Template> 
< ControlTemplate> 
< Canvas> 
< Rectangle Name="PART_Track" Width="200" 
Height="20" Canvas.Top="50" Canvas.Left="50"/> 
< Rectangle Name="PART_Indicator" 
Height="20" Canvas.Top="80" Canvas.Left="50"/> 
< Polygon Points="5 5 5 -5 -75 0" 
Stroke="Black" Fill="Red" Canvas.
Left="400" Canvas.Top="120"> 
< !--Points為下 上 中三個點坐標--> 
< Polygon.RenderTransform> 
< RotateTransform   
Angle="{Binding ElementName=PART_Indicator,   
Path=ActualWidth}" /> 
< /Polygon.RenderTransform> 
< /Polygon> 
< /Canvas> 
< /ControlTemplate> 
< /ProgressBar.Template> 
< /ProgressBar> 
< ScrollBar Name="wzl" Maximum="100" 
Minimum="0" Orientation="Horizontal" 
SmallChange="1">< /ScrollBar> 
< /StackPanel>

以上就是對WPF模板的相關介紹。

責任編輯：曹凱來源： CSDN

WPF模板