开发学院图形图像Flash 学Silverlight 2系列(26):基本图形 阅读

学Silverlight 2系列(26):基本图形

 2008-10-03 11:38:37 来源:WEB开发网   
核心提示:概述Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,学Silverlight 2系列(26):基本图形,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及

概述

Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。

本文将简单介绍Silverlight中的基本图形,主要有Line、Ellipse、Rectangle、Path、Polygon、Polyline六种,它们之间的继承关系如下所示:

学Silverlight 2系列(26):基本图形

在Silverlight中,所有的图形几乎都具有如下几个重要的属性:

Stroke:对边框线填充

StrokeThickness:边框线的宽度

Fill:对图形进行填充

Line

Line顾名思义,在两点之间画出一条直线,需要指定起始点(X1、Y1)和终结点(X2、Y2)的坐标。如下面的例子:

<Canvas Background="#CDFCAE">
  <Line Canvas.Top="20" Canvas.Left="20"
     X1="20" Y1="20" X2="400" Y2="20"
     Stroke="#FF9900" StrokeThickness="4">
  </Line>
  
  <Line Canvas.Top="40" Canvas.Left="20"
     X1="20" Y1="40" X2="200" Y2="180"
     Stroke="#0099FF" StrokeThickness="5">
  </Line>
  
  <Line Canvas.Top="20" Canvas.Left="240"
     X1="220" Y1="20" X2="220" Y2="200"
     StrokeThickness="6">
    <Line.Stroke>
      <LinearGradientBrush StartPoint="0,0">
        <GradientStop Color="#FFFFFF" Offset="0.0" />
        <GradientStop Color="#307801" Offset="1.0" />
      </LinearGradientBrush>
    </Line.Stroke>
  </Line>
</Canvas>

运行后如下所示,分别画出三条直线:

1 2 3 4  下一页

Tags:Silverlight 系列 基本

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接