UWP以Image为CastingSource时如何更新投屏输出？

嘿，我来帮你搞定这个UWP投屏的问题！首先明确告诉你：完全可以在保持投屏连接的情况下更新输出内容，不需要断开重连，你的问题出在Image控件作为CastingSource的工作机制上，下面给你详细拆解原因和解决方案。

问题原因 #

当你把Image控件作为CastingSource建立投屏连接后，系统默认只会捕获一次Image的初始可视化内容，并不会自动监听Source属性的变化。而StateChanged事件只在投屏连接的状态（比如连接成功、断开连接）发生改变时才会触发，内容更新不属于这个事件的触发范畴，所以你看不到它触发是正常的。

解决方案：动态更新CastingSource #

核心思路是：当Image的Source更新完成后，重新创建一个基于当前Image控件的CastingSource，然后通过投屏连接对象更新这个源即可，不需要断开连接。

代码示例 #

假设你已经在代码里持有了投屏连接对象_castingConnection，以及你的Image控件MyImage，可以这样修改你的图片切换逻辑：

private async void SwitchImageButton_Click(object sender, RoutedEventArgs e)
{
    // 1. 更换Image的Source
    MyImage.Source = new BitmapImage(new Uri("ms-appx:///Assets/YourNewImage.png"));

    // 2. 等待UI完成新图片的渲染（关键！确保捕获到最新内容）
    await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, async () =>
    {
        // 3. 基于当前Image创建新的CastingSource
        var updatedCastingSource = CastingSource.CreateFromVisual(MyImage);
        // 4. 更新投屏连接的源
        await _castingConnection.SetCastingSourceAsync(updatedCastingSource);
    });
}

额外说明 #

• 为什么要等待UI渲染？因为设置Source后，图片加载和UI更新是异步的，如果立刻创建CastingSource，可能捕获到的还是旧内容或者空白。用Dispatcher.RunAsync可以确保我们在UI线程完成渲染后再执行后续操作。
• 不需要断开连接：SetCastingSourceAsync方法支持在已连接的状态下更新源，投屏设备会自动切换到新的内容。
• 如果你的场景是频繁切换图片，也可以封装一个通用的更新方法，避免重复代码。

替代方案：使用MediaPlayerElement（更灵活） #

如果你的投屏场景不仅限于静态图片，未来可能扩展到视频等内容，推荐用MediaPlayerElement代替Image控件作为投屏源。它的CastingSource天生支持动态内容更新，无论是切换图片还是视频，都不需要手动重建CastingSource，只需要更新MediaPlayerElement.Source即可。

示例代码：

<!-- 在MainPage.xaml中替换Image为MediaPlayerElement -->
<MediaPlayerElement x:Name="MyMediaPlayerElement" AutoPlay="True" />

private void SwitchImageButton_Click(object sender, RoutedEventArgs e)
{
    // 直接更新MediaPlayerElement的源，投屏会自动同步
    MyMediaPlayerElement.Source = MediaSource.CreateFromUri(new Uri("ms-appx:///Assets/YourNewImage.png"));
}

这种方式更简洁，也更符合UWP投屏的设计初衷，适合大多数动态内容投屏场景。

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