Win10系列：C#应用控件进阶3

椭圆

若要绘制椭圆需要用到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 椭圆图形