如何将前景显示点更改为长条?ProgressBar

huangapple go评论61阅读模式
英文:

How to change the foreground display point to long bar? ProgressBar

问题

官方的 UWP 进度条控件:https://learn.microsoft.com/zh-cn/windows/apps/design/controls/progress-controls

演示显示:
如何将前景显示点更改为长条?ProgressBar

但我得到的是这样的:
如何将前景显示点更改为长条?ProgressBar

我该如何更改它?

英文:

The Official UWP ProgressBar Control:https://learn.microsoft.com/zh-cn/windows/apps/design/controls/progress-controls

Demo show :
如何将前景显示点更改为长条?ProgressBar

But what I get is like this:
如何将前景显示点更改为长条?ProgressBar

How can I change it?

答案1

得分: 0

我可以重现您的问题。所以有两个进度条:默认的(虚线)是本机 UWP 的,另一个(您想要的那个)与 WinUI2 NuGet 包一起提供。

如何安装和添加 NuGet 包:

  1. 在解决方案资源管理器中右键单击您的项目。
  2. 单击"管理 NuGet 包"。
  3. 搜索 Microsoft.Ui.Xaml NuGet 包并安装它。
  4. 将以下代码添加到您的 app.xaml 文件中,放在 <Application.Resources> 标签内,以引用 WinUI2 控件:
<Application.Resources>
     <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
</Application.Resources>
  1. 在您的 MainPage 页面中添加对 Microsoft.UI.Xaml.Controls 命名空间的引用,将其命名为 muxc
xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
  1. muxc 命名空间中添加进度条:
<muxc:ProgressBar Width="150" IsIndeterminate="True"/>
英文:

I could reproduce your problem. So there are two progress bars: the default one (dotted) is native uwp and the other one(the one you would like to get) comes with the Winui2 nuget package.

How to install and add the nuget:

  1. rightclick your project in solutionexplorer
  2. click on manage nuget packages
  3. search for the Microsoft.Ui.Xaml nuget and install it
  4. Add this code to your app.xaml inside the application tags to reference the winui2 controls:
&lt;Application.Resources&gt;
     &lt;XamlControlsResources xmlns=&quot;using:Microsoft.UI.Xaml.Controls&quot; /&gt;
&lt;/Application.Resources&gt;
  1. add a reference to the Microsoft.UI.Xaml.Controls namespace as muxc to your mainpage:
xmlns:muxc=&quot;using:Microsoft.UI.Xaml.Controls&quot;
  1. Add the progressbar from the muxc namespace:
&lt;muxc:ProgressBar Width=&quot;150&quot; IsIndeterminate=&quot;True&quot;/&gt;

huangapple
  • 本文由 发表于 2023年2月24日 12:09:15
  • 转载请务必保留本文链接:https://go.coder-hub.com/75552547.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定