如何单击小部件的外部并关闭小部件？

Question

以下屏幕截图是我项目的一部分，我使用列表视图而不是popupwindow 的灰名单。 但是我想实现像popupwindow这样的效果，当我点击弹出窗口的外部时，弹出窗口会消失。

我能做什么，请教我，谢谢先进

Answer 1

如果您将红色区域的容器设置为诸如LinearLayout 或RelativeLayout 之类的布局填充屏幕，那么您可以通过XML 或以编程方式使其可点击并在那里捕获点击。 Here 是如何执行此操作的一个简单示例。

这假设您只想在单击白色区域时关闭。

更新：这是一个简单的例子。如果点击这个小应用程序，它会将白色区域设置为红色。在点击监听器中，您可以轻松地完成消除红色区域所需的操作。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<!--Set onClick and clickable here to capture clicks. -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/backgroundLayout"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white"
    android:clickable="true"
    android:onClick="layoutClicked"
    tools:context="com.example.layout2.MainActivity">

    <!--Set clickable here, too, to capture clicks so they don't propagate
    to underlying view. The button is still enabled, though. -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:background="@android:color/holo_blue_bright"
        android:clickable="true">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Hello World!"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
    </LinearLayout>

</LinearLayout>

以及支持代码：

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void layoutClicked(View view) {
    // Set the background color of the "outside" area to red.
    // This is where you would dismiss the red area.
        view.setBackgroundColor(0xFFDD0000);
    }
}