代码改变世界

一个WPF版面设计引发的血案(1)

2012-05-14 13:37  duzher  阅读(866)  评论(0编辑  收藏  举报

近来,请美工设计了一个我们要开发的软件的效果图,看似简单的设计,做起来却不那么简单。且看页面设计先:

FamilyEditor2

界面是要用WPF做的,实现起来不像WinForm时代那么困难。但是对于我们WPF新手来说,难度着实不小,下面来看看难度点:

1、窗体整体像一个ToolWindows,但是不同之处在于ToolWindows外围有一圈边框且窗体上面的操作栏明显是和下面控件区分开的,这个窗体明显没有边框,且操作栏和下方控件区没有分开;

2、窗体右上角和左下角分别有花纹背景

3、左侧按钮区和右上侧按钮区的背景有发光效果

4、左侧按钮区的字是竖排显示的

5、按钮区的透明效果只作用到背景,按钮并不透明

6、右上侧的查询控件中,查询按钮似乎在TextBox内部

经过小半天的摸索,基本实现了小半功能,如下图所示:

image

后面章节,开始一一讲解一下实现方式。