WPF基础知识系例

最新推荐文章于 2024-07-19 09:20:44 发布
最新推荐文章于 2024-07-19 09:20:44 发布
阅读量1.7k 收藏 6
点赞数 2
分类专栏： WPF 文章标签： wpf 绘图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_21419015/article/details/128010704
版权

WPF系列-绘图和动画

1、WPF绘图

这里将从静态图像绘制入手，进而学习动画效果制作。WPF 拥有自己的一套图形 API ，使用这套 API 不但可以轻松地绘制出精美的图形，还可以方便地对图形进行滤镜、变形等效果。WPF 绘制出的图形为矢量图，图片放大或缩小不会出现锯齿现象。引用别人 WPF 绘制的图像，直接把 XAML 代码拿来用即可。
WPF 的基本图形包括以下几个（均为 Shape 类的派生类）：

  • Line: 直线段，可以设置笔触（Stroke）。
  • Rectangle: 矩形，既有笔触，还可以填充背景色（Fill）。
  • Ellipse: 椭圆，长宽相等的则为圆，既有笔触又有填充。
  • Polygon: 多边形，有多条直线段围成的闭合区域，既有笔触又有填充。
  • Polyline: （不闭合）折线，由多条首位相接的直线段组成。
  • Path: （闭合区域）路径，基本图像中功能最强大的，可以有若干直线、圆弧、贝塞尔曲线组成。

1.1 直线

直线是最简单的图形，由起点（X1,Y1）和终点（X2,Y2）两个点坐标构成，通过设置 X1 和 Y1 的属性值，可以设置直线的起点，通过设置 X2 和 Y2 的属性值，可以设置直线的终点坐标，控制不同直线的起点和终点坐标，可以实现直线的平行、交错等效果。Stroke（笔触）属性的数据类型就是 Brush (画刷) ，凡是 Brush 的派生类均可以给该属性赋值，当然使用渐变色画刷还可以画出渐变效果的直线，Line 的部分属性设置还可以将直线变成虚线（StrokeDashArray）或者控制线段起点（StrokeStartLineCap）终点（StrokeEndLineCap）形状。下面我们看下这些属性实现的效果。

<Window x:Class="LSCX_WPFSerial._12.LineUI"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LSCX_WPFSerial._12"
        mc:Ignorable="d"
        Title="LineUI" Height="260" Width="280">
    <Grid>
        <Line X1="20" Y1="20" X2="260" Y2="20" Stroke="Black" StrokeThickness="10"/>
        <Line X1="20" Y1="40" X2="260" Y2="40" Stroke="Red" StrokeThickness="8"/>
        <Line X1="20" Y1="60" X2="260" Y2="60" Stroke="Bisque" StrokeThickness="6"/>
        <Line X1="20" Y1="80" X2="260" Y2="80" Stroke="Aqua" StrokeThickness="4"/>
        <Line X1="20" Y1="100" X2="260" Y2="100" Stroke="Purple" StrokeThickness="2"/>
        <Line X1="20" Y1="120" X2="260" Y2="120" Stroke="Red" StrokeDashArray="3" StrokeThickness="1"/>
        <Line X1="20" Y1="140" X2="260" Y2="140" Stroke="Red" StrokeDashArray="5" StrokeThickness="1"/>
        <Line X1="20" Y1="180" X2="260" Y2="180" Stroke="Coral" StrokeEndLineCap="Triangle" StrokeThickness="8"/>
        <Line X1="20" Y1="200" X2="260" Y2="200" Stroke="Coral" StrokeEndLineCap="Round" StrokeThickness="8"/>
        <Line X1="20" Y1="220" X2="260" Y2="220" StrokeEndLineCap="Round" StrokeThickness="8">
            <Line.Stroke>
                <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">
                    <GradientStop Color="Red" Offset="0"/>
                    <GradientStop Offset="1" />
                </LinearGradientBrush>
            </Line.Stroke>
        </Line>
        <Line X1="20" Y1="240" X2="260" Y2="240" StrokeEndLineCap="Round" StrokeThickness="8">
            <Line.Stroke>
                <LinearGradientBrush EndPoint="0,0.5" StartPoint="1,0.5">
                    <GradientStop Color="Red" Offset="0"/>
                    <GradientStop Color="Purple" Offset="1" />
                </LinearGradientBrush>
            </Line.Stroke>
        </Line>
    </Grid>
</Window>

实现效果如下所示：
在这里插入图片描述这里我们使用绘图的容器是 Grid ,常用的布局容器主要是 Canvas 和 Grid 。

1.2 矩形

矩形由笔触（Stroke）即边线 和填充（ Fill ) 构成。 Stroke 属性的设置与 Line —样，Fill 属性的数据类型是 Brush。 Brush 是个抽象类， 所以不可直接使用 Brush 类的实例为 Fill 属性陚值，必须使用 Brush 派生类的实例进行陚值。 WPF 的绘图系统包含非常丰富的 Brush 类型， 常用的有：
SolidColorBrush： 实心画刷。 在 XAML 中可以使用颜色名称字符串（ 如 Red、 Blue) 直接赋值。
LinearGradientBrush： 线性渐变画刷。 色彩沿设定的直线方向、 按设定的变化点进行渐变。
RadialGradientBrush： 径向渐变画刷。 色彩沿半径的方向、 按设定的变化点进行渐变， 形成圆形填充。
ImageBrush： 使用图片（ Image) 作为填充内容。
DrawingBrush： 使用矢量图（ Vector ) 和位图（ Bitmap) 作为填充内容。
VisualBrush: WPF 中 的 每 个 控 件 都 是 由 FrameworkElement 类 派 生 来 的 ， 而FrameworkElement 又是由 Visual 类派牛.来的。 Visual 意为“ 可视” 之意， 每个控件的可视化形象就可以通过 Visual 类的方法获得。 获得这个可视化的形象后， 我们可以用这个形象进行填充。下面我们来使用这些属性画一些矩形，并使用不同的填充。

<Window x:Class="LSCX_WPFSerial._12.Rectangle"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LSCX_WPFSerial._12"
        mc:Ignorable="d"
        Title="Rectangle" Height="450" Width="800">
    <Grid Margin="10">
        <Grid.RowDefinitions>
            <RowDefinition Height="160"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="160"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="180"/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition Width="180"/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition Width="180"/>
        </Grid.ColumnDefinitions>
        <!--纯色填充-->
        <Rectangle Stroke="Red" Fill="LightBlue"/>
        <!--线性渐变色填充-->
        <Rectangle Grid.Column="2" Grid.Row="0">
            <Rectangle.Fill>
                <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                    <GradientStop Color="#ffbf7f" Offset="0"/>
                    <GradientStop Color="#ffcc99" Offset="0.25"/>
                    <GradientStop Color="#ffdbb7" Offset="0.5"/>
                    <GradientStop Color="#ffead6" Offset="1"/>
                </LinearGradientBrush>
                    
            </Rectangle.Fill>
        </Rectangle>
        <!--径向渐变色填充-->
        <Rectangle Grid.Column="4" Grid.Row="0">
            <Rectangle.Fill>
                <!--默认填充的起点坐标 0，0 终点坐标 1，1 所以可以直接省略 StartPoint="0,0" EndPoint="1,1"-->
                <RadialGradientBrush>
                    <GradientStop Color="#ffbf7f" Offset="0"/>
                    <GradientStop Color="#ffcc99" Offset="0.25"/>
                    <GradientStop Color="#ffdbb7" Offset="0.5"/>
                    <GradientStop Color="#ffead6" Offset="1"/>
                </RadialGradientBrush>

            </Rectangle.Fill>
        </Rectangle>

        <!--图片填充-->
        <Rectangle Grid.Column="0" Grid.Row="2">
            <Rectangle.Fill>
                <ImageBrush ImageSource="/Images/黑.jpg" TileMode="Tile" Stretch="Uniform"/>
            </Rectangle.Fill>
        </Rectangle>

        <!--矢量图填充-->
        <Rectangle Grid.Column="2" Grid.Row="2">
            <Rectangle.Fill>
                <DrawingBrush Viewport="0,0,0.2,0.2" TileMode="Tile">
                    <DrawingBrush.Drawing>
                        <GeometryDrawing Brush="LightBlue">
                            <GeometryDrawing.Geometry>
                                <EllipseGeometry RadiusX="15" RadiusY="15"/>
                            </GeometryDrawing.Geometry>
                        </GeometryDrawing>
                    </DrawingBrush.Drawing>
                </DrawingBrush>
            </Rectangle.Fill>
        </Rectangle>
        
        <!--线性渐变填充边线-->
        <Rectangle Grid.Column="4" Grid.Row="2" StrokeThickness="10">
            <Rectangle.Stroke>
                <LinearGradientBrush>
                    <GradientStop Color="#ffbf7f" Offset="0.3"/>
                    <GradientStop Color="#ffead6" Offset="1"/>
                </LinearGradientBrush>

            </Rectangle.Stroke>
        </Rectangle>
    </Grid>
</Window>

效果如下所示：
在这里插入图片描述接下来，我们看一下使用 VisualBrush 的例子，这里我们用 Button 作为目标控件为案例实现。 XAML 代码如下：

 <!--VisualBrush按钮实例-->
        <StackPanel x:Name="stackpanelTop" Background="White" Grid.Column="4">
            <Button x:Name="btn_Top" Content="确定" Height="40"/>
        </StackPanel>
        <Button Content="向下复制按钮" Grid.Column="4" Grid.Row="1"  Click="CloneVisual"/>
        <StackPanel x:Name="stackpanelBottom" Grid.Row="2" Grid.Column="4" Orientation="Vertical" Background="White"/>

实现后效果如下：
请添加图片描述

1.3 椭圆

椭圆作为一种常见的图像，使用方法与矩形基本一致，只是图像形状上的差别，下面以绘制一个球体为例子，球体轮廓是圆形的，让椭圆变成圆的方式是 width=Height，球体的阴影效果我们使用径向渐变实现。XAML 代码如下：

<Window x:Class="LSCX_WPFSerial._12.EllipseUI"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LSCX_WPFSerial._12"
        mc:Ignorable="d"
        Title="EllipseUI" Height="450" Width="800">
    <Grid>
        <Ellipse Stroke="Gray" Width="200" Height="200" Cursor="Hand" ToolTip="Ball">
            <Ellipse.Fill>
                <RadialGradientBrush GradientOrigin="0.2,0.8" RadiusX="0.75" RadiusY="0.75">
                    <RadialGradientBrush.RelativeTransform>
                        <TransformGroup>
                            <RotateTransform Angle="90" CenterX="0.5" CenterY="0.5"/>
                        </TransformGroup>
                    </RadialGradientBrush.RelativeTransform>
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="0.66"/>
                    <GradientStop Color="#FF999999" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Grid>
</Window>

显示效果如下：
在这里插入图片描述
我们来分析下这个元的实现过程，我们先只是用径向填充看一下效果

 <Ellipse Stroke="Gray" Width="140" Height="140" Cursor="Hand" ToolTip="Ball">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF444444" Offset="0.66"/>
                    <GradientStop Color="#FF999999" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>

在这里插入图片描述
我们得到的是一个类似点光源的发光效果，那么怎么实现球体效果，就需要增加阴影和径向填充的中心位置，即发光点的位置。这里是通过 RadialGradientBrush GradientOrigin=“0.2,0.8” RadiusX=“0.75” RadiusY=“0.75” 来实现，GradientOrigin 属性就是控制发光点的位置，他以左上角为原点，通过坐标点来控制发光点出现的位置,坐标值范围是0-1，GradientOrigin=“0.2,0.8” 就表示 发光点位于x轴 0.2 位置,y轴0.8 位置。RadiusX=“0.75” RadiusY=“0.75” 则是用来控制发光点辐射的范围，RadiusX= RadiusY 表示发光区域为圆形区域，当不相时则为椭圆形区域，0.75 表示覆盖区域占整个圆的 75% 。而剩下的区域就形成了 **阴影的效果 **。如下所示：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
发光点旋转角度是通过下马这个属性值来实现，CenterX=0.5 CenterY=“0.5” 表示旋转中心位于圆心位置，坐标参考也是左上角为原点位置，旋转是按照顺时针旋转，旋转90度。把原本位于左下角的发光点旋转90度后变换到左上角了。

  <RadialGradientBrush.RelativeTransform>
                        <TransformGroup>
                            <RotateTransform Angle="90" CenterX="0.5" CenterY="0.5"/>
                        </TransformGroup>
                    </RadialGradientBrush.RelativeTransform>

在这里插入图片描述
以上就是对椭圆的具体分析了，相信大家对部分属性的理解也会更加深刻一些。

1.4 路径

路径可以说是WPF 绘图中最强大的工具了，用这一个就可以实现所有类型的图形，通过直线、圆弧、贝塞尔曲线组合实现。路径的一个重要属性就是 Data ,Data 的数据类型是 Geometry （几何图形）我们使用这一属性对线段进行拼接形成复杂的图形。
Data 语法有两种形式：

  1. 标签式标准语法；
  2. 用于绘制几何图形的 路径标记语法；
    Geometry 是抽象类，不能直接使用，我们需要使用他的子类作为 Data 的数据源。Geometry 的常用子类：
  • LineGeometry : 直线几何图形
  • RectangleGeometry ：矩形几何图形
  • EillpseGeometry ：椭圆几何图形
  • PathGeometry ：路径几何图形
  • StreamGeometry ：PathGeometry 的代替品，轻量级，不支持 Binding和动画等。
  • CombinedGeometry：由多个基本几何图形联合在一起形成单个几何图形。
  • GeometryGroup：由多个基本几何图形组合在一起，形成几何图形组。

下面我们看下各种图形的实现吧，XAML代码如下：

<Window x:Class="LSCX_WPFSerial._12.PathUI"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:LSCX_WPFSerial._12"
        mc:Ignorable="d"
        Title="PathUI" Height="540" Width="800">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="260"/>
            <ColumnDefinition Width="260"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="260"/>
            <RowDefinition Height="260"/>
        </Grid.RowDefinitions>

        <!--直线几何图形-->
        <Path Stroke="Red" StrokeThickness="5" Grid.Column="0" Grid.Row="0">
            <Path.Data>
                <LineGeometry StartPoint="10,10" EndPoint="150,150"/>
            </Path.Data>
        </Path>
        <!--矩形几何图形 RadiusX、Y 设置矩阵圆角信息-->
        <Path Stroke="Green" StrokeThickness="5" Grid.Column="1" Grid.Row="0">
            <Path.Data>
                <RectangleGeometry Rect="10,10,150,150" RadiusX="10" RadiusY="10"/>
            </Path.Data>
        </Path>
        <!--椭圆几何图形-->
        <Path Stroke="Black" Fill="Black" Grid.Column="0" Grid.Row="1">
            <Path.Data>
                <EllipseGeometry Center="80,80" RadiusX="60" RadiusY="60"/>
            </Path.Data>
        </Path>
        <!--Path 自定义路径-->
        <Path Stroke="Yellow" Fill="Orange" Grid.Column="1" Grid.Row="1">
            <Path.Data>
                <PathGeometry>
                    <!--<PathGeometry.Figures>-->
                        <!--PathFigure是PathGeometry 默认内容属性如果没有限制采用默认则可省略不写-->
                    <PathFigure StartPoint="25,140" IsClosed="False">
                        <!--<PathFigure.Segments>-->
                            <!--Segments是 PathFigure 默认内容属性可省略不写-->
                            <LineSegment Point="20,40"/>
                            <LineSegment Point="40,110"/>
                            <LineSegment Point="50,20"/>
                            <LineSegment Point="80,110"/>
                            <LineSegment Point="110,20"/>
                            <LineSegment Point="120,110"/>
                            <LineSegment Point="140,40"/>
                            <LineSegment Point="135,140"/>
                        <!--</PathFigure.Segments>-->
                    </PathFigure>
                    <!--</PathGeometry.Figures>-->
                </PathGeometry>
            </Path.Data>
        </Path>
    </Grid>
</Window>

效果如下图所示：
在这里插入图片描述
其中最复杂的就算是 Path 的使用了，但 Path 却也是最为核心重要的，接下来我们就终点来看一下 Path。
对Path 的标签语言进行分析后发现核心部分就是下面这部分：

    <PathFigure >
<!--各种线段实现 -->
</PathFigure>

那么我们来分析一下这个各种线段的实现部分，我们先看下有哪些线段：

  • LineSegment : 直线段
  • ArcSegment : 圆弧段
  • BezierSegment: 三次方贝塞尔曲线段（默认的贝塞尔曲线就是三次曲线）
  • QuadraticSegment: 二次方贝塞尔曲线段
  • PolyLineSegment:多直线段
  • PolyBezierSegment:多三次方贝塞尔曲线段
  • PolyQuadraticBezierSegment:多二次方贝塞尔曲线段

使用注意的一点就是这些线段是没有起点的，起点的位置是上一个线段的终点位置，所以第一个线段的起点就是图形起点，位于 PathFigure 的 StartPoint 。LineSegment 最为简单，最先实现 ，具体实例 XAML代码如下：

  <Path Stroke="Green" Grid.Column="2" Grid.Row="0" Fill="LightGreen" StrokeThickness="3">
            <Path.Data>
                <PathGeometry>
                    <PathFigure IsClosed="True" StartPoint="0,0">
                        <LineSegment Point="150,0"/>
                        <LineSegment Point="150,30"/>
                        <LineSegment Point="90,30"/>
                        <LineSegment Point="90,60"/>
                        <LineSegment Point="150,60"/>
                        <LineSegment Point="150,90"/>
                        <LineSegment Point="90,90"/>
                        <LineSegment Point="90,120"/>
                        <LineSegment Point="150,120"/>
                        <LineSegment Point="150,150"/>
                        <LineSegment Point="0,150"/>
                        <LineSegment Point="0,120"/>
                        <LineSegment Point="60,120"/>
                        <LineSegment Point="60,90"/>
                        <LineSegment Point="0,90"/>
                        <LineSegment Point="0,60"/>
                        <LineSegment Point="60,60"/>
                        <LineSegment Point="60,30"/>
                        <LineSegment Point="0,30"/>
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>

代码效果如下：
在这里插入图片描述ArcSegment 用来绘制圆弧，point 属性用来指明圆弧的连接终点：圆弧截取自椭圆，Size 属性即为完整椭圆的的横轴半径和纵轴半径: SweepDirection 属性指明圆弧是按照顺时针还是逆时针方向。如果椭圆上的两个点位置不对称，那么这两个点之间的圆弧会分成大弧和小弧；IsLaegeArc 属性用来说明是否使用大弧来连接。RotationAngle 属性用来指明圆弧与母圆弧的旋转角度。

在这里插入图片描述接下来先简单地画一个三次方的贝塞尔曲线,具体实例 XAML代码如下：

<Path Stroke="Red" StrokeThickness="6" Margin="30" Grid.Column="2" Grid.Row="1">
            <Path.Data>
                <PathGeometry>
                    <PathFigure StartPoint="0,0">
                        <BezierSegment Point1="200,0" Point2="60,300" 
                        	Point3="400,300"/>
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>

在这里插入图片描述其中p1 和 p2 是控制点，p0 和 p3 为曲线的起点和终点。而二次方和三次方贝塞尔曲线类似，只不过控制点变成了一个，XAML代码如下：

 <Path Stroke="Green" StrokeThickness="6" Margin="30" Grid.Column="2" Grid.Row="1">
            <Path.Data>
                <PathGeometry>
                    <PathFigure StartPoint="100,100">
                        <QuadraticBezierSegment Point1="200,-100" Point2="200,300"/>
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>

在这里插入图片描述接下来就是使用 GeometryGroup 将多个贝塞尔曲线组合在一起 形成更复杂的图形，XAML代码如下：

  <Path Stroke="Black" Fill="LightBlue" StrokeThickness="1" Grid.Column="3" Grid.Row="0">
            <Path.Data>
                <GeometryGroup>
                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="250,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="230,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="210,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="190,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="170,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="150,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                    <PathGeometry>
                        <PathFigure StartPoint="0,0">
                            <BezierSegment Point1="130,0" Point2="50,200" Point3 ="300,200"/>
                        </PathFigure>
                    </PathGeometry>

                </GeometryGroup>
            </Path.Data>
        </Path>

实现效果如下：
在这里插入图片描述

凌霜残雪
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
WPF基础知识
蜗牛单行道的博客
03-04 1万+
0.前言 此文主要介绍WPF的基础知识，文章会直接摘抄一些优秀文章的表达以及示例用于说明，如果侵犯了作者权利，请联系我速删。编写文章的目的在于记录与分享，方便后续重温与掌握。文章中可能会存在一些小问题，还望各位看官不吝指出。 1.XAML 1.1WPF简介 WPF（Windows Presentation Foundation） 是创建桌面客户端应用程序的UI框架。WPF开发平台支持广泛的应用开发功能，包括应用模型、资源、控件、图形、布局、数据绑定、文档和安全性。WPF是.Net的一部分，WPF使用XAML
文心及通义在开发过程中的使用体验
weixin_41850878的博客
06-17 367
在WPF的开发中碰到的问题：wpf 获取arcSegment GetWidenedPathGeometry 上的点1.使用文心返回结果如下：在WPF中，ArcSegment类没有直接提供获取宽化后路径几何的方法。宽化是指对几何形状应用某种线宽或画笔边缘效果后生成的新几何形状的过程。为了获取宽化后的路径几何，你可以使用的方法。以下是一个简单的例子，演示如何获取并打印ArcSegment宽化后的上边缘点的坐标：在这个例子中，我们首先创建了一个ArcSegment对象，并通过将其包装起来。
[WPF 基础知识系列] —— 绑定中的数据校验Vaildation
weixin_30493401的博客
09-21 140
[WPF 基础知识系列] —— 绑定中的数据校验Vaildation 原文:[WPF 基础知识系列] —— 绑定中的数据校验Vaildation前言： 只要是有表单存在，那么就有可能有对数据的校验需求。如：判断是否为整数、判断电子邮件格式等等。 WPF采用一种全新的方式 - Binding，来实现前台显示与后台数据进行交互，当然数据校验方式...
WPF基础知识梳理
m0_46260668的博客
09-10 105
初试WPF
WPF基础系列七：WPF基础知识整理
iceberg7012的博客
04-08 437
WPF基础知识整理 WPF基础系列前六部分基础知识梳理： 形象化理解： 文章参考来源： 链接: WPF基础总结.
WPF的基础知识介绍
GameKin9的博客
07-26 332
今天跟大家介绍一下WPF的基础知识，刚学不久，有错的请指出。 WPF是微软推出的基于Windows的用户界面框架，属于.NET Framework3.0的一部分。同时它提供了全新的多媒体交互用户图形界面。是微软新一代图形系统，运行在.NET Framework3.0及以上版本下，为用户界面、2D/3D图形、文档和媒体提供了统一的描述和操作方法。基于DirectX 9/10技术的WPF不仅带来了前所未有的3D界面。而且其图形向量渲染引擎也大大改进了传统的2D界面，比如Vista中大大半透明效果的窗体等都得益于
WPF的基础知识
leayon的专栏
10-11 1368
WPF的全称是Windows Presentation Foundation，意思是Windows描述语言。它的一个主要特性是设计人员和开发人员的工作很容易分开，设计人员的工作成果可以直接供开发人员使用。为此，必须理解XAML。WPF在建立应用程序时使用XAML。XAML表示可扩展的应用程序标记语言，Extensible Application Markup Lanuage。XAML是用于创建窗体
WPF入门教程系列一——基础
xingsongyu的博客
02-04 2054
原文：https://www.cnblogs.com/chillsrc/p/4464023.html WPF入门教程系列目录 WPF入门教程系列二——Application介绍 WPF入门教程系列三——Application介绍(续) WPF入门教程系列四——Dispatcher介绍 WPF入门教程系列五——Window 介绍 WPF入门教程系列六——布局介绍与Canvas（一） WPF入门教程系列七——布局之WrapPanel与StackPanel（二） WPF入门教程系列八——布局之Gr
WPF入门基础
gqk01的博客
01-11 1621
WPF（Windows Presentation Foundation） 英/ˌpreznˈteɪʃn/Presentationn. （颁奖等）仪式，典礼；授予，颁发；（在仪式上接受的）奖项，赠予物；展示会，介绍会，发布会；陈述，报告，说明；（事物的）呈现方式；（证件等的）出示；（证物的）提交，提供；（戏剧的）演出；（胎儿的）先露位置，产位；（尤指在帝王前）正式引见，引……朝见；<史>（圣职等的）推荐 XAML是eXtensible Application Markup Language的..
WPF全系列事例代码
11-17
**WPF全系列事例代码**是一套针对Windows Presentation Foundation（WPF）的全面学习资源，旨在帮助初学者深入理解并掌握WPF的基础知识和应用技巧。WPF是微软.NET Framework的一部分，它提供了构建富客户端应用程序...
使用Redis的SETNX命令实现分布式锁
wuhao2343的博客
07-18 1207
分布式锁是一种用于在分布式系统中控制多个节点对共享资源进行访问的机制。在分布式系统中，由于多个节点可能同时访问和修改同一个资源，因此需要一种方法来确保在任意时刻只有一个节点能够对资源进行操作，以避免数据不一致或冲突。分布式锁就是用来实现这种互斥访问的工具。
示例：在WPF ListBox中，ScrollViewer.CanContentScroll=“False“破坏虚拟化如何解决
HeBianGu的博客
07-16 1095
这种模式下，如果你的 ScrollViewer 包含了一个虚拟化面板（如 VirtualizingStackPanel），它可以启用 UI 虚拟化，这是一种性能优化技术，只渲染可见项，从而提高大量数据展示的性能。如果你需要展示大量数据，并且关心性能，应该选择 True，并确保使用支持虚拟化的面板，如 VirtualizingStackPanel。这提供了更平滑的滚动体验，但是会渲染所有的项，包括那些不在视图中的项，这可能会对性能产生负面影响，特别是在项数量很多的情况下。
Memcached开发（四）：数据存储与检索
07-17 1107
在现代应用程序开发中，数据的高效存储与快速检索是性能优化的关键环节。Memcached 作为一个高性能的分布式内存对象缓存系统，以其快速、简单和高效的特点，广泛应用于各类系统中。本文将深入探讨如何在 Memcached 中进行数据存储与检索，涵盖基本概念、操作命令、实战示例以及最佳实践。
ROS2从入门到精通2-3：详解机器人3D物理仿真Gazebo与案例分析
FRIGIDWINTER的博客
07-18 854
本文详细介绍了Gazebo是什么？为什么要使用这个工具？清晰地列出了Gazebo的安装流程和界面的基本功能元素；并用实例讲解了用Gazebo搭建自定义地图的过程
DevExpress WPF中文教程 - 为项目添加GridControl并将其绑定到数据
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
07-17 1289
本文主要介绍使用DevExpressWPF组件为项目添加网格控件并将其绑定到数据，欢迎下载最新版组件体验！
WPF中UI元素继承关系
最新发布
以梦为马 不负韶华
07-19 557
这种层次结构允许控件复用底层的行为和功能，同时也提供了高度的灵活性和扩展性，使得开发人员能够创建复杂且美观的用户界面。当需要创建自定义控件时，通常会从。在 WPF（Windows Presentation Foundation）框架中，UI 元素是基于一个层次化的类结构构建的，这个结构以。开始继承，然后根据需求添加特定的功能。
Memcached介绍与使用
卓越之识论道，平常之识论事，狭隘之识论人
07-18 1227
Memcached介绍和使用
示例：WPF中应用TreeView制作的树形拓扑结构自定义控件TreeLayoutBox
HeBianGu的博客
07-17 682
横向拓扑纵向拓扑。
深入探索WPF控件开发
2. **控件库**：WPF包含了一系列内置控件，如Button、TextBox、ListBox等。作者可能会详细介绍每个控件的用法、属性和事件，并展示如何自定义它们的外观和行为。 3. **数据绑定**：WPF的数据绑定机制使得UI和后台...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凌霜残雪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值