Xamarin SkiaSharp Canvas在轮播控件中无法刷新及Resize触发刷新问题咨询

我之前刚好碰到过SkiaSharp Canvas嵌入轮播控件后的刷新问题，给你梳理下解决思路和背后的原理：

这个问题的核心通常是轮播切换时没有触发SkiaSharp视图的重绘信号。轮播控件切换子项时，很多时候只会调整布局位置，不会主动通知子View（也就是你的SKCanvasView）需要重新绘制内容。

解决办法很直接：

• 监听轮播控件的切换事件：比如在Xamarin.Forms的CarouselView中，订阅CurrentItemChanged事件，每当轮播切换到新项时，手动调用SKCanvasView的InvalidateSurface()方法。示例代码大概是这样：

myCarouselView.CurrentItemChanged += (sender, e) =>
{
    // 确保在主线程执行UI操作
    Device.BeginInvokeOnMainThread(() =>
    {
        mySKCanvasView.InvalidateSurface();
    });
};

• 绑定数据变更通知：如果你的Canvas内容是和轮播的当前项数据绑定的，让数据模型实现INotifyPropertyChanged接口，当数据更新时自动触发Canvas重绘。比如在ViewModel的属性 setter 里调用OnPropertyChanged()，然后在页面中监听属性变化，调用InvalidateSurface()。

先说说窗口Resize时的运行逻辑：当窗口尺寸变化时，系统会触发View的OnSizeAllocated方法，SkiaSharp的SKCanvasView会在这个方法里重新创建适配新尺寸的Surface，随后自动调用InvalidateSurface()触发OnPaintSurface事件，完成重绘。所以Resize的本质是触发了Surface重建+重绘信号。

要模拟这个操作实现Canvas更新，其实不需要真的改窗口尺寸，有两种常用方式：

1. 直接触发重绘（推荐）：大多数情况下，你只需要调用InvalidateSurface()就足够了——它会直接触发OnPaintSurface事件，让你重新绘制Canvas内容，这是最轻量化的方式，不需要重建Surface。
2. 强制重建Surface（特殊场景）：如果你的Canvas内容依赖Surface的尺寸，或者需要彻底重置Surface状态，可以自定义SKCanvasView子类，暴露一个方法来手动调用OnSizeAllocated：

public class ResizableSKCanvasView : SKCanvasView
{
    public void ForceSurfaceRefresh()
    {
        // 传入当前的宽高，模拟Resize时的Surface重建
        OnSizeAllocated(this.Width, this.Height);
    }
}

之后在需要的时候调用resizableCanvasView.ForceSurfaceRefresh()，就能模拟窗口Resize时的完整流程。

额外注意点 #

• 所有UI操作必须在主线程执行，如果是后台线程更新数据后要刷新Canvas，一定要用Device.BeginInvokeOnMainThread()包裹。
• 不要频繁调用InvalidateSurface()，否则会导致性能问题，尽量只在数据或显示内容真的变化时触发。

内容的提问来源于stack exchange，提问作者Batmannn