WPF做的金山词霸页面

开发工具与关键技术:VS/C#/WPF
作者:张文静
撰写时间:2019/4/16
基于XAML语言的金山词霸:
WPF做的金山词霸页面
首先用网格布局,定义行和列的数量,以及行高和列宽来调整控件的布局,分别为一行两列,见截图:
WPF做的金山词霸页面
第一列为左侧,十三行零列,分别调整登录、词典、翻译、生词本、背词典、悦读、听力、书城、精品课、1v1课程等布局。写一个Style的样式,x:key唯一值,它的对象类型是Label标记,设置样式的字体大小为12、字体颜色为白色、背景颜色、边框颜色、让内容水平居中,Triggers触发器,当鼠标移到对象时,改变字体颜色的触发,Setter是设置器的意思。StaticResource然后引用资源字典中定义的资源,见截图:
WPF做的金山词霸页面
WPF做的金山词霸页面
WPF做的金山词霸页面
第二列为右侧,分别为八行三列,见截图:
WPF做的金山词霸页面
头部为四行五列,即零行一列布局头部,见截图:
WPF做的金山词霸页面
第二行第一列布局搜索框,见截图:
WPF做的金山词霸页面
右侧第四行第一列布局图片的触发,Template模板,TargetType模板对象为button,然后编写按钮模板,然后绑定模板的宽度和高度,让图片水平居中,触发图片,见截图:
WPF做的金山词霸页面
右侧第六行第一列布局图片下面的文字内容,两行四列,布局每日一句和每日同步更换桌面壁纸的按钮等,见截图:
WPF做的金山词霸页面
WPF做的金山词霸页面
WPF做的金山词霸页面
执行的结果,见头部图片。