WPF模板應(yīng)用方法介紹
WPF開(kāi)發(fā)工具是一個(gè)比較新的開(kāi)發(fā)工具,主要用來(lái)處理圖形界面顯示的相關(guān)操作。WPF是ASP.Net3.0中的技術(shù),主要解決界面問(wèn)題.通過(guò)它我們可以制作出三維圖形,還有很多自定義模板,讓我們的UI層更加豐富多彩.今天我就先講個(gè)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屬性進(jìn)行一個(gè)綁定,它是根據(jù)下面的ScrollBar的名稱(即wzl)的值來(lái)變化的.讓就可以使用ProgressBar.Template,這是一個(gè)WPF模板的類,在這個(gè)列里面就可以使用ControlTemplate了.里面定義里2個(gè)矩形,這2個(gè)矩形的名字是PART_Track和PART_Indicator,這2個(gè)名字是非常特殊的名字,是Windows已經(jīng)命名了的部件.
PART_Track是進(jìn)行比對(duì)的控件,PART_Indicator則是根據(jù)ProgressBar里的Value綁定變化而變化的.弄清楚這個(gè)其他的就不難了.由于PART_Track有Height,PART_Indicator而沒(méi)有,則PART_Indicator的Height跟著綁定變化.
然后根據(jù)這個(gè)我寫了一個(gè)這個(gè),大家就應(yīng)該更清楚了吧,代碼如下:
- < 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為下 上 中三個(gè)點(diǎn)坐標(biāo)-->
- < 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>
以上就是對(duì)WPF模板的相關(guān)介紹。