Silverlight - 模板

模板描述了控制元件的整體外觀和視覺呈現。每個控制元件都與之關聯一個預設模板，該模板賦予控制元件外觀。

在 WPF 應用程式中，當您想要自定義控制元件的視覺行為和視覺外觀時，可以輕鬆建立您自己的模板。

一些重要的特性是：

• 所有 UI 元素都具有一定的外觀和行為，例如，按鈕具有外觀和行為。

• 點選事件或滑鼠懸停事件是響應點選和懸停而觸發的行為，並且按鈕具有預設外觀，可以透過控制元件模板進行更改。

讓我們再次來看一個簡單的示例，其中一個按鈕使用模板定義。

<UserControl x:Class = "ButtonTemplate.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"  
   mc:Ignorable = "d" d:DesignWidth = "640" d:DesignHeight = "480"> 
   
   <Grid x:Name = "LayoutRoot" HorizontalAlignment = "Center" 
      VerticalAlignment = "Center">
		
      <Button Height = "100" Width = "100" Content = "Click!" 
         HorizontalContentAlignment = "Left" Click = "button_Click">
			
         <Button.Template> 
            <ControlTemplate TargetType = "Button"> 
				
               <Grid> 
					
                  <Ellipse Fill = "Gray" Stroke = "Black" 
                     StrokeThickness = "3" Margin = "-64,0,0,0" /> 
							
                  <ContentPresenter HorizontalAlignment = "{TemplateBinding 
                     HorizontalContentAlignment}" VerticalAlignment = "Center" 
                     Content = "{TemplateBinding Content}" /> 
               </Grid> 
					
            </ControlTemplate>
				
         </Button.Template>
			
      </Button>  
		
   </Grid> 
	
</UserControl> 

編譯並執行上述程式碼後，您將看到以下輸出。

連線模板

我們想要模板化的所有控制元件功能都使用模板繫結。某些方面稍微複雜一些。例如，在任何時候您都有某種形式的內容模型，僅使用模板繫結是不夠的，如按鈕上看到的。我們還必須使用內容呈現器，如上例所示。