WPF入门教程系列.docx
《WPF入门教程系列.docx》由会员分享,可在线阅读,更多相关《WPF入门教程系列.docx(15页珍藏版)》请在冰豆网上搜索。
WPF入门教程系列
WPF入门教程系列
WPF入门教程系列
(一)创建你的第一个WPF项目
WPF基础知识
快速学习绝不是从零学起的,良好的基础是快速入手的关键,下面
先为大家摞列以下自己总结的学习WPF的几点基础知识:
1)C#基础语法知识(或者其他.NET支持的语言):
这个是当然的
了,虽然WPF是XAML配置的,但是总还是要写代码的,相信各
位读者应该也都有这个基础了。
2)HTML语言:
虽然WPF是窗体程序但是由于使用的XAML语言,如
果以前接触过HTML、XHTML、ASP.NET之路的东西的话会,接受
这些标签会很有帮助的,如果以前一直是从事winform开的人
来说可能就要适应一下了。
3)对C#中的代理、事件要做到熟练掌握,在.NET3.0版本后有增
加了RoutedEvents,要想日后不糊涂,这个是基础。
4)有一定的winform或ASP.NET经验,主要是对控件事件的处理
要有写了解。
5)拥有良好的面向对象的思想:
思想是语言的升华(本人的OO思
想完全是Java中领悟来的)。
在WPF中,经常要灵活运用各种
继承关系、多态、重载等,因此一定要把基础知识打牢固。
6)DataBinding要有所了解:
Binding是WPF的一大亮点,在接触
它以前如果接触国ADO.NET里面的DataBinding的话对相对起
来会容易接受一点,虽然这两个有一定的不同。
7)对设计模式要有一定的了解:
当然是越深入越好了,在实际项
目中,各种设计模式经常交融使用。
快速的识别并合理的运用,无论是在开发还是调试时都是非常
高效的。
另外,WPF存在的初衷即是表现与逻辑的松耦合,最普
遍的情况就是XAML作为表现层,背后.cs文件作为逻辑层。
因
此,日后在从事项目工作时,要时刻谨记这一点,千万不可背道
而驰。
不要为了凸显自己的某一些代码特长而将各种逻辑混写在一起,
这样非常不实际的,这一点都在校生应该尤为重要。
8)对XML的理解:
XAML也是XML,对XML的理解绝对有助于快速
的接受和使用XAML,并不需要多XML有多么高深的见解。
但是最好还是有空看一看XML相关的书籍
/TR/2000/WD-xml-2e-20000814。
无论是WPF、WCP以及底层一些
的SOAP等都是很有帮助的。
WPF入手练习基础环境
开发环境:
VS2008
数据库:
本机SQLServer2005(这里给大家一个提醒,如果大家的机子是WindowsXP的话,无论是home或是professional.
一定不要安装SQLServer2005EnterpriseEdition,在《安装SQLServer2005的硬件和软件要求》中“操作系统要求”列表有写到2005EnterpriseEdition不支持XP),建议安装DeveloperEdition,一定要安装数据库实例。
WPF练习内容
具备以上基础条件后,开始入手练习,大家不要抱怨入手练习有写难度,毕竟是快速入门要有一定的跳跃性:
我们要做一个WPF程序,功能很简单:
1)从数据库(本地数据库(local)/AdventureWorks中的person.contact
表中提取用户的ContactID,FirstName,LastName,EmailAddress数据,展示
到Form上的一个ListView上。
(由于是WPF练习,对于ADO.NET
相关的东西在此不做介绍,知识使用而已)
2)当鼠标或其他设备选中结果某一项记录时,在List框下面展示
出细节。
3)修改其中的内容后,结果联动更新到List框及数据库中。
想象以下这样一个东西如果在以前使用winform实现会是什么样子呢,
应该会写不少的方法、属性用于界面之间及界面与数据库之间的联动。
今天这个练习就先展示以下WPF的技术亮点之一:
DataBinding。
在制作过程中,还会为大家不断接受一些控件、布局等相关知识和技巧,部分相关的知识内容与此练习关系不大的,我将会用浅灰色字体带过,对于熟悉这部分内容的读者可以直接跳过。
建立一个WPF项目
打开VS2008新建一个WPF应用程序
WPF界面布局
首先会看到一个靓丽的小方框,将鼠标放在方框的边缘点击就会产生相应的分割线。
现在我们要做的内容需要将窗体分成三行,可以先随便分割一下,以后在调整相互的大小。
这时候会注意到下方的XML代码区域。
每个RowDefinition作为一个行被定义出来
这里先给大家接受以下高度、宽度的几种定义方式(写过HTML的人可以跳过去了):
绝对尺寸(Absolutsizing):
就是给一个实际的数字,像现在例子中那样
自动(Autosizing):
值为Auto,实际作用就是取实际控件所需的最小值(SettingHeightorWidthtoAuto,whichgiveschildelem
entsthespacethattheyneedandnomore)。
Proportionalsizing(也可以称之为starsizing因为有个*号表示):
值为*或N*,实际作用就是取尽可能大的值,当某一列或行被定义为*则是尽可能大,当出现多列或行被定义为*则是代表几者之间按比例方设置尺寸。
下面我们来将上面的知识应用以下看看。
将这三行的值设置为如下数值,结果会是如何:
第0行设为*用来放置ListView,这样会在实际运行过程中尽可能的充满整个区域
第1行设为Auto尽量紧凑配列,少占用空间(如果里面没有东西的话,他会小到0,这是你会看不到它)
第2行设为22固定值,只是用来放一个Button使用
对于初学者往往会习惯直接使用控件拖拽的形式来将需要的内容添加到窗体上。
会使控件在一定的坐标上固定位置,这是一种不推荐的做法,在此给大家讲解以下WPF中的布局观(LayoutPhilosophy):
在WPF窗体中,一个窗体只能持有一个控件,当多个控件想要在窗体中展现时,就需要首先设置一个容器控件(Container)
然后将其他控件放到这个控件里面,形成树状结构.
因此,布局观第一条就是,控件的布局应该有容器来决定,而不是通过自身使用margin之类的东西来控制位置。
因为这些属性原本应该是控制自己内部展现或与邻里之间关系的;
第二条,控件应避免明确的定义具体的尺寸,因为显示器分辨率及windows窗体的大小都有可能随时改变,如果明确的定义尺寸。
当窗体变动后就会出现大面积的空白或是缺失。
但为了控件功能及效果的展示,应该限定一个可接受的最大及最小尺寸。
通过MinWidth,MinHeight,MaxWidth,MaxHeight属性可以实现这一点。
第三条,不要将界面元素位置设置成与屏幕坐标相关.
现在显示器分辨率比较多样话(800×600、1024×768,我的显示器是一台是1400×1050,还有一个是1024×1280竖式的),这样的做法还是比较有风险的。
第四条,容器应将有效空间共享给其子控件,这也是为了不在窗体调整后,遗留出大块的空余。
第五条,容器嵌套使用,因为不同的容器,表现效果不同,必要时应结合使用。
接下来在工具箱(ToolBox)中双击ListView,一个小框会出现在界面上。
接下来在工具箱(ToolBox)中双击WrapPanel,又一个大框会出现在界面上。
再增加一个Button。
这是你会感觉到界面有点乱了,刚才我们在顶层Grid上面画线到底起什么作用了(到目前位置还没有),让我们来调整一下下面的XAML语句,最终结果如下:
Name="gridView1">
lick"Name="button1">Refresh
这里有几点又需要解释以下了:
1)介绍以下容器控件Panel,现在界面中有两个容器型的控件
一个是Grid跟元素,另一个是WrapPanel。
它们都是容器型控
件,不过表现上有所不同。
Grid顾名思义“网格”,在之前我们已经定义了三行高度分辨
是*,Auto,22,其实还可以功过ColumnDefinition定义多个列,
他的子控件被放在一个一个实现定义好的小格子里面,整齐配列。
而WrapPanel则是将各个控件按照行或列的顺序摞列,当长度
或高度不够是就会自动调整换例或行。
还有一个常用控件这里稍后会用到StackPanel,将控件按照行
或列来顺序排列不会回行。
2)大家应该注意到了在WrapPanel及Button上面的Grid.Row=
"n",这个就是AttachedProperties(不知道怎么翻译了,可
能叫‘附着属性’).
用来设置WrapPanel及Button应该在父容器的什么位置。
这是
WPF的特性之一,通俗的理解起来就是,别人有的属性,由于你
跟他产生了关系所以你也有了这个属于他的属性。
记得FantasiaX‘水之真谛’曾经给我通俗的解释过这个特性,这
里照搬出来分享给大家:
一个小学生,身高、体重是他的自身属
性,而这个小学生由于是N年级的X班的学生.
因此,这个小学生又带有了一个附加的属性,N年级X班。
在这
个例子里如果学校作为一个Grid容器,N年级X班可以看作一
个小格子,小学生是其中的一个实例,那么,小学生因为安置在
这个班级.
因此获得了这个班级所拥有的这个属性,当学期末,老师说,这个
学生已经升到N+1年级X班时,这个学生以后就跑到另一个小格
子里去上课了。
AttachedProperties的XAML用法就是在自己的属性设置地方
直接使用容器的类型名称.容器属性名称(Grid.Row)设置对应
的值。
3)大家应该注意到类似与ListView.View及Grid.RowDefinit