zoukankan      html  css  js  c++  java
  • UWP 绘制图形

    UWP图形和wpf变化不多

    一般用到有椭圆、长方形、多边形、线
    不过如果用的好,可以做出很漂亮的界面

    一般使用画图都是使用Shape 类,Shape 类具有一个与其关联的画笔并可以呈现到屏幕,包括 Line、Ellipse、Rectangle、Polygon、Polyline

    画圆

    在uwp没有圆这东西,我们可以用长和宽一样的Ellipse作为圆

    <Ellipse Height="200" Width="200" Fill="Black" />

    如果长和宽不一样,那么就看起来是Ellipse
    如果长和宽不一样,那么就看起来是Ellipse

    矩形

    Rectangle要指定指定 Width、Height 和 Fill

    <Rectangle Height="200" Width="200" Fill="Black"/>

    Rectangle要指定指定 Width、Height 和 Fill

    圆角矩形
    指定RadiusX 和 RadiusY ,RadiusX 和 RadiusY最大可以是宽高一半

    <Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="10" RadiusY="10"/>

    圆角矩形
    我们有一个新的画圆的方法
    RadiusX =Width/2
    RadiusY =Height/2

    <Rectangle Height="200" Width="200" Fill="Black" StrokeThickness="3" RadiusX="100" RadiusY="100" />

    画圆

    如果不要填充,那么使用 Border

    多边形

    Polygon 是通过任意数量的点来定义边的形状。边通过用直线将点一个一个连接起来(第最后一个点与第一个点相连)而创建。Points 属性定义组成边的点集。在 XAML 中,使用逗号分隔的列表定义点。在代码隐藏文件中,使用 PointCollection 定义各个点,并将每个点作为一个 Point 值添加到集合中。

    <Polygon Fill="Black" Points="0,100,200,100,200,0,0,0"/>

    多边形

    线

    设置X1 Y1和X2 Y2,如果不设置X1 Y1,X1 Y1=0
    如果没有设置Stroke,线会不可见

    <Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black"/>

    线
    设置StrokeThickness

    <Line X1="10" Y1="10" X2="100" Y2="100" Stroke="Black" StrokeThickness="10"  Margin="10,10,10,10"/> 

    设置StrokeThickn

    path

    这个是最能做漂亮的动画
    应用可以参照http://www.cnblogs.com/isaboy/p/customprogress.html

    参考:https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/mt280380.aspx

  • 相关阅读:
    《STL源码剖析》 stl_multimap.h [转]
    2007元旦粤北山区:英西峰林走廊,小赵州桥
    东师回忆录 之 二舍被拆记
    学生二三事
    2007元旦粤北山区:乳源大峡谷
    元旦粤北骑游计划
    通过配置php来屏蔽PHP错误
    什么是负载平衡
    ORACLE 日期函数大全
    linux 如何运行sh文件
  • 原文地址:https://www.cnblogs.com/lindexi/p/12087719.html
Copyright © 2011-2022 走看看