Blend4精选案例图解教程（一）：丰富的形状（Shape）资源

by 银光映画

at 2010-09-04 00:14:00

original http://www.cnblogs.com/YGYH/archive/2010/09/04/1817658.html

作者: 银光映画发表于 2010-09-04 00:14 原文链接阅读: 666 评论: 4

Blend4资源面板中内置了丰富的形状素材，为我们在构建程序时提供极大的方便。系统默认内置18种常用形状，通过其属性设置可以自定义出更多衍生形状，或者通过Direct Selection工具手动绘制，我们可以获得更自由的形状编辑。当然我们还可以登陆 Expression Gallery 下载别人分享的素材（似乎并不多），来扩充形状资源库。

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

1、新建项目

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

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

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

5、选择Selection工具

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

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

把颜色调为红色

去边框

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

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

手绘风格：

效果：

更改Fill属性为渐变效果

效果：

更改外观属性

效果：

如果你愿意，可以做出更多的效果！

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

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing"
    x:Class="ShapesDemo.MainPage"
    Width="640" Height="480">

    <Grid x:Name="LayoutRoot" Background="White">
        <ed:RegularPolygon InnerRadius="0.702" Margin="244,193,296,187" PointCount="20" Stretch="Fill" Stroke="Black" UseLayoutRounding="False" StrokeThickness="0" RenderTransformOrigin="0.5,0.5">
            <ed:RegularPolygon.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFFF0001" Offset="0"/>
                    <GradientStop Color="White" Offset="1"/>
                </RadialGradientBrush>
            </ed:RegularPolygon.Fill>
        </ed:RegularPolygon>
    </Grid>
</UserControl>

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

评论: 4　查看评论　发表评论

程序员找工作，就在博客园

最新新闻：
· Nginx 0.8.50、Wine 1.3.2发布(2010-09-04 18:01)
· VeryCD清除部分版权材料(2010-09-04 17:59)
· 引领未来的Apple TV(2010-09-04 16:57)
· 诺基亚的自我救赎(2010-09-04 16:44)
· 设计Web应用程序时要注意可伸缩性(2010-09-04 16:38)

编辑推荐：一些鲜为人知的编程事实

网站导航：博客园首页个人主页新闻闪存小组博问社区知识库

Google Reader