WPF 入门教程Canvas画布示例

发布网友发布时间：2024-09-15 02:25

共1个回答

热心网友时间：2024-11-16 08:32

WPF画布面板提供开发者完全控制，允许子控件根据需求任意重叠或放置。

Canvas具有4个属性，用于定义子控件位置，如Canvas.Left="10"和Canvas.Top="10"。指定距离边缘10像素。

通过代码示例，展示如何在画布中绘制基本2D形状，如矩形、椭圆等。形状的顺序在画布中至关重要，因为控件会根据前一个控件的最后一个控件位置重叠。

代码示例如下：

输出效果展示形状在画布中的排列。

当形状数量超过20或30时，手动排列变得混乱。为解决此问题，Canvas提供Z Index属性，用于控制控件的叠加顺序。具有较高Z索引的控件会覆盖较低索引的控件。

在示例中，将Rectangle和Path的Z Index设置为2，以与*形状重叠。将其中一个控件的Z Index设置为1。

因此，Z Index排列顺序为0-2-1-2-0。默认情况下，Z Index为0。

重新排列输出结果，观察形状的重叠情况。

在新示例中，第二个和第四个控件与第三个控件重叠，因为第三个控件的Z Index为1，而其他两个控件的Z Index为2。

推荐一款WPF MVVM框架开源项目：Newbeecoder.UI。