當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

WPF学习—模板

發布時間：2025/3/15 asp.net 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 WPF学习—模板小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

摘抄自《深入淺出WPF》第十一章

WPF中Template分為兩大類：

1.ControlTemplate是算法內容的表現形式，控制控件的內部結構。決定控件“長成什么樣子”，并讓程序員有機會在控件原有的內部邏輯基礎上擴展自己的邏輯

2.DataTemplate是數據內容的表現形式，決定數據顯示，是簡單的文本還是直觀的圖形動畫

Template是“外衣”，ControlTemplate是控件外衣，DataTemplate是數據的外衣。

DataTemplate常用地方：

1、ContentControl的ContentTemplate屬性，相當于給ContentControl的內容穿衣服

2、ItemsControl的ItemTeplate屬性，相當于給ItemsControl的數據條目穿衣服

3、GridViewColumn的cellTemplate屬性，相當于給GridViewColumn單元格數據穿衣服

實例：

XAML代碼

后臺代碼：

public partial class MainWindow : Window{public MainWindow(){InitializeComponent();InitialCarList();}private void InitialCarList(){List<Car> carList = new List<Car>(){new Car() {Automaker="風劍",Name="風劍",Year="1990",TopSpeed="340" },new Car() {Automaker="風劍",Name="灰燼使者",Year="2001",TopSpeed="340" },new Car() {Automaker="風劍",Name="破碎的回憶",Year="2003",TopSpeed="340" },new Car() {Automaker="風劍",Name="霜之哀傷",Year="2008",TopSpeed="340" }};this.listBoxCars.ItemsSource = carList;}}public class Car{public string Automaker { get; set; }public string Name { get; set; }public string Year { get; set; }public string TopSpeed { get; set; }}public class AutomakerToLogoPathConverter:IValueConverter{public object Convert(object value,Type targetType,object parameter,CultureInfo culture){string uriStr = string.Format(@"Resources\Logos\{0}.jpg", (string)value);return new BitmapImage(new Uri(uriStr, UriKind.Relative));}public object ConvertBack(object value,Type targetType,object parameter,CultureInfo culture){throw new NotImplementedException();}}public class NameToPhotoPathConverter:IValueConverter{public object Convert(object value, Type targetType, object parameter, CultureInfo culture){string uriStr = string.Format(@"Resources\Images\{0}.jpg", (string)value);return new BitmapImage(new Uri(uriStr, UriKind.Relative));}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){throw new NotImplementedException();}}

ContentTemplate=“｛StaticResource?carDetailViewTemplate｝”，相當于給普通UserControl的數據內容穿上一件外衣，以x:Key="carDetailViewTemplate"標記的DataTemplate資源

ItemTemplate=“｛StaticResource?carListItemViewTemplate｝”，是把一件數據外衣交給ListBox。當ListBox.ItemsSource被賦值時，ListBox為子項換上外衣，以x:Key="carListItemViewTemplate"標記的DataTemplate資源

ControlTemplate主要用處：

1、通過更換ControlTemplate改變控件外觀，使之具有更優的用戶使用體驗及外觀

2、借助ControlTemplate，程序員可以與設計師并行工作，程序員可以先用WPF標準控件進行編程，等設計師的工作完成后，只需要把新的ControlTemplate應用到程序中

DataTemplate和ControlTemplate的關系：

控件作為數據和行為的載體，是個抽象的概念，控件內部結構（控制控件視覺表現，即長成什么樣子），數據顯示結構（數據長成什么樣子）都是靠Template生成的。決定控件外觀的是ControlTemplate，決定數據外觀的是DataTemplate，它們是Control?類的Template和ContentTemplate兩個屬性的值。作用范圍如圖：

DataTemplate和ControlTemplate的應用：

為Template設置其應用目標有兩種方法，一種是逐個設置控件的Template/ContentTemplate/ItemsTemplate/CellTemplate等屬性，不想應用Template的控件不設置；另一種是整體應用，即把Template應用在某個類型的控件或數據上

把ControlTemplate應用在所有目標上需要借助Style來實現，但是Style不能標記x:Key

實例：

XAML代碼

把DataTemplate應用在某個數據類型上的方法是設置DataTemplate的DataType屬性，并且DataTemplate作為資源也不能帶有x:Key標記

實例

XAML代碼

XAML可以方便地表示帶有層級的數據。同時WPF準備了TreeView和MenuItem控件來顯示層級數據。能夠幫助層級控件顯示層級數據的模板是HierarchicalDataTemplate。

實例

添加Data.xml文件，代碼如下

<?xml version="1.0" encoding="utf-8" ?> <Data xmlns=""><Grade Name="一年級"><Class Name="甲班"><Group Name="A組"/><Group Name="B組"/><Group Name="C組"/></Class><Class Name="乙班"><Group Name="A組"/><Group Name="B組"/><Group Name="C組"/></Class></Grade><Grade Name="二年級"><Class Name="甲班"><Group Name="A組"/><Group Name="B組"/><Group Name="C組"/></Class><Class Name="乙班"><Group Name="A組"/><Group Name="B組"/><Group Name="C組"/></Class></Grade><Operation Name="文件" Gesture="F"><Operation Name="新建" Gesture="N"><Operation Name="項目" Gesture="Control+P"/><Operation Name="網站" Gesture="Control+W"/><Operation Name="文檔" Gesture="Control+D"/></Operation><Operation Name="保存" Gesture="Control+S"/><Operation Name="打印" Gesture="Control+P"/><Operation Name="退出" Gesture="Control+X"/></Operation><Operation Name="編輯" Gesture="F"><Operation Name="拷貝" Gesture="Control+C"/><Operation Name="剪切" Gesture="Control+X"/><Operation Name="粘貼" Gesture="Control+V"/></Operation> </Data>

主窗口XAML代碼：

事件處理：

private void StackPanel_Click(object sender, RoutedEventArgs e){MenuItem mi = e.OriginalSource as MenuItem;XmlElement xe = mi.Header as XmlElement;MessageBox.Show(xe.Attributes["Name"].Value);}

尋找控件：由ControlTemplate或DataTemplate生成的控件都是“由Template生成的控件”ControlTemplate和DataTemplate兩個類均派生自FrameworkTemplate類，這個類有個名為FindName的方法供檢索內部控件。

尋找由ControlTemplate生成的控件：

XAML代碼如下

后臺代碼：

public MainWindow(){InitializeComponent();}private void Button_Click(object sender, RoutedEventArgs e){TextBox tb = this.uc.Template.FindName("textBox1",this.uc) as TextBox;tb.Text = "Hello World";StackPanel sp = tb.Parent as StackPanel;(sp.Children[1] as TextBox).Text = "hello ControlTemplate";(sp.Children[2] as TextBox).Text = "I can find you";}

尋找有DataTemplate生成的控件

后臺代碼：

public partial class ComplexTest : Window{public ComplexTest(){InitializeComponent();}private void textBoxName_GotFocus(object sender, RoutedEventArgs e){TextBox tb = e.OriginalSource as TextBox;ContentPresenter cp = tb.TemplatedParent as ContentPresenter;Student stu = cp.Content as Student;this.listViewStudent.SelectedItem = stu;ListViewItem lvi = this.listViewStudent.ItemContainerGenerator.ContainerFromItem(stu) as ListViewItem;CheckBox chb = this.FindVisualChild<CheckBox>(lvi);MessageBox.Show(chb.Name);}private ChildType FindVisualChild<ChildType>(DependencyObject obj) where ChildType:DependencyObject{for(int i=0;i<VisualTreeHelper.GetChildrenCount(obj);i++){DependencyObject child = VisualTreeHelper.GetChild(obj, i);if(child!=null&&child is ChildType){return child as ChildType;}else{ChildType childOfChild = FindVisualChild<ChildType>(child);if (childOfChild != null)return childOfChild;}}return null;}}

public class Student
{
public int Id { get; set; }
public string Name { get; set; }
public string Skill { get; set; }
public bool HasJob { get; set; }
}

XAML代碼：

Trigger，觸發器，即當某些條件滿足時會觸發一個行為。觸發器比較像事件。事件一般由用戶操作觸發，而觸發器除了有事件觸發器型的EventTrigger外還有數據變化觸發型的Trigger/DataTrigger以及多條件觸發的MultiTrigger/MultiDataTrigger等。

Trigger和MultiTrigger實例：

Xaml代碼：

DataTrigger實例

Xaml代碼：

后臺代碼：

public partial class MainWindow : Window{public MainWindow(){InitializeComponent();}}public class L2BConverter:IValueConverter{public object Convert(object value,Type targetType,object parameter,CultureInfo culture){int textLength = (int)value;return textLength > 6 ? true : false;}public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture){throw new NotImplementedException();}}

MultiDataTrigger實例

Xaml代碼

后臺代碼：

public partial class MultiTrigger : Window{public MultiTrigger(){InitializeComponent();InitialStuList();}private void InitialStuList(){List<Student> stuList = new List<Student>(){new Student() {ID=1,Name="Tim",Age=10 },new Student() {ID=2,Name="Tom",Age=11 }};this.listBoxStudent.ItemsSource = stuList;}}public class Student{public int ID { get; set; }public string Name { get; set; }public int Age { get; set; }}

事件觸發EventTrigger

EventTrigger是觸發器中特殊的一個，首先，它不是由屬性值或數據的變化來觸發而是由事件來觸發；其次，被觸發后并非應用一組Setter，而是執行一段動畫。因此，UI層的動畫效果往往與EventTrigger相關聯

實例：

XAML代碼

轉載于:https://www.cnblogs.com/mengjiulong/p/9807425.html

總結

以上是生活随笔為你收集整理的WPF学习—模板的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

模板
WPF

上一篇： Python PEP8 编码规范中文版
下一篇：设计模式-结构型模式-装饰模式