加载动画期间变暗/暗淡的背景元素 - Android

Question

在单击登录按钮时出现一个进度条微调器，我希望微调器后面的元素在屏幕上可见微调器时变暗或变暗。我的布局文件目前看起来像这样：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="apps.kusasa.biz.MainActivity" >

    <EditText
        android:id="@+id/EditText01"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@+id/editText2"
        android:layout_alignLeft="@+id/editText2"
        android:layout_alignRight="@+id/editText2"
        android:ems="10"
        android:hint="Username"
        android:inputType="text" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/loginBtn"
        android:layout_centerHorizontal="true"
        android:ems="10"
        android:hint="Password"
        android:inputType="textPassword" >

        <requestFocus />
    </EditText>

    <Button
        android:id="@+id/loginBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/EditText01"
        android:layout_alignParentBottom="true"
        android:layout_alignRight="@+id/EditText01"
        android:layout_marginBottom="67dp"
        android:text="Login" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/EditText01"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/pics_logo" />

    <ProgressBar
        android:id="@+id/progressBar1"
        style="?android:attr/progressBarStyleLarge"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/editText2"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="77dp" />

</RelativeLayout>

我的按钮点击方法：

@Override
public void onClick(View v) {
    switch (v.getId()) {
    case R.id.loginBtn:
        spinner.setVisibility(View.VISIBLE);
        // etc
    }
}

我该如何实现这一目标？谢谢！

Answer 1

当您的微调器与您想要调暗的元素处于相同的布局时，这将是艰难的。我将微调器移动到单独（父）布局，然后将带有alpha通道的背景颜色应用于relativelayout。例如＃99000000

Answer 2

我所做的是创建一个自定义对话框，它只有进度条（而不是一个完整的对话框作为视图）：

class ProgressBarDialog(context: Context) : Dialog(context) {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        requestWindowFeature(Window.FEATURE_NO_TITLE)
        setContentView(R.layout.progress_bar_dialog)
        setCancelable(false)
        this.window.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
    }

    override fun onBackPressed() {
        // do nothing
    }
}

视图（progress_bar_dialog.xml）：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent">
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />
</RelativeLayout>

而已。给出了暗淡的背景（通过扩展的Dialog()）并通过设置setCancelable(false)并覆盖onBackPressed()方法，用户不能在等待结束之前将其解雇。您只需在活动中使用它：

var mMyProgressBarDialog = ProgressBarDialog()

然后当你需要它时，调用mMyProgressBarDialog.show()，当你需要它时，调用mMyProgressBarDialog.dismiss()消失。

希望这可以帮助。