WPF 杂谈——自定义控件

如果只是使用现有的WPF控件的话,是很难满足当前社会多复杂的业务。所以用户自己订制一系列控件也是一种不可避免的情势。WPF在控制方面分为俩种:用户控件和自定义控件。相信看过前面章节的就明白他们俩者之间的差别。理解用户控件并不难——把现有的控件组合在一起形成的控件。而在笔者看来自定义控件才是WPF最吸引人的地方。

关于用户控件的话,往往就是一个xaml文件,也可以是一个DLL文件。但是自定义控件往往都是一个DLL文件。引用这个DLL文件时候,应用会去加载dll文件里面的Theme文件夹下的Generic.xaml文件,从而宣染自定义控件。在Generic.xaml文件里面存放了若干个自定义控件的xaml文件。如下。

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:controls="clr-namespace:FirstFloor.ModernUI.Windows.Controls"
                    xmlns:shell="http://schemas.microsoft.com/winfx/2006/xaml/presentation/shell">

    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/BBCodeBlock.xaml" />
        <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/ModernButton.xaml" />
        <ResourceDictionary Source="/FirstFloor.ModernUI;component/Themes/ModernDialog.xaml" />
    </ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

上面是不是有一点类似于App.xaml的内容。当我们引用这个自定义控件DLL文件的时候,就会去加载当前Theme文件夹/Generic.xaml文件。这里有一点要小心——一定要在自定义控件类的构造函数里面指定相关的Style类型。如下。

        public ModernButton()
        {
            this.DefaultStyleKey = typeof(ModernButton);
        }

假设我们编写完若干个自定义控件。那么为了方便引用这些控件。往往我们用到引路径的功能。如下

  xmlns:mui="http://firstfloorsoftware.com/ModernUI"

设置好了引用的路径。页面上就可以如下方式进行使用。

  <mui:ModernButton Content="modern button" IconData="{StaticResource HomeIconData}" Margin="0,0,0,8" />

如果我们不使用引用路径的话,在使用自定义控件的时候,就必须把相关命名空间一并引用进来。类似下面

 xmlns:app="clr-namespace:FirstFloor.ModernUI.App"

那么,如果控件存在不同的命名空间又如何呢?不好意思,请把所有相关的命名空间全部都引进来吧。但是引用路径则不用。为什么呢?看下面就知道了。

[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Presentation")]
[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows")]
[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Controls")]
[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Converters")]
[assembly: XmlnsDefinition("http://firstfloorsoftware.com/ModernUI", "FirstFloor.ModernUI.Windows.Navigation")]
[assembly: XmlnsPrefix("http://firstfloorsoftware.com/ModernUI", "mui")]

这一个部分的代码是在Modern UI for WPF开源项目的FirstFloor.ModernUI项目的AssemblyInfo.cs文件里面。FirstFloor.ModernUI项目就是一个自定义控件的项目。上面的引用路径可以说是一对多的关系。不用笔者讲解了吧。

记得上一章节中讲到每一个用户控件都会实现于FrameworkElement类。在FrameworkElement类中有一个属性叫Template。他是自定义控件的核内点。从字面意义来讲就是模板的意思。笔者是这样子理解的。自定义控件事实上就是控件的显示模板在重新用自己的意思画了一片。如下是笔者在新建自定义控件时候,VS帮忙生成的。笔者略做修改一下。笔者加了一个TextBox。Text为AomiCustomTextBox。

<Style TargetType="{x:Type local:CustomControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:CustomControl}">
                    <Border Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}">
                        <TextBox Text="AomiCustomTextBox"></TextBox>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
 </Style>

显示结果:

那么,如果Template(ControlTemplate)是用于自定义控件。里面有一个跟他类似的DataTemplate又是用于做什么呢?事实上在开发WPF的时候,我们也会常常用到他们。如果不搞清楚他们之间的作用差别的话,有时候会误事。MSDN上面是这样子定义的。ControlTemplate是用于定置一个控件可视化结构和行为方面。这里要注意的是一个控件。而DataTemplate是定置一个业务对象的可以视化结构。即是面向对象不同。是事实在开发过程有时候也会有这样子的感觉,ControlTemplate一般都是用TemplateBinding来邦定数据,而DataTemplate用的是标准的binding。什么意思呢?也就是说ControlTemplate一般会去找控件自身的依赖属性。而是DataTemplate则是去找DataContext。

那么俩者可不可以同时使用呢?答案是肯定可以的。这个时候就要小心了。往往会出现一些互相影响的事情。但是一定要认清楚一点:ControlTemplate是不管业务数量的展示。他只管控件布局结构。DataTemplate反之。

引用定义控件离不开Theme文件夹下的Generic.xaml文件。那么这里笔者有一个疑问——App.xaml上面的引用和Generic.xaml文件里面的引用又有什么区别呢?WPF所有控件都有一个黙认的样式。这个样式往往是通过控件的DefaultStyleKey依赖属性来确定的。而默认的样式文件名往往会根据当前操作系统的不同而不同。如下

1.Generic.xaml:如果下面的黙认样式都没有情况下会被引用。笔者喜欢叫标准样式。

2.Luna.Xxx.xaml:在XP系统下引用的黙认样式。如:Luna.Homestead.xaml、Luna.Metallic.xaml

3.Aero.Xxx.xaml:在Vista下引用的黙认样式。如:Aero.NormalColor.xaml

所以笔者也很难区分App.xaml和Generic.xaml上面的差别。因为俩者太像了。笔者略微的做了一个实验看一下是App.xaml和Generic.xaml谁先执行。结果是Generic.xaml。所以如果你在App.xaml里面定义一个样式,想在Generic.xaml里面StaticResource引用会报错的。具体的话,笔者觉得各位可以去试一下。值得注意的:往往App.xaml引用的资源文件都是标准控件(颜色,WPF本身的控件)的样式。而Generic.xaml一般用于自定义控件的资源文件。

时间: 2024-10-16 10:48:58

WPF 杂谈——自定义控件的相关文章

WPF 杂谈——开篇简言

这俩年多来笔者一直在从事关于WPF的开发.虽然不能说是专家级别的.但是对于WPF的应用还是有一定的了解.论他的灵活性决对不在WinForm之下.WPF的出现更是引发一段热议.他的何去何从更是让很多人感到迷茫.因为那个时候可以说只有Winow 7才能跟WPF完美的接合.可惜他出不逢时,XP占了大部分的市场.所以WPF的出生动静很大,可惜后力不足,渐渐的淡淡化他的光芒.于至于网络上更是有对WPF的死亡产生了很大的争议.但是这并没有让他沉默下去,这几年来window 8和window 10的推广更是让

在WPF中自定义控件

一, 不一定需要自定义控件在使用WPF以前,动辄使用自定义控件几乎成了惯性思维,比如需要一个带图片的按钮,但在WPF中此类任务却不需要如此大费周章,因为控件可以嵌套使用以及可以为控件外观打造一套新的样式就可以了.是否需要我们来自定义控件,这需要你考虑目前已有控件的真正逻辑功能而不要局限于外观,如果目前的控件都不能直觉地表达你的想法,那么你可以自己来打造一个控件,否则,也许我们仅仅改变一下目前控件的模板等就可以完成任务.很多人在自定义控件上经常犯的错误是:重复撰写已有的逻辑 二,UserContr

WPF 杂谈——资源文件

编写一个应用难免要用到WPF本身的控件.不管是WinForm还是网页都会有自己的控件.只是在写法和用法上有所不同而以.而控件命名却离不开那几个单词.所以不用担心判断不出来哪个是按扭,哪个是文本框.举个例子吧. HTML <input type="button" value="扭按" /> WinForm private System.Windows.Forms.Button button1; WPF <Button Content="按扭

WPF 杂谈——Trigger触发器

笔者在使用的WPF过程中,见过的触发器有三种:Trigger.DataTrigger.EventTrigger.其中最为常用的要属Trigger.至于触发器的作用就是当某个属性的值发生变化,应该去做某事.当然这是笔者自身的理解.比较简单.那么这三者之间有什么不同呢?这便是这章要讨论的目地.WPF的Style笔者喜欢把他看作CSS的样式.那么Trigger触发器你们可以理解为CSS样式中类似于:hover 伪类.这样子笔者做一个列子吧.如下,当鼠标移动在文本上面的,前景色变成为红色. <Grid>

wpf 中自定义控件及其使用

主要有3个步骤: 1. 首先创建一个自定义的控件,该控件继承 TextBox namespace EzIntePark.Presentation.Common { /// <summary> /// 数字框,继承文本框,仅限数字输入,扩展 Value(decimal) /// </summary> public class ExNumericBox:TextBox { #region Dependency properties public int Digits { get { r

关于WPF自定义控件(导航)

1.在WPF中自定义控件(1)概述 2.在WPF中自定义控件(2) UserControl 3.在WPF中自定义控件(3) CustomControl (上) 4.在WPF中自定义控件(3) CustomControl (下) 关于WPF自定义控件(导航),布布扣,bubuko.com

C# WinForm中使用WPF的控件

步骤1:创建WinForm工程 步骤2:在刚刚创建的WinForm工程中新建或者添加现有的WPF用户自定义控件 <UserControl x:Class="wndFormTest.ComBoBoxButton" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml&q

WPF基础到企业应用系列6——布局全接触

一. 摘要 首先很高兴这个系列能得到大家的关注和支持,这段时间一直在研究Windows Azure,所以暂缓了更新,同时也本着想把它写好.宁缺毋滥的精神,在速度上自然也就慢了下来,这篇文章拖拖拉拉也经历了十多天才发布出来(每天写一点),不过请大家放心,这个系列一定会继续写下去.由于自己才疏学浅且是对这些技术的使用总结和心得体会,错误之处在所难免,怀着技术交流的心态,在这里发表出来,所以希望大家能够多多指点,这样在使一部分人受益的同时也能纠正我的错误观点,以便和各位共同提高. 这篇文章主要是对WP

在WPF中减少逻辑与UI元素的耦合

原文:在WPF中减少逻辑与UI元素的耦合             在WPF中减少逻辑与UI元素的耦合 周银辉 1,    避免在逻辑中引用界面元素,别把后台数据强加给UI  一个糟糕的案例 比如说主界面上有一个显示当前任务状态的标签label_TaskState,我们会时常更新该标签以便及时地将任务状态通知用户.那么很糟糕的一种假设是我们的代码中会到处充斥着这样的语句段this.label_TaskState .Content = this.GetStateDescription(TaskSta