XAML绘图

最新推荐文章于 2023-10-17 14:30:21 发布

宇宙一丝一毫

最新推荐文章于 2023-10-17 14:30:21 发布

阅读量317

点赞数

CC 4.0 BY-SA版权

文章标签： XAML

本文链接：https://blog.youkuaiyun.com/weixin_44565959/article/details/90270684

本文深入探讨了使用XAML进行图形绘制的技术，包括基本元素、形状绘制、布局管理和动画效果。通过实例解析，展示了如何利用XAML的强大功能创建丰富的用户界面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<Line X1="240" Y1="150" X2="70" Y2="150"
      StrokeThickness="30"
      StrokeStartLineCap="Flat"
      StrokeEndLineCap="Triangle">
    <Line.Stroke>
        <RadialGradientBrush>
            <GradientStop Color="#FFFF7979"/>
            <GradientStop Color="#FFFFBEFD" Offset="1"/>
            <GradientStop Color="#FFEE9393" Offset="0.76"/>
            <GradientStop Color="#FFF76666" Offset="0.516"/>
            <GradientStop Color="#FFFFF8C9" Offset="0.269"/>
        </RadialGradientBrush>
    </Line.Stroke>
</Line>

在这里插入图片描述

<!--矩形-->
<Rectangle Width="100" Height="100"
           Stroke="#FFFFBDBD" StrokeThickness="3"
           Margin="1,1,0,2">
    <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FFAEDD3B" Offset="0"/>
            <GradientStop Color="#FF61F4D7" Offset="1"/>
            <GradientStop Color="#FF91F677" Offset="0.343"/>
            <GradientStop Color="#FF74F496" Offset="0.676"/>
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

在这里插入图片描述

<!--绘制圆角矩形-->
<Rectangle Width="100" Height="100"
    Stroke="Red" StrokeThickness="3" RadiusX="30" RadiusY="100">
    <Rectangle.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="Black" Offset="0"/>
            <GradientStop Color="White" Offset="1"/>
        </LinearGradientBrush>
    </Rectangle.Fill>
</Rectangle>

在这里插入图片描述

<!--椭圆-->
<Ellipse Fill="YellowGreen" Height="100" Width="170"
         StrokeThickness="3" Stroke="RosyBrown"></Ellipse>

在这里插入图片描述

<Polygon Points="50,60 170,195 190,35 110,13 50,60"
         Stroke="Purple" StrokeThickness="3">
    <Polygon.Fill>
        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF910097" Offset="0"/>
            <GradientStop Color="#FFF60000" Offset="1"/>
            <GradientStop Color="#FFFF00E5" Offset="0.295"/>
            <GradientStop Color="#FEFF005C" Offset="0.619"/>
        </LinearGradientBrush>
    </Polygon.Fill>
</Polygon>

在这里插入图片描述