求助：无法修改GraphicsView控件的背景颜色

DevOps 小满

2026-7-3

MAUI GraphicsView 无法修改背景颜色的解决方案

GraphicsView的视觉内容完全由绑定的Drawable负责绘制，控件本身的Background/BackgroundColor属性在MAUI中不会生效，你需要在Drawable的Draw方法里主动填充整个控件区域来设置背景色。

修改步骤：

移除XAML中GraphicsView的Background和BackgroundColor属性（这些属性对GraphicsView无效）
在Draw方法开头，先填充整个控件的区域作为背景

修改后的代码：

XAML

<VerticalStackLayout>
    <Border StrokeThickness="0">
        <GraphicsView x:Name="canvas" 
                      Drawable="{StaticResource drawable}"
                      HeightRequest="500"
                      WidthRequest="500"/>
    </Border>
</VerticalStackLayout>

C# 代码后台

public void Draw(ICanvas canvas, RectF dirtyRect)
{
    // 填充整个GraphicsView的区域作为背景
    canvas.FillColor = Colors.Yellow;
    canvas.FillRectangle(dirtyRect);

    // 绘制文本内容
    canvas.FontColor = Colors.Red;
    canvas.FontSize = 18;
    canvas.DrawString("Text is left aligned.", 50, 20, 380, 100, HorizontalAlignment.Left, VerticalAlignment.Top);
    canvas.DrawString("Text is centered.", 20, 60, 380, 100, HorizontalAlignment.Center, VerticalAlignment.Top);
    canvas.DrawString("Text is right aligned.", 20, 100, 380, 100, HorizontalAlignment.Right, VerticalAlignment.Top);
}