• [Winodows Phone 7控件详解]绘图控件2


    二.Path:路径控件通过Markup Syntax来绘制一系列的线条或通过Geometries来绘制形状,这个控件是图形控件中最复杂的。

                <Path Height="537" HorizontalAlignment="Left" Margin="12,18,0,0" Name="path1" Stroke="Red" StrokeThickness="10" VerticalAlignment="Top" Width="456" Fill="Green">
    <Path.Data>
    <GeometryGroup FillRule="EvenOdd">
    <EllipseGeometry Center="200,200" RadiusX="100" RadiusY="150"/>
    <RectangleGeometry Rect="50,200,300,200"/>
    </GeometryGroup>
    </Path.Data>
    </Path>

    还可以使用Mini-Language为Data属性赋值,Mini-Language强大。

    <Path  Width="456" Height="566" Data="M 10,40 L 300,180 V 400 H 140 S 400,240 400,800 Z" HorizontalAlignment="Left" Margin="12,20,0,0" Name="path2" Stroke="Red" StrokeThickness="3" VerticalAlignment="Top" />

    Mini-Language:

    移动命令:

      M:绝对起始点

      m:相对前一点的起始点

      如:M 100,200

    直线命令:

      L/l:直线的结束点

      如:L100,200

    水平线命令:

      H/h x坐标

      如:H20

    垂线命令:

      V/v y坐标

      如:V100

    三次贝赛尔曲线命令:

      C/c:控制点坐标、控制点坐标、结束点坐标

      如:C 100,200 200,400 300,200

    二次贝赛尔曲线命令:

      Q/q:控制点坐标、结束点坐标

      如:Q100,200 300,200

    光滑三次贝赛尔曲线命令:

      S/s:控制点坐标、结束点坐标

      如:S 100,200 200,300

    光滑二次贝赛尔曲线命令:

      T/t:控制点、结束点

      如:T 100,200 200,300

    圆弧命令:

      A/a:弧大小(半径值)、弧角、优势弧标记(1大于等于180度,0小于180度)、正负弧标记、结束点

      如:A 5,5 0 0 0 10,10

    闭合命令:

      Z/z:将创建的曲线封闭。

  • 相关阅读:
    web设计经验<一> 提升移动设备响应式设计的8个建议
    web设计经验<九>教你测试手机网页的5大方法
    HTML5吧!少年
    用java页面下载图片
    在springmvc中,获取Connection接口
    360记住用户信息
    360浏览器Uncaught TypeError: object is not a function问题
    validation插件
    上传附件验证方法
    瀑布流布局
  • 原文地址:https://www.cnblogs.com/DebugLZQ/p/2424161.html
Copyright © 2020-2023  润新知