Android - 将 ProgressBar 设置为垂直条而不是水平条？

我正在尝试使用 ProgressBar 作为类似计量的显示。我认为这将是一个简单的任务，并认为 ProgressBar 有一个属性可以设置为垂直，但我没有看到任何东西。

此外，我希望能够在栏的侧面显示类似标尺的指示器，以清楚地指示当前级别。

感谢指点 - 谢谢！

我最近遇到了对垂直进度条的需求，但无法使用现有的进度条小部件找到解决方案。我遇到的解决方案通常需要扩展当前的进度栏或本身一个全新的类。我不相信推出一个新课程来实现简单的方向改变是必要的。

本文介绍了一种简单、优雅、最重要的是，一种无需黑客手段即可实现垂直进度条的解决方案。 我将跳过解释并简单地提供一个千篇一律的解决方案。如果您需要更多详细信息，请随时与我联系或在下面发表评论。

在您的drawable文件夹中创建一个xml（不是drawable-hdpi或drawable-mdpi - 将其放在drawable中）。对于此示例，我将 xml 称为 Vertical_progress_bar.xml

以下是要在 xml 文件中放置的内容：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:id="@android:id/background">
    <shape>
      <corners android:radius="5dip" />
      <gradient
        android:startColor="#ff9d9e9d"
        android:centerColor="#ff5a5d5a"
        android:centerY="0.75"
        android:endColor="#ff747674"
        android:angle="180"
      />
    </shape>
  </item>
  <item android:id="@android:id/secondaryProgress">
    <clip android:clipOrientation="vertical" android:gravity="bottom">
      <shape>
        <corners android:radius="5dip" />
        <gradient
          android:startColor="#80ffd300"
          android:centerColor="#80ffb600"
          android:centerY="0.75"
          android:endColor="#a0ffcb00"
          android:angle="180"
        />
      </shape>
    </clip>
  </item>
  <item android:id="@android:id/progress">
    <clip android:clipOrientation="vertical" android:gravity="bottom">
      <shape>
        <corners android:radius="5dip" />
        <gradient
          android:startColor="#ffffd300"
          android:centerColor="#ffffb600"
          android:centerY="0.75"
          android:endColor="#ffffcb00"
          android:angle="180"
        />
      </shape>
    </clip>
</item>
</layer-list>

创建一个名为 styles.xml 的 xml 文件并将其放置在 res/values 中。如果您的项目已在 res/values 中包含 styles.xml，则跳过此步骤。

修改 styles.xml 文件并将以下代码附加到文件末尾：

<style name="Widget">
</style>
<style name="Widget.ProgressBar">
  <item name="android:indeterminateOnly">true</item>
  <item name="android:indeterminateBehavior">repeat</item>
  <item name="android:indeterminateDuration">3500</item>
  <item name="android:minWidth">48dip</item>
  <item name="android:maxWidth">48dip</item>
  <item name="android:minHeight">48dip</item>
  <item name="android:maxHeight">48dip</item>
</style>
<style name="Widget.ProgressBar.Vertical">
  <item name="android:indeterminateOnly">false</item>
  <item name="android:progressDrawable">@drawable/progress_bar_vertical</item>
  <item name="android:indeterminateDrawable">@android:drawable/progress_indeterminate_horizontal</item>
  <item name="android:minWidth">1dip</item>
  <item name="android:maxWidth">12dip</item>
</style>

将新的垂直进度条添加到您的布局中。这是一个例子：

<ProgressBar
  android:id="@+id/vertical_progressbar"
  android:layout_width="12dip"
  android:layout_height="300dip"
  style="@style/Widget.ProgressBar.Vertical"
/>

这应该是您在项目中使用垂直进度条所需要做的全部事情。或者，您可能有用于进度条的自定义可绘制九块图像。您应该在progress_bar_vertical.xml 文件中进行适当的更改。 我希望这对您的项目有所帮助！