如何在 windows RT 中创建垂直进度条答案

【问题标题】：How to create a vertical progress bar in windows RT如何在 windows RT 中创建垂直进度条
【发布时间】：2015-07-26 20:59:11
【问题描述】：

您好，我是 windows RT 的新手，我想在我的 windows phone 8.1 应用程序中创建一个垂直进度条。我尝试使用 CompositeTransform Rotation 但方向保持不变，因此我似乎无法将其放置在正确的位置。关于如何在不使用边距的情况下实现相同目标的任何想法。我还在网上检查了所有我发现将其方向属性设置为垂直的地方，我似乎在我的代码中找不到相同的地方
我的代码如下：

<ProgressBar VerticalAlignment="Top" Value="50" RenderTransformOrigin="0.5,0.5" >
<ProgressBar.RenderTransform>
<CompositeTransform Rotation="-90"/>
</ProgressBar.RenderTransform>
</ProgressBar>

【问题讨论】：

相反，您可以在 XAML 中绘制一个空心矩形，然后在内部绘制另一个高度可变的实心矩形。高度对应于进度百分比。

标签： windows-phone-8.1 winrt-xaml

【解决方案1】：

您可以创建自定义进度条，甚至可以编辑模板。这有点复杂。作为上述答案，您可以使用两个矩形。如果您有太多元素，您可以使用输入行为来获得更好的渲染。

【讨论】：

【解决方案2】：

ProgressBar 被硬编码为水平的。如果你想要一个垂直的，你必须建立自己的。我还没有这样做，但我想拥有一个使用比例变换将其高度从 0% 更改为 100% 以模拟进度条效果的矩形会很简单。或者，您可以使用进度环。另一种选择可能是重新模板化具有方向设置的滑块控件。

【讨论】：