解决 ProgressBar 上下出现空白现象

解决 ProgressBar 上下出现空白现象 🤠

出现问题

一般情况我们使用如下代码来创建ProgressBar

1
2
3
4
5
6
7
8
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:background="#fff"
android:max="100"
android:indeterminate="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

那么将会出现如下情况:
出现空白间隔问题

解决方案

通过变更android:layout_marginBottomandroid:layout_marginTop在结合android:background设置为透明来处理这个问题:

1
2
3
4
5
6
7
8
9
10
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_marginBottom="-7dp"
android:layout_marginTop="-7dp"
android:background="#00ffffff"
android:max="100"
android:indeterminate="true"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>

以下是处理后的结果
解决问题后

分享到