尝试更改Android ProgressBar的拐角半径时出错

时间:2020-07-27 09:59:35

标签: android android-theme android-progressbar material-components-android material-components

我有一个ProgressBar风格的Widget.AppCompat.ProgressBar.Horizontal小部件:

<ProgressBar
    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

在AppCompat源代码中挖掘Widget.AppCompat.ProgressBar.Horizontal(内部使用Widget.Material)样式定义时,我发现对于API 21+,它使用以下可绘制对象:

<style name="Widget.Material.ProgressBar.Horizontal" parent="Widget.ProgressBar.Horizontal">
    <item name="progressDrawable">@drawable/progress_horizontal_material</item>
    ...
</style>

这是progress_indeterminate_horizontal_material的一部分:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@id/background"
          android:gravity="center_vertical|fill_horizontal">
        <shape android:shape="rectangle"
               android:tint="?attr/colorProgressBackgroundNormal">
            <corners android:radius="?attr/progressBarCornerRadius" />
            <size android:height="@dimen/progress_bar_height_material" />
            <solid android:color="@color/white_disabled_material" />
        </shape>
    </item>

它使用?attr/colorProgressBackgroundNormal属性,但是当我尝试使用以下行在应用程序主题中设置此属性的值时:

<item name="progressBarCornerRadius">2dp</item>

然后我遇到编译错误:

AAPT: error: style attribute 'attr/progressBarCornerRadius (aka com.application:attr/progressBarCornerRadius)' not found.

2 个答案:

答案 0 :(得分:1)

如何使进度条弯曲?

用替换元素。这将使形状保持其形状 随着增长而形成-而不是被切断。不幸的是,它将有一个 刚开始时几乎没有多余的视觉效果-形状变角 没有足够的绘画空间。但这对于大多数人来说可能已经足够了 案例。

完整代码:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:id="@android:id/background">
    <shape>
        <corners android:radius="8dp"/>
        <solid android:color="@color/dirtyWhite"/>
    </shape>
 </item>

 <item android:id="@android:id/progress"
    android:top="1dp"
    android:bottom="1dp"
    android:left="1dp"
    android:right="1dp">

    <scale android:scaleWidth="100%">
        <shape>
            <corners android:radius="8dp"/>
            <solid android:color="@color/colorPrimaryDark"/>
        </shape>
    </scale>
 </item>
</layer-list>

输出

enter image description here

答案 1 :(得分:1)

属性名称为android:progressBarCornerRadius,但它是私有的。

您可以使用具有自定义样式的ProgressBar

<style name="customProgressBar" parent="Widget.AppCompat.ProgressBar.Horizontal">
   <item name="progressDrawable">@drawable/custom_progress_horizontal</item>
</style>

否则,您可以使用材料组件库提供的新的 LinearProgressIndicator

    <com.google.android.material.progressindicator.LinearProgressIndicator             
        android:indeterminate="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:trackThickness="10dp"
        app:trackCornerRadius="8dp"/>

注意:它至少需要版本 1.3.0-alpha04

enter image description here