天天看点

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

      因为形状的用法比较一致,重点是形状的不同属性设置,在此仅举一例来展示形状的常规用法。

1、 新建项目

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

2、 项目文件生成后,在Objects and Timeline面板中选中LayoutRoot

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

3、 然后在资源(Assets)面板中选中Shapes

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

4、 我们可以通过双击或者拖拽的方式添加一个形状,这里我们使用Star来作演示,Star已添加到LayoutRoot中,如图

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

5、 选择Selection工具

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

确认五角星处于被选择状态(如未选择可以通过点击选择)

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

6、 在属性(Properties)面板中,我们可以对形状进行一系列的属性设置,直到符合我们的需要。下面我们对五角星进行简单的修饰。

把颜色调为红色

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

去边框

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

OK,这样一个标准的五角星制作完成

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

7、 通过组合不同的属性设置,我们可以获得更多的效果:

手绘风格:

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

更改Fill属性为渐变效果

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

更改外观属性

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

如果你愿意,可以做出更多的效果!

以上效果我们也可以通过XAML来实现,以下为完整代码:

      在实际项目中,不推荐使用代码的方式来进行大规模的效果设计,Blend的设计功能,VS无可替代;作为程序员将Blend和VS的结合使用才能带来高效的SilverLight应用程序开发。后续章节,将通过实例一步一步展现Blend的强大魅力!

继续阅读