MAUI自定义绘图

最新推荐文章于 2025-09-27 22:52:22 发布

原创最新推荐文章于 2025-09-27 22:52:22 发布 · 631 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#c#

MAui学习专栏收录该内容

17 篇文章

订阅专栏

在MAUI项目中，创建一个类继承IDrawable接口，重写Draw方法进行图形绘制。例如，创建GraphicsDrawable类，在Draw方法内填充背景色并画矩形。然后，通过GraphicsView元素展示这个自定义的可绘制对象，将其Drawable属性设置为实例化的GraphicsDrawable。

在新建的项目里面，新建一个类型，让这个类型继承 Microsoft.Maui.Graphics.IDrawable 接口。于是此类型即可通过实现 Draw 方法，被框架层调用到，从而在 Draw 方法里面执行绘图。例如和官方的例子一样，将此类型命名为 GraphicsDrawable 如以下代码

public class GraphicsDrawable : IDrawable
    {
        public void Draw(ICanvas canvas, RectF dirtyRect)
        {
            canvas.FillColor = Colors.Black;//填充背景色
            Rect bgRect = new Rect(0, 0, 100, 100);//坐标x,y Width，Heigh
            canvas.FillRectangle(bgRect);//填充矩形
        }
    }

MAUI 框架里提供了 GraphicsView 元素用来对接 Microsoft.Maui.Graphics 的绘图功能。

<Grid RowDefinitions="*,160" Padding="10">
        <GraphicsView x:Name="gView"/>
    </Grid>

方法调用

 GraphicsDrawable drawable;
    public MainPage()
	{
		InitializeComponent();
        drawable = new GraphicsDrawable();
        gView.Drawable = drawable;
    }