线形
线形没有内部空间,若要呈现一条直线,需要用Line对象的Stroke和StrokeThickness 属性分别为其轮廓的颜色及轮廓的粗细赋值,若不设置这两个属性,线形将不会呈现。绘制一条线形图形应为代表两个点坐标的属性(X1,Y1)和(X2,Y2)赋值,默认这四项属性的值均为0,点(X1,Y1)代表线的起点,点(X2,Y2)代表线的终点。下面将演示如何绘制一条线形。
在一个打开的Windows应用商店项目中新建一个空白页,并命名为LinePage,双击打开此页面的LinePage.xaml文件,在Grid元素中添加如下代码。
<Line X2="200" Y2="200" Stroke="Red" StrokeThickness ="3"/>
上面的代码使用Line元素绘制了一条颜色为红色、轮廓粗细为3像素的线,并且起点为(0,0)、终点为(200,200),这里并没有定义起点而是使用了默认值。
使用后台代码可以绘制同样的线段,并将线段添加到前台界面的容器控件中。下面的示例为LinePage.xaml文件中的Grid元素命名为MyCanvas,以便在后台代码中通过该名称来引用这个Grid实例。代码如下所示:
<Grid Name="MyCanvas" Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
</Grid>
绘制线的后台代码如下所示:
public LinePage()
{
this.InitializeComponent();
//初始化line的对象
Line line = new Line();
//终点X轴坐标
line.X2 = 200;
//终点Y轴坐标
line.Y2 = 200;
//用画刷对象赋值颜色
line.Stroke = new SolidColorBrush(Colors.Red);
//设置轮廓的粗细
line.StrokeThickness=3;
//将绘制的线形添加到名字为MyCanvas控件中
MyCanvas.Children.Add(line);
}
上面的代码,通过在构造函数中使用Line类型的line对象绘制一个与使用前台方式实现效果相同的线形,并添加到名为MyCanvas的控件中。Line类型定义在 Windows.UI.Xaml.Shapes命名空间中,在为line对象的Stroke属性赋值时,用到了Colors类,这个类由Windows.UI命名空间提供支持。
运行此页面,显示效果如图8-1所示。
图8-1 线形运行效果图