Question

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

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

我试过了：

更改视图的位置（进度条上方/下方的按钮）

不确定

使用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

问题与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 2

在预览中，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 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>

进度条在按钮中间

3 个答案: