(WPF应用开发项目教程)2.1WPFUI制作.ppt

* * * * * * * * * * * * * * * * * * 二、知识准备： 3、不规则窗体 实现WPF不规则窗体的几种常用的方法如下： 使用Blend等工具绘制一想要的窗体。 使用Blender制作想要的Path的说明。 给window的Clip属性赋Path值。 使用透明背景的PNG图像。 为Window主容器添加Border 二、知识准备： 3、不规则窗体 （1）使用透明PNG图片制作 制作关键是窗体的三个属性： AllowsTransparency=True —允许透明 Background=Transparent —设置背景透明 WindowStyle=None —去掉边框 二、知识准备： 3、不规则窗体 （1）使用透明PNG图片制作 二、知识准备： 3、不规则窗体 （1）使用透明PNG图片制作 因为不规则窗体没有标题栏，无法正常拖动窗体，所以可以为Gird设置MouseLeftButtonDown路由事件，实现实现窗体的拖动。 二、知识准备： 3、不规则窗体 （2）基于Border的不规则窗体 对于一些要求更简单的不规则窗体来说，不需要透明PNG图，只要任意一张漂亮的图片做背景就可以。这种情况我们选择使用基于Border的不规则窗体制作方法，这种方法只对Border的编写有要求，而对于使用什么图形则没有要求，甚至于不用图形也可以。（三个窗体属性也必须同PNG一样设定） 二、知识准备： 3、不规则窗体 （2）基于Border的不规则窗体 Border 是一个装饰的控件，此控件绘制一个边框、一个背景，在 Border 中只能有一个子控件，但它的子控件是可以包含多个子控件的容器。Border 的几个主要的属性： Background：此WPF Border属性设置 Border 用来绘制背景的 Brush 对象； CornerRadius：此WPF Border属性设置 Border 的每一个角圆的半径，值越大，圆角越大，此属性是一个 CornerRadius 对象，CornerRadius 是一个struct 类型的对象； 二、知识准备： 3、不规则窗体 （2）基于Border的不规则窗体 三、任务分析： 对于登录窗体来说，如果造型不规则，为了达到最佳效果，推荐使用预先定制的透明PNG图片做背景来进行制作。否则使用普通图片，定制border时会较为繁琐才能达到预定效果，而且不便于修改。只有需求很简单的不规则窗体才使用普通图片制作。 1.制作合适的登录PNG背景图片； 三、任务分析： 2.规划登录要素。 对于登录窗体来说，需要处理的信息一般来说包括用户身份类型、用户名、口令。 图书管理系统中所有的用户都在同一张表存储，用户名是主键，即确定了用户身份类型。 因此本任务中只要处理输入的用户名和口令就可以了，所以登录界面需要的有名字控件包括：用户名文本框和口令密码框，登录按钮和退出按钮。同时对于登录和退出按钮为了操作更便捷，还要设置它们分别为缺省按钮（IsDefault=true）和取消按钮（IsCancel=true），即能响应回车和Esc按键。 四、任务实施： 1.新建WPF项目：BookMis 四、任务实施： 2.新增WPF窗体，命名为“frmLogin”，作为用户登录窗口 3.根据登录窗口背景图片，将登录要素分配到图片各个区域，设计效果如下： 四、任务实施： 4.配置窗口XAML Window x:Class=BookMis.frmLogin xmlns=/winfx/2006/xaml/presentation xmlns:x=/winfx/2006/xaml Title=frmLogin1 Height=219 Width=397 AllowsTransparency=True WindowStyle=None Background=Transparent WindowStartupLocation=CenterScreen Icon=Images/key.ico 四、任务实施： 4.配置窗口XAML Grid MouseLeftButtonDown=doMouseLeftButtonDown_Move Grid.ColumnDefinitions ColumnDefinition Width=59*/ ColumnDefinition Width=52*/ … /Grid.ColumnDefinitions Grid.RowDefinitions RowDefinition Height=39*/