fragment点击事件穿透解决方法

最新推荐文章于 2024-11-27 15:10:14 发布

转载最新推荐文章于 2024-11-27 15:10:14 发布 · 414 阅读

本文介绍了一种在Android应用中解决Fragment层叠时产生的点击穿透现象的方法。通过为每个Fragment的根布局设置android:clickable=true属性，可以有效避免上层Fragment误触发下层Fragment或Activity的点击事件。

一切源于抄袭

来自：http://blog.youkuaiyun.com/coco_wonderful/article/details/46051589#comments

叠在一起的fragment上层会响应下层的按钮点击事件，而且还会响应activity中的点击事件。在每个fragment布局的根节点加一条android:clickable="true"可破。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aa2010512

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Android之解决点击PopupWindow外部不消失并且不穿透事件

码莎拉蒂

08-03

1万+

1 问题需要实现PopupWindow内部可以点击,但是外部点击不会消失 2 初步解决办法设置PopupWindow的mFocusable属性mOutsideTouchable属性,我们知道如果我们不想穿透事件,也就是说,不想出现点击Popuowindow外部的文本框或者按钮生效,我们需要获取Popuowindow的焦点,也就是设置mFocusable值为t...

Android在Fragment中调用另一个Fragment

VS2015 + Halcon18 - (一) MFC加载图片&打开相机

11-29

2993

在Fragment中调用另一个Fragment 需求源于，想要在一个Fragment的内ListView中点击item，然后在相同的界面上覆盖显示对应item的内容（一个LinecChart）最初想的是在一个PopUpwindow中加载LineChart，但是失败了，遂作罢，转向用Fragment加载。附效果图

参与评论您还未登录，请先登录后发表或查看评论

fragment点击事件穿透问题

PsEmperor

09-05

2033

叠在一起的fragment上层会响应下层的按钮点击事件，而且还会响应activity中的点击事件。在每个fragment布局的根节点加一条android:clickable="true"可破

关于Fragment叠加点击穿透的解决方案

谢栋的专栏

01-03

7727

项目中采用Activity配合Fragment来完善整体布局框架，但是当多个Fragment添加进Fragment栈时，由于处于栈底的Fragment绑定了点击跟滑动监听事件，当新的Fragment添加进栈的时候，虽然上层的Fragment并没有实现任何监听事件，当时当用户触摸或者在屏幕上滑动的时候依然会触发位于栈底的Fragment上绑定的监听事件，其实这个问题看起来很奇葩，但是解决起来并不难，...

Android 关于DialogFragment的充满及点击背景穿透

Keepsty的博客

08-02

6152

// 设置宽度为屏宽, 靠近屏幕底部。 Window win = getDialog().getWindow(); win.getAttributes().windowAnimations = R.style.CollectDialogAnimation; // 一定要设置Background，如果不设置，window属性设置无效 win.setBackgroundDrawable(new Co...

Fragment 点击穿透解决办法

MapleShao

11-10

3010

在做项目，用activity+fragment 填充视图时，发现有些Fragment会存在点击穿透效果（就是底层的Fragment可以响应上层的触摸以及点击事件）但是当填充的Fragment的跟布局是ScrollView时就不会有这种现象。比如：当我们建立一个fragment A的时候需要点击跳转到fragment B中，为了返回时不重新加载fragment A所以我们会使

Android通过hide&show管理多Fragment出现重叠以及点击穿透的解决之道

qq_43580100的博客

05-20

779

Fragment点击穿透我目前项目的首页是一个MainActivity包含5个Fragment，通过hide&show来进行tab切换。在刚开始就遇到了一个很恶心的问题：当前Fragment页，点击能跳转到其他Fragment页的内容。具体来说就是不应该被点击的位置，出现了其它Fragment页面对应位置的点击事件。这个问题不是100%的复现的，而且有些机型不会出现，有些又很频繁这个问...

DialogFragment的使用及利用自定义interface点击事件并解决旋转屏幕点击事件失效问题

08-03

本教程将深入探讨DialogFragment的使用，以及如何利用自定义接口处理点击事件，并解决在屏幕旋转时点击事件失效的问题。首先，让我们了解DialogFragment的基本使用。要创建一个DialogFragment，你需要继承...

viewpager嵌套多个Fragment并处理点击事件

quanjin24k的专栏

11-25

9853

前记：本身自己对于fragment了解的就不太多，当自己半路插进项目组开始继续开发的时候，我发现了viewpager+fragment 而且做这个功能的那哥们儿告诉我说就差点击事件没实现了、、我当时就菊花一紧，你大爷的，你做不出来的烂摊子让我这个不懂fragment的来收拾让我情何以堪、、你都倒腾了半年了、心里虽然骂了特一顿，但是作为一个程序素养不错的咱，还是接过来了。开始尝试：

Fragment中监听和拦截点击MotionEvent事件

LrvingTc的博客

06-13

3871

由于Fragment中没有dispatchTouchEvent()方法和OnTouchEvent()方法对事件进行分发和处理，所以如果想要在Fragment中拦截点击事件的话可以这样做： override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) view.setOnTouchListener { v, e

Dialog事件穿透解析

重学Android，保持学习

11-03

520

背景 activity上弹出全屏dialog，需要在dialog透明度为0的地方进行事件传递，即下方的activity响应事件。毫无疑问，事件分发。但是之前我们都是在同一个view树上进行递归分发，那么dialog和activity也是这样吗？事件分发于是，按照常规思路，dialog是依附在activity上展示的，那么只需要对dialog中rootview的onTouchEvent事件进行不拦截，返回false，最后会调用activity的onTouchEvent方法，代码如下： @Overri

Fragment嵌套时点击子Fragment出现点击事件穿透到父Fragment界面

牛八少爷的专栏

09-02

874

问题：Fragment嵌套时点击子Fragment出现点击事件穿透到父Fragment界面；解决方案：在子Fragment的布局文件的最外层控件中添加 android:clickable="true" 这样就可以拦截事件的分发；但是，但是，但是：问题：这样会影响子Fragment布局文件中的其他控件；解决方案：所有受影响的控件都添加： android:clickable=...

fragment点击穿透事件触发解决方法

PsEmperor

02-20

782

解决方法如下：在fragment的控件中添加（android:clickable="true"）属性即可解决。

Fragment闪屏，Fragment拦截事件处理

chenhao26795的专栏

11-23

938

问题1：当切换Fragment时，出现闪屏状况，解决如下：参考：http://blog.youkuaiyun.com/maosidiaoxian/article/details/42462769 在Activity的onCreateView里，添加一句话： getWindow().setFormat(PixelFormat.TRANSLUCENT);

DialogFragment点击背景透明区域不可取消的设置

chengcanyue的博客

03-14

3820

实现的DialogFragment的效果图附上BaseFragment中的代码： @Override public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { dialog = getDialo...

关于fragment点击能穿透问题

跨步登天

07-16

4845

本人在做项目的过程中遇到的这个问题，然后就在网上百度了一下，之后也是在csdn上看到博友发过此类问题的解决办法，所以特此重新总结一下，顺便也给自己提个醒，避免出现此类问题。好！下面我们说一下问题：举例：当我们建立一个fragment A的时候需要点击跳转到fragment B中，为了返回时不重新加载fragment A所以我们会使用add的方法来讲fragment A加入到后退栈中。

关于Fragment点击事件穿透的三个解决方案

joye123的博客

08-10

2390

关于Fragment点击事件穿透的三个解决方案方案一：在XML文件的根布局中添加属性android:clickable=”true”像下面这样<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/a

7. 点击穿透

LBJ辉的前端天地

11-27

964

点击穿透（Click Through）是一个在前端开发中常见的问题，特别是在处理移动端或触屏设备的交互时。它通常发生在用户点击一个浮层（如弹窗、下拉菜单等）的关闭按钮时，由于某些原因，点击事件不仅触发了浮层的关闭，还“穿透”到了浮层下方的页面元素上，导致该元素也被点击。

写一个fragment点击空白处的监听 kotlin

最新发布

08-15

<think>我们将在Fragment中实现点击空白区域（即非特定视图区域）的监听。通常，我们可以通过以下步骤实现： 1. 在Fragment的根布局上设置点击监听器。 2. 当点击事件发生时，判断点击的位置是否在需要排除的子视图区域之外。 3. 如果在空白区域，则执行隐藏键盘、清除焦点等操作。但是，注意：Fragment的根布局可能包含多个子视图，我们只希望在点击非输入区域（比如EditText）时隐藏键盘。以下是一种常见的实现方式：步骤： 1. 在Fragment的onViewCreated方法中获取根视图。 2. 为根视图设置OnTouchListener，在触摸事件中判断当前触摸点是否在需要排除的视图（如EditText）内。 3. 如果不在，则隐藏键盘并清除焦点。但是，更简单的方法是：在根布局上设置点击事件，然后检查当前焦点视图，如果焦点视图是EditText且点击事件发生在EditText之外，则隐藏键盘。以下代码示例展示了如何实现： ```kotlin class MyFragment : Fragment() { override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) // 设置根视图的点击监听 view.setOnClickListener { // 当点击根视图时，判断当前是否有EditText获得焦点 val currentFocus = activity?.currentFocus if (currentFocus is EditText) { // 隐藏键盘 hideKeyboard(currentFocus) // 清除焦点 currentFocus.clearFocus() } } } private fun hideKeyboard(view: View) { val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager imm.hideSoftInputFromWindow(view.windowToken, 0) } } ``` 但是，上述方法有一个问题：当点击非EditText区域时，会隐藏键盘，但如果点击的是其他可点击的控件（比如按钮），则不会触发空白点击。因此，我们需要确保只有点击真正的空白区域（即没有任何子视图消费点击事件的区域）才触发。另一种方法：在根布局上设置一个TouchListener，检测触摸事件，如果事件没有被消费（即点击在空白处），则执行隐藏键盘的操作。我们可以这样实现： ```kotlin view.setOnTouchListener { _, event -> if (event.action == MotionEvent.ACTION_DOWN) { val currentFocus = activity?.currentFocus if (currentFocus is EditText) { val outRect = Rect() currentFocus.getGlobalVisibleRect(outRect) // 如果触摸点不在EditText的区域内 if (!outRect.contains(event.rawX.toInt(), event.rawY.toInt())) { hideKeyboard(currentFocus) currentFocus.clearFocus() } } } false // 返回false，表示不消费事件，让事件继续传递 } ``` 但是，这种方法可能会干扰其他触摸事件的处理。因此，更推荐的做法是：在Fragment的根布局上设置一个点击监听，但要求根布局是一个可点击的布局（如FrameLayout, LinearLayout等），并且设置其clickable="true"，这样它就会消费点击事件。然后，我们只需要在根布局的点击事件中处理即可。注意：如果根布局已经有子控件设置了点击事件，那么点击子控件时，根布局的点击事件不会被触发（因为子控件消费了事件）。所以，我们可以在根布局的点击事件中直接隐藏键盘。具体步骤： 1. 在Fragment的布局文件中，将根布局设置为可点击（android:clickable="true"），并且设置android:focusableInTouchMode="true"（可选，用于获取焦点）。 2. 在onViewCreated中，为根布局设置点击事件。示例布局： ```xml <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/rootView" android:layout_width="match_parent" android:layout_height="match_parent" android:clickable="true" android:focusableInTouchMode="true">  </FrameLayout> ``` 在Fragment中： ```kotlin override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) val rootView = view as ViewGroup rootView.setOnClickListener { // 隐藏键盘 hideKeyboard() } } private fun hideKeyboard() { val view = activity?.currentFocus view?.let { val imm = requireActivity().getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager imm.hideSoftInputFromWindow(it.windowToken, 0) it.clearFocus() } } ``` 注意：这种方法会使得整个布局的空白区域（没有被子视图消费的区域）点击都会触发隐藏键盘。如果布局中有其他需要点击的控件，那么点击那些控件时不会触发根布局的点击事件（因为子控件消费了事件），所以不会影响其他控件的点击。但是，如果有一个EditText，当它获得焦点时，我们点击它，键盘会显示，然后我们点击空白区域（即根布局），键盘会隐藏。同时，EditText会失去焦点。另外，如果根布局中有多个EditText，我们也可以这样处理，因为activity?.currentFocus会返回当前获得焦点的视图。总结：在Fragment中实现空白区域点击监听，主要步骤是： 1. 设置根布局为可点击（clickable=true）。 2. 在根布局的点击事件中隐藏键盘并清除当前焦点视图的焦点。这种方法简单且有效。引用说明：在Fragment中设置监听的方式与Activity类似，但需要注意Fragment视图的生命周期[^1][^2][^3][^4]。</think>### 在 Kotlin 中实现 Fragment 空白区域点击监听在 Android Fragment 中实现空白区域点击监听，可以通过以下步骤实现： #### 核心实现方案 ```kotlin class MyFragment : Fragment() { override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) // 1. 获取根布局 val rootView = view.findViewById<ViewGroup>(R.id.root_container) // 2. 设置空白区域点击监听 rootView.setOnTouchListener { _, event -> if (event.action == MotionEvent.ACTION_DOWN) { // 3. 隐藏键盘 hideKeyboard() // 4. 清除焦点 clearFocusOnEditTexts(rootView) } false // 返回false让事件继续传递 } } // 隐藏软键盘 private fun hideKeyboard() { val imm = requireContext().getSystemService(INPUT_METHOD_SERVICE) as InputMethodManager imm.hideSoftInputFromWindow(view?.windowToken, 0) } // 递归清除所有EditText的焦点 private fun clearFocusOnEditTexts(viewGroup: ViewGroup) { for (i in 0 until viewGroup.childCount) { val child = viewGroup.getChildAt(i) if (child is EditText) { child.clearFocus() } else if (child is ViewGroup) { clearFocusOnEditTexts(child) } } } } ``` #### XML 布局配置 ```xml  <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/root_container" android:layout_width="match_parent" android:layout_height="match_parent" android:clickable="true"  android:focusableInTouchMode="true">   <EditText android:id="@+id/et_username" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="用户名"/> <EditText android:id="@+id/et_password" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="密码" android:inputType="textPassword"/> <Button android:id="@+id/btn_submit" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="提交"/> </FrameLayout> ``` #### 实现原理说明 1. **根布局捕获事件** 通过设置根布局的 `android:clickable="true"` 属性，使其能够接收点击事件[^1] 2. **触摸事件处理** 使用 `setOnTouchListener` 监听 ACTION_DOWN 事件，确保在用户触摸屏幕时立即响应 3. **键盘隐藏** 使用 `InputMethodManager` 隐藏当前显示的软键盘 4. **焦点管理** 递归遍历所有子视图，清除 EditText 的焦点状态 #### 高级优化方案 ```kotlin // 在 Fragment 基类中实现通用功能 abstract class BaseFragment : Fragment() { // 注册空白区域点击监听 fun registerBlankAreaClick(root: ViewGroup) { root.setOnTouchListener { _, event -> if (event.action == MotionEvent.ACTION_DOWN) { handleBlankAreaClick() } false } } private fun handleBlankAreaClick() { hideKeyboard() view?.let { clearFocusRecursive(it) } } private fun clearFocusRecursive(view: View) { if (view is ViewGroup) { for (i in 0 until view.childCount) { clearFocusRecursive(view.getChildAt(i)) } } else { view.clearFocus() } } } // 具体 Fragment 实现 class LoginFragment : BaseFragment() { override fun onViewCreated(view: View, savedInstanceState: Bundle?) { super.onViewCreated(view, savedInstanceState) val root = view.findViewById<ViewGroup>(R.id.root_container) registerBlankAreaClick(root) } } ``` #### 不同场景下的处理方案 | 场景 | 解决方案 | 代码示例 | |------|----------|----------| | 简单布局 | 直接设置根布局点击监听 | `rootView.setOnClickListener { hideKeyboard() }` | | 复杂布局 | 递归清除焦点 | `clearFocusRecursive(rootView)` | | 需要排除特定区域 | 添加触摸点检测 | `if (!isPointInsideView(event, excludedView)) { ... }` | | 对话框Fragment | 自定义对话框背景点击 | `dialog.window?.decorView?.setOnClickListener { dismiss() }` | #### 排除特定区域的实现 ```kotlin // 检查触摸点是否在特定视图内 private fun isPointInsideView(event: MotionEvent, view: View): Boolean { val location = IntArray(2) view.getLocationOnScreen(location) val x = event.rawX val y = event.rawY return x > location[0] && x < location[0] + view.width && y > location[1] && y < location[1] + view.height } // 在监听器中使用 rootView.setOnTouchListener { _, event -> if (event.action == MotionEvent.ACTION_DOWN) { val excludeView = view.findViewById<View>(R.id.excluded_area) if (!isPointInsideView(event, excludeView)) { handleBlankAreaClick() } } false } ``` #### 常见问题解决 1. **事件冲突** 设置 `android:clickable="true"` 防止事件穿透[^2] 2. **键盘不隐藏** 确保使用正确的窗口令牌：`requireActivity().window.decorView.windowToken` 3. **焦点不清除** 使用递归方法遍历所有子视图，确保清除所有输入框焦点 4. **对话框Fragment特殊处理** ```kotlin override fun onStart() { super.onStart() dialog?.window?.decorView?.setOnClickListener { dismiss() } } ``` 通过以上实现，可以在 Fragment 中高效处理空白区域点击事件，提升用户体验[^3][^4]。