最近做音视频聊天需求 有一个功能是收到呼叫的推送 弹出一个自定义卡片布局悬浮在状态栏下面居中显示,而且不能遮挡其他可见布局的操作，本来这种弹框类的卡片一般都是用dialog或dialogActivity来实现,但是这里要求不遮挡其他布局的操作,所以最终采用windowManager来实现。1.首先查了下资料 关于悬浮窗权限的资料 这里参考:android动态申请悬浮框权限,Androi
转载
2023-08-17 17:46:43
1263阅读
# Android View 点击穿透实现指南
在Android开发中，“点击穿透”是一个常见的需求，特别是在我们的布局中有多个重叠的视图时。有时候我们希望底下的视图能够接收到点击事件，而不是顶部被遮挡的视图。在这篇文章中，我将带你了解如何实现这一功能。
## 整体流程
下面的表格展示了我们实现“点击穿透”的步骤：
| 步骤 | 说明 |
|------|--------
原创
2024-09-04 06:28:30
59阅读
一、click事件的300毫秒延迟是怎么产生的？苹果在2007年发布iphone前夕遇到一个问题，当时相应的网页都是针对大屏编写的，如果直接在iphone上浏览则会出现横向的滚动条，于是他们制定了一些规则来缩放网页，通过双击可以还原网页大小，这种方法后来被其它移动浏览器厂商所采用。300毫秒延迟产生的原因就在于当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或使用其他视觉效果，可以实现遮罩层的效果。这样的遮罩层将位于所有其他内容的顶部，并阻止点击
转载
2024-07-03 22:27:16
147阅读
经常在项目中被点击事件各种坑，今天就来总结下吧直接说结论：点击事件的响应顺序Activity —> ViewGroup —> View当点击事件来到ViewGroup时会根据点击的xy坐标遍历布局中的子view判断是否在其区域内，遍历顺序为最顶层到最底层。如果这时候覆盖在view上的view没有消费这个点击事件，那么事件就会继续传递下去，就导致了点击事件的透传，而 TextView
转载
2023-10-09 20:12:46
843阅读
什么是事件穿透？点击上面的一层时会触发下面一层的事件”google”说原因是“tap事件实际上是在冒泡到body上时才触发”，也就是Zepto的tap事件是绑定在document上的，所以会导致现象原因：zepto的tap通过兼听绑定在document上的touch事件来完成tap事件的模拟的,及tap事件是冒泡到document上触发的，再点击完成时的tap事件(touchstart\touch
转载
2024-07-02 20:13:18
67阅读
一、click 与tap比较click与tap都会出发点击事件，但是在手机web端，click会有200-300ms延迟，所以一般用tap（轻击）代替click作为点击事件。singleTap 和 doubleTap分别代表单击和双击。二、使用tap会出现点透事件（事件穿透）很多用过Zepto（移动端开发的库）都说使用tap会出现点透事件。1、什么是tap事件穿透执行完上层绑定的tap事件后，下层
转载
2024-07-19 01:44:32
79阅读
通过Canvas来调节层级原理每个Panel都带Canvas，然后Canvas的Render Mode 选择 Screen Space - Camera，最后通过Order in Layer 这个参数来进行层级排序。这无疑是一个方便的方案，但同时也会导致一些问题问题1.美术难以对层级做区分处理特效中的Order in Layer如果设定的层级高过其他Panel的层级，那么依然会导致穿透问题，这需要
转载
2023-10-16 02:47:56
213阅读
# 安卓视图点击穿透给别的应用的实现
在安卓应用开发中，有时候我们需要实现“点击穿透”效果，让用户点击某个界面元素时，事件能够传递到背后的应用或视图。下面我们将逐步实现这一需求，帮助你熟悉其中的实现流程。
## 过程中主要步骤
为实现点击穿透，我们可以按照以下步骤进行：
| 步骤序号 | 描述 |
|----------|--------------
原创
2024-10-18 08:39:43
98阅读
# Android 点击穿透实现教程
在Android开发中，我们有时会遇到“点击穿透”的需求。当我们希望某个透明的视图能够让用户点击到下面的视图时，就需要实现“点击穿透”。本文将从流程、代码示例、到最终的效果，完整地教你如何实现这一功能。
## 整体流程
以下是实现点击穿透的整体流程：
| 步骤 | 描述 |
|
在近期的一个移动端项目中，有一个页面需要有弹框提示，并且这个弹框通过关闭按钮关闭。页面当中使用了 iScroll 来实现页面局部滚动，在 iScroll 的配置当中把 tap 和 click 事件都开启了。 代码如下：this.myScroll = new IScroll(this.$refs.wrapper, {
mouseWheel: true,
click: true,
tap: tr
转载
2023-11-28 13:56:33
213阅读
一、背景博主所负责其中一个项目是web页面，在移动端上出现了事件穿透问题，开发介绍问题原因后，发觉是移动web一个知识点，值得记录一下。二、click与300ms延迟移动浏览器提供一个特殊的功能：双击（double tap）放大300ms的延迟就来自这里，用户触碰页面之后，需要等待一段时间来判断是不是双击（double tap）动作，而不是立即响应click（单击），等待的这段时间大约是300ms
转载
2024-01-10 12:22:28
297阅读
项目中采用Activity配合Fragment来完善整体布局框架，但是当多个Fragment添加进Fragment栈时，由于处于栈底的Fragment绑定了点击跟滑动监听事件，当新的Fragment添加进栈的时候，虽然上层的Fragment并没有实现任何监听事件，当时当用户触摸或者在屏幕上滑动的时候依然会触发位于栈底的Fragment上绑定的监听事件，其实这个问题看起来很奇葩，但是解决起来并不难，
转载
2023-12-23 21:58:47
34阅读
点击穿透现象有3种：点击穿透问题：点击蒙层（mask）上的关闭按钮，蒙层消失后发现触发了按钮下面元素的click事件蒙层的关闭按钮绑定的是touch事件，而按钮下面元素绑定的是click事件，touch事件触发之后，蒙层消失了，300ms后这个点的click事件fire，event的target自然就是按钮下面的元素，因为按钮跟蒙层一起消失了跨页面点击穿透问题：如果按钮下面恰好是一个有href属性
转载
2023-11-25 19:57:16
99阅读
1.点击穿透bug事件机制：动作，监听 动作每时每刻都会发生，只要用户点击，就会发生在动作。监听了这个动作才能执行我们的代码，不监听就是白点。click就是动作模拟出来的，当用户进行触摸后，浏览器300ms后就会模拟click这个动作，就算不监听，触摸后也会模拟。 总之，不管监听不监听，动作都会发生。鼠标事件在移动端是被模拟的，在发生触摸这个动作之后，等300ms后模拟的。 超链接和button自
转载
2024-05-10 09:15:05
247阅读
1、概况说完移动端点击300ms延迟的问题，还不得不提一下移动端点击穿透的问题。可能有人会想,既然cick点击有300ms的延迟，那对于触摸屏，我们直接监听 touchstart事件不就好了吗?使用 touchstart去代替click事件有两个不好的地方。1、touchstart昰指触摸屏幕就触发，有时候用户只是想滑动屏幕，却触发了 touchstart事件，这不是我们想要的结果。2、使用 to
转载
2023-10-17 11:19:27
789阅读
问题在做手机页面的时候，遇到这样一个问题：
点击抽奖后，会出现一个弹框，点击弹框上的"确定"按钮，这时问题出现了，当确定按钮和下边的抽奖按钮重合时，弹框隐藏，并且同时触发了抽奖按钮！！！这时就了解到：什么是事件穿透？点击上面的一层时会触发下面一层的事件。zepto的tap是通过兼听绑定在document上的touch事件来完成tap事件的模拟的,tap事件是冒泡到document上触发的。
在点击
转载
2024-01-06 22:40:06
123阅读
# Android PopWindow点击穿透实现指南
在Android开发中，PopWindow是一种非常灵活的UI工具，可以用于显示临时内容，如下拉菜单、提示框等。然而，我们有时会遇到一个问题，当用户在PopWindow透明区域进行点击时，事件不会传递到底层的视图。这种情况下，我们需要实现PopWindow的“点击穿透”效果。本篇文章将带你逐步了解如何实现这一目标。
## 流程概述
下面
# Android XML 点击穿透实现教程
在Android开发中，"点击穿透"是指当我们在一个视图上点击时，事件会传递到下面的视图。这种效果通常用于透明的视图，比如使用 `FrameLayout` 将多个元素堆叠在一起时。实现这个效果的基本原理是重写父视图的 `onTouchEvent()` 方法，使得触摸事件可以传递给后面的子视图。在本篇教程中，我们将逐步实现"点击穿透"的功能。
##
原创
2024-10-19 08:12:11
72阅读
在移动端页面上，当有 fixed 遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题解决方法一：css之overflow:hiddenhtml, body {
overflow: auto;
height: 100%;
}使用这种方法时，在与饿了么前端 mint-ui 组件库中的 Infinite scroll 存在冲突，导致在无限滚动
转载
2023-12-28 15:44:53
183阅读
