“本文适合silverlight界面设计师参考，程序开发人员最好也了解一下”
首先来看一下需要实现的效果
这里我主要使用Grid来布局，把界面分为了三部分，头、左部、右部
之所以使用Grid这个布局控件是因为他能根据当前的浏览器的大小做自适应布局。
如图：
建立项目，在项目中建立一个assets的文件夹，把项目中用到的素材分类放好。
在Grid左部区域加上一点渐变效果。 这里运用了我刚才准备的line01.png这个图片
在Head的底部添加一个矩形Rectangle，居底，按照宽度自适应，删除边框，为其横向填充渐变色。
效果如下：
布局已经确定了，这里再添加一些图片做做美化。
演示地址：
| 作者：Nasa 文章出处：我和未来有约会 (http://nasa.cnblogs.com/) 版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。 |