首页 / 软件开发 / .NET编程技术 / Windows 8 Store Apps学习（18） 绘图 Shape, Path, Stroke, Brush

Windows 8 Store Apps学习（18） 绘图 Shape, Path, Stroke, Brush2013-12-04 cnblogs webabcd介绍

重新想象 Windows 8 Store Apps 之 绘图

Shape - 图形

Path - 路径

Stroke - 笔划

Brush - 画笔

示例

1、演示如何绘制图形

Drawing/Shape.xaml

<Pagex:Class="XamlDemo.Drawing.Shape"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="using:XamlDemo.Drawing"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d"><Grid Background="Transparent"><StackPanel Margin="120 0 0 0"><！--绘制图形--><！--画直线--><Line X1="0" Y1="0" X2="300" Y2="100" Stroke="Blue" StrokeThickness="3" /><！--画矩形--><Rectangle Width="200" Height="50" Fill="Red" Stroke="Yellow" StrokeThickness="3" /><！--画折线（即多条连接起来的直线）--><Polyline Points="10,100 50,10 100,100" Stroke="Green" StrokeThickness="3" /><！--画多边形--><Polygon Points="50,50 100,50 300,100 200,100 100,200" Fill="Yellow" Stroke="Red" StrokeThickness="6" /><！--画椭圆--><Ellipse Width="100" Height="50" Fill="Orange" Stroke="Red" StrokeThickness="6" /><！--Stretch - 拉伸方式（Windows.UI.Xaml.Media.Stretch 枚举）Fill - 充满容器，不保留长宽比None - 不做任何处理，如果图片比容器大，则多出的部分被剪裁Uniform - 等比缩放到容器（默认值）UniformToFill - 充满容器，且保留长宽比，多出的部分被剪裁--><Grid Width="200" Height="100" HorizontalAlignment="Left" Background="Black"><Ellipse Fill="Orange" Stroke="Red" StrokeThickness="6" Stretch="UniformToFill" /></Grid></StackPanel></Grid></Page>