《wpf专题--基于wpf制作登录页面》

开发工具与关键技术:wpf
作者:龙文浩
撰写时间:2019年5月11日

Wpf制作登录页面,是借用的qq的动态图来显示,其他按钮可以根据自己的需求来增加,图片也是根据自己的需求来修改即可:
《wpf专题--基于wpf制作登录页面》
登录页面设置不允许用户缩放:然后就可以在页面*的拖拉控件,不用像html那样去考虑那些浮动栅格等等的布局,我们只需要把控件拖到合适的位置即可:
《wpf专题--基于wpf制作登录页面》
在最外层可以*的选择布局框架,我们这里使用的是网格布局:
里面的控件是比较常用的控件:
《wpf专题--基于wpf制作登录页面》
然后就是登录页面的头部使用的是border来作最外层的标记:
然后在border里面又使用了image标记和TextBlock标记来构成
《wpf专题--基于wpf制作登录页面》
然后就是登录按钮上方的头像,他是使用椭圆的标记Ellipse来装载,所以图片看起来都是圆形的,
本来我使用的是border标记,然后设置它的圆角属性为50%,但是没有Ellipse好用,
然后就是一些其他的属性了:
《wpf专题--基于wpf制作登录页面》
还有按钮的属性,是调用自己封装好的公共类的样式:

《wpf专题--基于wpf制作登录页面》
公共类的样式就是重新定义它的视觉树和一些小动画。