当前位置: 首页 > 知识库问答 >
问题:

层列表背景不适用于Android Lollipop上的水平ProgressBar(5.1.1/API 22)

须原
2023-03-14

这是我的ProgressBar的布局XML:

<ProgressBar
    android:id="@+id/myProgressBar"

    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
    android:minHeight="@dimen/my_progress_bar_height"
    android:maxHeight="@dimen/my_progress_bar_height"
    android:progressDrawable="@drawable/my_progress_bar"
    android:indeterminate="false"

    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_toLeftOf="@id/imageViewSend"
    android:layout_toStartOf="@id/imageViewSend"
    android:max="10"
    android:progress="0"
    android:layout_centerVertical="true"/>

下面是 progressDrawable 资源,my_progress_bar.xml,它应该为 ProgressBar 显示一对行(使用四种不同的颜色来演示问题):

<item android:id="@android:id/background">

    <layer-list>
        <item android:gravity="top">
            <shape>
                <size android:height="@dimen/my_progress_bar_line_width" />
                <solid android:color="@color/blue" />
            </shape>
        </item>
        <item android:gravity="bottom">
            <shape>
                <size android:height="@dimen/my_progress_bar_line_width" />
                <solid android:color="@color/green" />
            </shape>
        </item>
    </layer-list>

</item>

<item
    android:id="@android:id/progress">
    <clip>
        <layer-list>
            <item android:gravity="top">
                <shape>
                    <size android:height="@dimen/my_progress_bar_line_width" />
                    <solid android:color="@color/yellow" />
                </shape>
            </item>
            <item android:gravity="bottom">
                <shape>
                    <size android:height="@dimen/my_progress_bar_line_width" />
                    <solid android:color="@color/red" />
                </shape>
            </item>
        </layer-list>
    </clip>
</item>

在Android牛轧糖(7.0 / API 24)上,进度条看起来像预期的那样:

但在AndroidLollipop(5.1.1/API 22)上,它看起来像这样:

...也就是说,我为线条指定的宽度似乎没有被考虑。

为什么在Android Lollipop设备上显示不一样?如何让它看起来像Android牛轧糖设备一样?

(类似问题的这个回答没什么帮助。)

共有1个答案

赵俊侠
2023-03-14

我找到了一个解决方案,但并不理想,因为这意味着要有独立的背景和进度可提取资源。。。

因此,我现在为我的进度条提供了以下两个属性:

<item name="android:background">@drawable/my_progress_bar_bg</item>
<item name="android:progressDrawable">@drawable/my_progress_bar_progress</item>

my_progress_bar_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:left="-2dp"
        android:right="-2dp">
        <shape android:shape="rectangle">
            <solid
                android:color="@color/transparent" />
            <stroke
                android:color="@color/progress_bg"
                android:width="2dp" />
        </shape>
    </item>
</layer-list>

my_progress_bar_progress.xml:

<?xml version="1.0" encoding="utf-8"?>
<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/progress">
        <clip>
            <layer-list>
                <item
                    android:left="-2dp"
                    android:right="-2dp">
                    <shape android:shape="rectangle">
                        <solid
                            android:color="@color/transparent" />
                        <stroke
                            android:color="@color/progress_progress"
                            android:width="2dp" />
                    </shape>
                </item>
            </layer-list>
        </clip>
    </item>
</layer-list>
 类似资料:
  • 铬:58.0.3029.81 量角器:5.1.1 WebDriver-Manager:12.0.4 Chrome驱动程序:2.29 节点:6.9.4

  • 主要内容:实例我们经常需要在 UI 上,例如在弹出框、加载框、其他弹出层中显示或隐藏背景层。 在组件中可以使用$ionicBackdrop.retain()来显示背景层,使用$ionicBackdrop.release()隐藏背景层。 每次调用retain后,背景会一直显示,直到调用release消除背景层。 实例 HTML 代码 JavaScript 代码 尝试一下 » 显示效果如下图所示:

  • 我们经常需要在 UI 上,例如在弹出框、加载框、其他弹出层中显示或隐藏背景层。 在组件中可以使用$ionicBackdrop.retain()来显示背景层,使用$ionicBackdrop.release()隐藏背景层。 每次调用retain后,背景会一直显示,直到调用release消除背景层。 实例 HTML 代码 <body ng-app="starter" ng-controller="a

  • 我想要什么 我试图为类设置背景图像,存储在amazon s3上的图像,我通过rails上的回形针对象访问图像 css类 在浏览器上输出 问题 该图像在浏览器上不可见,但当我访问amazon s3 url(在css类上生成)时,我可以查看该图像。 并且浏览器还为此文件抛出403错误,

  • 问题内容: 我有一个列表,并且每个项目都已链接,有没有办法我可以为每个项目替换背景颜色? 问题答案: 一些可爱的CSS3怎么样?

  • 我只是想创建一个自定义的背景,但我不知道如何做到这一点与xml不与图像。 这里是xml: 这里是ui_shape 和颜色 这是我得到的 有人知道吗?