这是我的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牛轧糖设备一样?
(类似问题的这个回答没什么帮助。)
我找到了一个解决方案,但并不理想,因为这意味着要有独立的背景和进度可提取资源。。。
因此,我现在为我的进度条提供了以下两个属性:
<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 和颜色 这是我得到的 有人知道吗?