惠州市+网站开发公司,西安网站建设王永杰,9个做简历的网站,a96中华室内设计网1:控件模版简介:
自定义控件模版#xff1a;自己添加的样式、标签#xff0c;控件模版也是属于资源的一种#xff0c; 每一个控件模版都有一唯一的 key#xff0c;在控件上通过template属性进行绑定
什么场景下使用自定义控件模版#xff0c;当项目里面多个地方…1:控件模版简介:
自定义控件模版自己添加的样式、标签控件模版也是属于资源的一种 每一个控件模版都有一唯一的 key在控件上通过template属性进行绑定
什么场景下使用自定义控件模版当项目里面多个地方使用到相同效果这时候可以把相同 效果封装成一个自定义模版例如项目好几个地方需要一个弧度并且鼠标放上去效果是红色等按钮。就可以 把按钮从新自定义一下。
2:关于控件模版的实例
Window.Resources!--自定义模版--ControlTemplate x:Keyc1 TargetTypeButton Border BackgroundAliceBlueCornerRadius5BorderThickness2x:Nameborder!--ContentPresenter 呈现内容的标签--StackPanel OrientationHorizontalTextBlock VerticalAlignmentCenterMargin0,0,10,0Namet1Text☆/TextBlockContentPresenter HorizontalAlignmentCenterVerticalAlignmentCenter/ContentPresenter /StackPanel/Border!--Triggers 设置触发 鼠标移去 鼠标移开等效果--ControlTemplate.Triggers!--Property 设置的属性Value 属性值--!--IsMouseOver 鼠标放上去TargetNameborder 目标元素的name属性--Trigger PropertyIsMouseOverValuetrueSetter PropertyBackgroundValueredTargetNameborder/SetterSetter PropertyBorderBrushValuegreenTargetNameborder/SetterSetter PropertyTextValue★TargetNamet1/Setter/Trigger/ControlTemplate.Triggers/ControlTemplate
/Window.ResourcesGrid!--WPF不仅支持传统winfrom编程并且还引入以模版为核心的新一代设计理念在wpf通过使用模版将数据和界面进行解耦。模版主要分为俩大类型的模版数据模版【DataTemplate】 和控件模版【Control Template】控件模版描述如何显示控件数据模版描述如何显示数据--!--Button Width100 Height40 Contenthello world/Button--Button Template{StaticResource c1} Width100 Height40 Content删除 /ButtonButton Template{StaticResource c1}Width100Height40Content编辑Margin0,0,0,100/Button/Grid
效果图如下 1关于数据模板的简介
数据模版 DataTemplate决定了数据展示形式和用户体验,在控件上通过使用ItemTemplate 属性进行模版的绑定 ItemTemplate{StaticResource c1}
控件模版 ControlTemplate设置控件展示在控件上通过使用Template属性进行模版绑定 Template{StaticResource c1}
2 关于它的实例 Window.ResourcesDataTemplate x:Keyc1StackPanel OrientationHorizontalBorder Width10 Height10Background{Binding Code}/BorderTextBlock Text{Binding Code} /TextBlock/StackPanel/DataTemplate/Window.ResourcesGridListBox Width200Height100HorizontalAlignmentLeftVerticalAlignmentTopItemTemplate{StaticResource c1}Namel1/ListBoxComboBox Width200Height40ItemTemplate{StaticResource c1}Namecom/ComboBox!--这是之前的itemsource的写法--ListBox Width200Height100HorizontalAlignmentLeftVerticalAlignmentTopItemsSource{Binding}Margin300,0,0,0Namel3ListBox.ItemTemplateDataTemplateStackPanel OrientationHorizontalBorder Width10Height10Background{Binding Code}/BorderTextBlock Text{Binding Code}/TextBlock/StackPanel/DataTemplate/ListBox.ItemTemplate/ListBox/Grid
定义模型类 public Window数据模版(){InitializeComponent();ListColor list new ListColor(); //数据源集合list.Add(new Color() { Code #ff0000});list.Add(new Color(){Code #00ff00});list.Add(new Color(){Code #00FF00});list.Add(new Color(){Code #55efc4});list.Add(new Color(){Code #FBCA11});this.l1.ItemsSource list;this.com.ItemsSource list;//之前的数据绑定的写法this.l3.ItemsSource list;// this.l3.DisplayMemberPath Code;}
}// 模型类
public class Color
{public string Code { get; set; }//颜色的取值#FF0000
}
