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