You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WinUI 2.4 ProgressRing在Uno 2.4 WASM平台不显示求助

解决Uno Platform WASM上WinUI 2.4 ProgressRing不显示的问题

结合你的代码和使用的包版本,我整理了几个针对性的解决方案,帮你排查WASM平台上ProgressRing不显示的问题:

1. 显式设置IsActive属性为true

UWP环境下ProgressRing默认是激活状态,但Uno的WASM实现可能存在行为差异,或者你的逻辑中未明确激活控件。修改ProgressRing的XAML代码,强制开启激活状态:

<controls:ProgressRing x:Name="Waiter" Width="50" Height="50" IsActive="true">
  <controls:ProgressRing.Foreground>
   <SolidColorBrush Color="{StaticResource AcmPink}"/>
  </controls:ProgressRing.Foreground>
  <controls:ProgressRing.Background>
   <SolidColorBrush Color="{StaticResource AcmPurple}"/>
  </controls:ProgressRing.Background>
</controls:ProgressRing>

2. 确保WASM平台的WinUI资源正确初始化

虽然你已经在App.xaml中合并了XamlControlsResources,但WASM平台可能需要额外的代码触发资源加载。在App.xaml.cs的OnLaunched方法中添加初始化代码:

protected override void OnLaunched(LaunchActivatedEventArgs e)
{
    // 显式初始化WinUI控件资源
    Microsoft.UI.Xaml.Controls.XamlControlsResources.Init();
    
    // 保留你原有的初始化逻辑
    var rootFrame = Window.Current.Content as Frame;
    if (rootFrame == null)
    {
        rootFrame = new Frame();
        Window.Current.Content = rootFrame;
    }
    if (rootFrame.Content == null)
    {
        rootFrame.Navigate(typeof(MainPage), e.Arguments);
    }
    Window.Current.Activate();
}

3. 更新Uno相关包到兼容的稳定版本

你当前使用的Uno.UI 2.4.0和Microsoft.UI.Xaml 2.4.0版本相对老旧,可能存在WASM平台ProgressRing的已知bug。建议更新到匹配的最新稳定版:

  • 将Uno.UI、Uno.Wasm.Bootstrap、Uno.Wasm.Bootstrap.DevServer更新到同一大版本的稳定版
  • 确保Microsoft.UI.Xaml版本与Uno.UI版本兼容(Uno官方会同步适配对应WinUI版本)

4. 清除WASM浏览器缓存

WASM应用经常因为浏览器缓存导致资源不更新,尝试以下操作:

  • 打开浏览器开发者工具(F12),勾选"Disable cache"选项后刷新页面
  • 手动清除浏览器的缓存数据,重新运行应用

5. 验证WaiterGrid的可见性切换逻辑

确保你在代码中正确切换了WaiterGrid的可见性,比如在搜索按钮点击时:

private async void SearchButton_ClickAsync(object sender, RoutedEventArgs e)
{
    WaiterGrid.Visibility = Visibility.Visible;
    // 执行你的搜索逻辑...
    // 操作完成后隐藏加载控件
    WaiterGrid.Visibility = Visibility.Collapsed;
}

如果以上方法都无效,可以打开浏览器开发者工具查看控制台输出,检查是否有资源加载失败或控件初始化错误的日志,这会帮助你定位更具体的问题。

内容的提问来源于stack exchange,提问作者berkb

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.07 18:17:37