MAUI怎么用 Shapes 和 Paths 绘制图形 MAUI矢量绘图

MAUI中矢量绘图核心是用XAML或C#描述几何形状而非画布绘制，Shape类（Rectangle、Ellipse、Path等）通过Fill、Stroke等属性渲染，Path结合Geometry（RectangleGeometry、PathGeometry等）支持贝塞尔曲线与布尔运算，可复用、变换、动态更新，但默认不响应触摸。

MAUI 中用 Shapes 和 Paths 绘制矢量图形，核心是使用 XAML 声明式语法或 C# 代码创建几何图形，再通过 Shape 类（如 Rectangle、Ellipse、Path）渲染。关键不在“画布”，而在“描述形状”——用几何数据定义轮廓，系统自动缩放、抗锯齿、适配高 DPI。

基础 Shapes：矩形、椭圆、线条直接用

MAUI 内置的 Shape 子类开箱即用，支持填充（Fill）、描边（Stroke）、粗细（StrokeThickness）、圆角（CornerRadius）等属性。

• Rectangle：设 Width/Height，用 CornerRadius 实现圆角矩形
• Ellipse：宽高相等就是正圆；不设宽高时会按父容器拉伸
• Line：用 X1/Y1 到 X2/Y2 定义端点，注意坐标原点在左上角
• Polyline 和 Polygon：传入逗号分隔的点序列（如 "10,10 50,10 50,50"），后者自动闭合

Path：用 Geometry 描述任意矢量路径

Path 是最灵活的绘图元素，它本身不定义形状，而是通过 Data 属性绑定一个 Geometry 对象。常用 Geometry 类型有：

• RectangleGeometry：指定 Rect 区域，适合裁剪或简单矩形路径
• EllipseGeometry：指定中心、半径，比 Ellipse 更轻量（无 UI 层属性）
• PathGeometry：真正实现贝塞尔曲线、弧线、复杂轮廓——用 Figures + Segments 组合

例如绘制一个带圆角的 M 字母轮廓，可写成：

标签： go svg 编码 edge c# 重绘