按钮中间的进度条

Question

我想在标准按钮的中间创建一个进度条，如下所示：

在 xml 布局中，当我点击进度条时，我确实看到它位于我希望的位置，但实时时，我看不到它，感觉它隐藏在下面按钮。

我试过了：

更改视图的定位（按钮 above/below 进度条）

不确定

玩弄 ProgressBar 的风格

似乎没有任何效果。

这是我的 xml：

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="match_parent"> <Button android:id="@+id/button_id" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:elevation="1dp" android:text="test button" /> <ProgressBar android:id="@+id/progress" style="?android:attr/progressBarStyleSmall" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/button_id" android:layout_alignTop="@+id/button_id" android:layout_centerHorizontal="true" android:indeterminate="true" android:indeterminateTint="@android:color/holo_blue_dark" android:visibility="visible" /> </RelativeLayout>

Answer 1

在预览中，ProgressBar 总是不可见的（至少对我而言）。

问题是，您对按钮应用了提升。这会更改视图的 z 级别。所以 ProgressBar 确实在您的按钮后面，因为 ProgressBar 没有高度。

为 ProgressBar 设置 3dp 的高度对我有用。

<ProgressBar
    android:id="@+id/progress"
    style="?android:attr/progressBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/button_id"
    android:layout_alignTop="@+id/button_id"
    android:layout_centerHorizontal="true"
    android:indeterminate="true"
    android:elevation="3dp"
    android:indeterminateTint="@android:color/holo_blue_dark"
    android:visibility="visible" />

编辑：你会更好，使用 ProgressDialog.

ProgressDialog dialog = new ProgressDialog(this);
dialog.setMessage("Wait...");
dialog.show();

Answer 2

问题与 elevation 有关。添加 elevation 到 ProgressBar

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent">

    <Button
        android:id="@+id/button_id"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:elevation="1dp"
        android:text="test button" />

    <ProgressBar
        android:id="@+id/progress"
        style="?android:attr/progressBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/button_id"
        android:layout_alignTop="@+id/button_id"
        android:layout_centerHorizontal="true"
        android:indeterminate="true"
        android:elevation="2dp"
        android:indeterminateTint="@android:color/holo_blue_dark"
        android:visibility="visible" />

</RelativeLayout>

Answer 3

如果您仍需要支持早于 21 的设备（因此无法使用 android:elevation），请尝试将您的按钮包裹在另一个虚拟布局中。我以 FrameLayout 为例。

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Submit" />
    </FrameLayout>

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="match_parent"
        android:layout_height="24dp"
        android:layout_gravity="center"
        android:indeterminateTint="@android:color/white" />
</FrameLayout>

按钮中间的进度条

progressbar in the middle of a button

android

android-layout

android-progressbar

android-xml

android-button