微信小程序中使用map组件，ios手机中点击地图上的view，会触发底下的markertap，只要底下如果有marker点的话。这就造成了用户体验不是很好。然后无意间我发现点击能滑动的scroll-view反而不会触发底下的markertap，就等于是一个不穿透的容器。我就在想是不是view也可以换成scroll-view，然后防止穿透点击，答案是：可以。但是体验还是不太好，因为scroll-vi
转载
2024-01-13 06:56:05
803阅读
安卓的webview和自带浏览器下有个奇怪的现象。现象：1、如果输入框input或者textarea的正上方（z轴方向，即上层）有个div，当点击这个div使得div隐藏了之后，input会得到焦点，导致软键盘弹出。2、浏览视图点击某个地方切换到编辑视图，如果浏览视图点击的位置 在 编辑视图相应位置有个输入框，那么切换过去之后，编辑页的输入框会自动得到焦点。这个体验很不舒服。讨论：这个不是点击事件
转载
2024-06-18 06:01:40
179阅读
专门解决类似创维光电所使用的LG触摸框，此触摸框没有触摸穿透协议，只有开关触摸协议。曾应用于mstar828、mstar848/8386、MT9632、MT9630平台。无论是amlogic平台、MTK平台还是RK平台，但凡是使用了Android平台用信号源的都可以使用。 对于USB+串口的触摸框同样也可以适用，只不过有
转载
2024-02-03 23:04:09
90阅读
一 什么是上拉触底上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。二 监听页面的上拉触底事件在页面的 .js 文件中，通过 onReachBottom() 函数即可监听当前页面的上拉触底事件。示例代码如下。/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
console.log('触发了上拉触底的事件
# iOS小程序滚动穿透解析
## 什么是滚动穿透？
在开发iOS小程序时，常常会遇到“滚动穿透”这一问题。简单来说，当用户在某个视图（例如模态框或弹出层）中滚动时，如果该视图的滚动被正常处理，底层视图的滚动也会被触发。这种行为就被称为滚动穿透。
滚动穿透通常会导致用户体验不佳，例如，当用户想在弹出层中查看内容时，不小心滚动到了背景内容。为了提升用户体验，避免这种情况发生，我们需要采取一些措
滚动穿透问题 在做商城类项目时通常都会有商品分类这一项，而大部分的商品分类是由tab分页栏或下拉菜单实现的，咱家此次遇到的问题便是下拉菜单滚动滚动穿透问题。首先声明下定义滚动穿透：在页面本身具有滚动条且页面中含有可滚动元素的前提下，将可滚动元素的X或Y轴滚动到极限后若继续滑动将带动整体页面沿同方向滚动。如下图：&n
转载
2023-10-10 11:14:02
362阅读
hSwiper-wx小程序swiper组件使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。新版传送门，新版已经支持npm包安装旧版传送门，新版已经支持npm包安装演示水平垂直不循环功能支持水平，垂直滚动支持循环无缝滚动过渡位移效果支持自定义过渡位移时间支持自定义支持无限元素的滚动，而不会卡顿（未实现，待续...)安装npm i
转载
2023-11-04 06:37:58
84阅读
侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果： wxml： <!--page/one/index.wxml-->
<view class="page">
<view class="page-bottom">
<vi
转载
2024-01-21 01:06:49
84阅读
事件穿透和拦截机制同样并不是deviceone平台独有的，这个机制几乎是所有和UI相关的技术都共有，了解一下非常有必要。我们会以一个简单的例子来描述事件处理机制运行的过程。屏幕事件处理机制我们先假定是手机屏幕显示一个UI，里面包括了4个View，这些View都是树状结构，父View下包含一个或多个子View，其中最上层的View和屏幕大小是一致的，参考下图：我们可以看到view1有一个子节点vie
转载
2024-07-17 10:53:17
100阅读
# Android 触摸穿透
在Android开发中，我们经常会遇到触摸事件处理的复杂场景。有时我们希望触摸事件能够穿透某个视图，使得底层视图也能够接收到该事件。这种需求通常被称为“触摸穿透”。本篇文章将介绍如何实现触摸穿透，并提供相关代码示例。
## 什么是触摸穿透？
触摸穿透的概念是指，当用户在某个界面上进行触摸操作时，这个操作不仅可以被最上层的视图处理，也可以被其下层的视图接收。在一些
原创
2024-10-12 04:30:19
114阅读
在iOS平台上开发微信小程序时，经常会遇到滚动穿透的问题。这一问题通常发生于页面嵌套了多个滚动元素（例如，滚动视图和列表组件）时，导致用户在某些情况下无法正常滚动或事件传递出现异常。这不仅影响用户体验，同时也影响了小程序的功能性，使得开发者需要深入分析并解决这一问题。
### 问题背景
在移动设备上，用户往往会在多个场景下使用小程序，例如：
- **场景一**：用户在浏览商品时，滑动商品列表
在使用小程序的时候，如果点击很多次就会有可能导致页面假死甚至崩溃。那么微信小程序如何避免多次点击呢?小编带来了解决办法，希望能够对大家有所帮助。最近听产品经理常说，用户点击某个小程序按钮多次，后台还没处理完导致多笔记录生成，我们需要在用户点击后跳转到一个新的页面，其实这根本不是跳页问题，是程序问题，所以我们要尝试着避免多次点击。以前偷懒的时候，在前端我们可能会这么处理：var getUserDat
转载
2024-06-17 21:59:09
244阅读
缘由昨天测试给我的小程序提了一个bug，说：‘我怎么滑动弹出后的这个列表后面的列表也会跟着滑动啊，这很奇快诶’，我：‘我修复一下’。造成问题的场景是一个数据列表页，通过触底上滑加载数据所以我把页面最外层的view加了一个min-height: '100vh'让这个列表可以自动增加高度进行扩容这个列表页有很多筛选条件或者说是筛选项，我做了一个有背景遮罩层的弹出组件，把这些筛选项塞进去，最外层的vie
前言2021年的第一篇技术推文, 来源于昨天codeReview过程中发现的改进点.起源需求: 每次进入首页需判断该用户身份、若满足条件则弹窗、若不满足啥也不干.现状: 封装了用户身份组件, 具备身份判定、弹窗显示等逻辑, 调用方需在onShow时获取组件实例&调用实例方法;弊端: 调用方需在onShow时获取组件实例&调用实例方法、假设我有100个页面都需要引入该组件, 那么10
随着触摸屏的应用和产量的增加，价格下降。因而有可能使用触摸屏作为单片机控制设备的键盘和显示装置，提高单片机控制设备的档次。触摸屏与PLC联合使用时，触摸屏的主要功能是：①显示PLC输入，输出端13或辅助继电器的开关状态。②用触摸按键强制PLC输入，输出端口或辅助继电器的开／关。③显示PLC中定时器、计数器和数据寄存器的内容。④用触摸屏键盘把设定数据送入PLC的数据寄存器中。可规纳成触摸屏与PLC问
转载
2024-02-09 20:55:30
43阅读
【问题描述】 在近期开发的过程中遇到这样一个场景：透明的子窗口覆盖于父窗口之上，但需要父窗口中的部件对鼠标点击事件进行正常的响应。正常情况下，由于子窗口覆盖于父窗口之上，鼠标点击事件会被子窗口中的部件获取，而不会被父窗口中的部件获取到，要解决这个问题，就需要让鼠标点击事件穿透子窗口，下发到父窗口的对应部件中。【解决思路】 要实现事件的穿透，最关键的就是setAttribute(Qt::WA_Tra
转载
2024-01-11 09:28:13
213阅读
React Native从零开始（二）Flexbox布局，和布局属性 一、什么是FlexBox
我们在React Native中使用flexbox规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。
Flexbox是由伸缩容器和伸缩项目组成。 任何一个元素都可以指定Flexbox布局，伸缩容器的子元素可以成为伸缩项目，伸缩项目使用伸缩布局模型来排版。
转载
2024-10-15 14:32:18
91阅读
触摸事件 假设给整个Canvas添加了事件。用网页模拟时，鼠标移动，点击子node都会到。 start() { this._cfgTouchField(); } _onTouchFieldDown(e) { cc.log('table', '_onTouchFieldDown'); } _o
原创
2022-02-15 11:10:34
2707阅读
小程序 支付先看官方文档 https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter2_8_2.shtml知晓有那些比不可少的流程，之后后端确定返回的参数值，用于前端支付。参数值必须一一对应，不然支付会失败uni.requestPayment({
timeStamp: data.timeStamp, //当前的时间
转载
2024-01-11 20:38:05
87阅读
sourceMap是什么在前端开发过程中代码难免会有错误，即便是再小心，也有可能出现 Cannot read property 'xxx' of null 这样的低级失误，debug自然是家常便饭。如何使用chorme的控制台进行debug也有许多技巧，但本文的关注点不在此，不予讨论。在使用构建工具时，sourceMap相相信大多数人都见过，也知道webpack中的devtool参数可以配置打包生
转载
2024-07-19 09:50:31
94阅读
