椭圆

若要绘制椭圆需要用到Ellipse元素,通过指定Ellipse元素的Width和Height属性值来确定椭圆的大小,其中Width指椭圆在X轴的宽度,Height指椭圆在Y轴的高度,若X轴和Y轴的值相等则可绘制一个正圆。椭圆在UI布局中占据的是大小为Width和Height的矩形区域,图形外围的区域不呈现,但仍是该椭圆空间占位的一部分。下面将演示如何绘制一个椭圆图形。

在一个打开的Windows应用商店项目中新建一个空白页,并命名为EllipsePage,双击打开此页面的EllipsePage.xaml文件,在Grid元素中添加如下前台代码。

<Ellipse Width="200" Height="300" Fill="Yellow" StrokeThickness="4" Stroke="Black"/>

上面的代码绘制了一个宽为200像素、高为300像素、填充颜色为黄色、轮廓粗细为4像素、轮廓颜色为黑色的椭圆。运行效果如图8-4所示。

下面看一下使用后台代码如何绘制这个椭圆,代码如下所示:

public EllipsePage()

{

this.InitializeComponent();

//实例化Ellipse的对象

Ellipse ellipse = new Ellipse();

//width属性赋值

ellipse.Width = 200;

//Height属性赋值

ellipse.Height = 300;

ellipse.Fill = new SolidColorBrush(Colors.Yellow);

//通过SolidColorBrush定义此圆的填充色为Black

ellipse.Stroke = new SolidColorBrush(Colors.Black);

//定义轮廓的粗细

ellipse.StrokeThickness = 4;

//把椭圆添加到名字为MyCanvas的控件中

MyCanvas.Children.Add(ellipse);

在上面的代码中,首先实例化了一个Ellipse类型的对象ellipse,通过设置ellipse对象的相应属性以达到定义一个与前台方式实现效果一致的椭圆,最后调用MyCanvas容器对象的Children属性中的Add方法,将这个椭圆加入到页面中显示。

运行此页面,绘制椭圆形状的效果如图8-4所示。

图8-4 椭圆图形

posted on 2017-03-30 21:15  冯瑞涛  阅读(226)  评论(0编辑  收藏  举报