开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么可触摸不透明onPress不能触发？

可触摸不透明（opacity）属性是用来控制一个元素的透明度的，取值范围为0到1之间，其中0表示完全透明，1表示完全不透明。而onPress是React Native中用于处理触摸事件的属性，当用户点击或触摸一个可触摸元素时，onPress会触发相应的事件处理函数。

然而，如果一个元素的可触摸不透明属性被设置为0，即完全透明，那么该元素将不会接收到触摸事件，因为触摸事件会被该元素“穿透”，传递给位于其下方的其他元素。这意味着，如果一个元素的可触摸不透明属性为0，那么无论用户如何点击或触摸该元素，都不会触发onPress事件。

这种设计是为了提供更好的用户体验。当一个元素完全透明时，用户可能会期望点击或触摸该元素下方的元素，而不是触发该元素的事件。因此，React Native将可触摸不透明属性为0的元素排除在触摸事件的处理范围之外。

总结起来，可触摸不透明属性为0的元素无法触发onPress事件，是为了避免用户在点击或触摸透明元素时产生误操作。如果需要触发onPress事件，需要将可触摸不透明属性设置为大于0的值。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
区块链（BCS）：https://cloud.tencent.com/product/bcs
元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

相关搜索:可触摸不透明按钮指南可触摸不透明中断居中可触摸不透明标题React Native MapView中可触摸组件的onPress上的animateToRegion 异步功能在按下可触摸不透明度时不触发如何通过React Native中的视图传递触摸并触发onPress？如何在父视图中取消可触摸的onPress以支持PanResponder 可触摸不透明度react原生z索引 React原生布局-视图不显示内部可触摸不透明动画后可触摸不透明度不起作用可触摸不透明事件处理在标高上停止工作单击时更改可触摸不透明度内的文本按下时可触摸不透明度获取文本值 React Native Elements -在IOS中不能在输入周围包装可触摸的不透明度 React原生panResponder onRelease事件窃取可触摸不透明按下事件一个可触摸的不透明度，用于播放和暂停当按下一个可触摸不透明度时，另一个可触摸不透明度不会被按下 React Native - Animated.View内部的可触摸不透明度正在触发背景列表视图的事件为什么这个函数不能触发？为什么linkbutton OnClick不能触发？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

React Native按钮详解|Touchable系列组件使用详解

尊重版权,未经授权不得转载本文出自:贾鹏辉的技术博客(http://www.devio.org) 在做App开发过程中离不了的需要用户交互，说到交互，我们首先会想到的就是按钮了，在React Native中没有专门的按钮组件。为了能让视图能够响应用的的点击事件，我们需要借助Touchablexxx组件，来包裹我们的视图。为什么说是Touchablexxx呢，因为它不只是一个组件，而是一组组件，一下四个组件都可以用来包裹视图来响应用户的点击事件。 TouchableWithoutFeedback：

07

基础篇章：关于 React Native 之 Touchable 系列组件的讲解

【回复“1024”，送你一个特别推送】（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）在上篇 ScrollView 的讲解的实例中

09

基础篇章：关于 React Native 之 Touchable 系列组件的讲解

提示：前天文章，重发，不想看的请略过，上次失误忘了加效果图（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间）在上篇 ScrollVi

09

react native简单入门

只执行一次： constructor、componentWillMount、componentDidMount 执行多次：render 、子组件的componentWillReceiveProps、componentWillUpdate、componentDidUpdate 有条件的执行：componentWillUnmount（页面离开，组件销毁时）不执行的：根组件（ReactDOM.render在DOM上的组件）的componentWillReceiveProps（因为压根没有父组件给传递props）

01

手势魅力-设置一个触摸菜单

本篇为一移动端博文,个人觉得这篇外文还可以,就翻译了一下,最终实现的一个效果是:用手势创建一个本地菜单(点击一菜单按钮,实现设置一个触摸侧滑,滑动滑出效果,如下文中的gif图所示),主要涉及的知识点有移动端三大触摸事件(touchstart,touchmove,touchend),触摸属性,以及实现侧边栏动画,在处理移动端点击,拖动,滑动时,是不得要考虑用户的触摸手势,判断手指在页面上到底是点击还是滑动的,利用原生js的方法封装点击,移动,抬起功能函数,尽管移动(手机)端与pc端有很多相似之处,但还是有很多要注意的地方的,如果你想获得该Demo的源码,复制该标题后台回复[手势魅力-设置一个触摸菜单]就可以了的,初次翻译,如果有误导的地方,欢迎路过的老师,多提意见和指正,如果你想阅读英文原文,扫文末下方二维码或者跳转到指定链接就可以了的

04

[092]untrusted-touch-events

来自于一个网友在技术交流群中问题，我正好之前开发过程中也遇到了类似的问题，写个文章记录一下。

01

React-Native 组件之 Modal

Modal组件可以用来覆盖包含React Native根视图的原生视图（如UIViewController，Activity），用它可以实现遮罩的效果。属性 Modal提供的属性有： animationType（动画类型） PropTypes.oneOf([‘none’, ‘slide’, ‘fade’] none：没有动画 slide：从底部滑入 fade：淡入视野 onRequestClose（被销毁时会调用此函数）在 ‘Android’ 平台，必需调用此函数 onShow（模态显示的时候被调用）

05

【Hybrid开发高级系列】ReactNative(七) —— RN组件专题

animating bool型显示指示器(true，默认的)还是隐藏它(false)；

04

行为变更 | Android 12 中不受信任的触摸事件

我们在 Android 12 中进行了一些变更，来提升应用和平台的安全性，进而使我们的用户能够拥有更安全的使用体验。回顾关于隐私和安全的文章，请参阅: 政策更新 | 开发者如何处理软件包可见性。

03

React Native之ListView实现九宫格效果

概述在安卓原生开发中，ListView是很常用的一个列表控件，那么React Native（RN）如何实现该功能呢？我们来看一下ListView的源码 ListView是基于ScrollView扩展

05

运维：推荐一款非常实用的窗口管理增强工具WindowTop

WindowTop Pro专业版是一款Windows上使用的窗口管理增强工具，支持Win7及以上系统，将当前窗口设置在顶部，使其变暗，应用透明性，缩小它，等等！该软件使您可以将任何窗口固定在顶部，启用窗口透明度，甚至单击透明窗口，设置窗口黑暗/阅读模式，将窗口缩小到小尺寸等等。您可以轻松地将窗口设置在顶部，并用红框突出显示最顶部的窗口。您可以在设置中配置此行为（框架颜色等）。

02

jquery nicescroll 配置参数

jQuery滚动条插件兼容ie6+、手机、ipad http://www.areaaperta.com/nicescroll/ jQuery(function($){ $("#scrollInner").niceScroll({ touchbehavior:false, cursorcolor:"#398F70", cursoropacitymax:1, cursorwidth:5, cursorborder:

08

Android仿考拉全局滑动返回及联动效果的实现方法

首次通过右滑来返回到上一个页面的操作是在 IOS7上出现。到目前android应用上支持这种操作的依然不多。分析其主要原因应该是android已有实体的返回按键，这样的功能变得不重要，但我觉得有这样的功能便于单手操作，能提升app的用户体验，特别是从ios转到android的用户。写这篇博文希望可以对大家有所帮助，希望自己的app上有滑动返回功能的可以参考下。

02

jQuery里面的动画

finish 等价 stop(true,true)，当前动画停止，不清除队列，直接队列完成

02

重磅！iOS应用黑暗模式设计终极指南（附套件下载）

在本指南中，我将逐步解释为iOS应用设计暗模式的过程。本文将重新设计WhatsApp，基于Apple的人机界面指南。

01

一个创建自定义事件源的例子

本文讲述了一种可配置化的事件驱动架构，通过使用RunLoop、Event、Timer、DispatchSource等框架，结合自定义事件源，实现了代码可配置化的异步事件驱动架构。该架构可以灵活地应对各种不同的异步任务，具有良好的可扩展性和可维护性。同时，本文还提供了丰富的实例，以展示该架构的用法和实现细节，对于有兴趣深入了解该架构的读者，具有较好的参考价值。

中心放大图片与改变遮罩透明度

上面的分析中，提到了图片和遮罩层，所以我们先在画布中，放入图片元件和矩形元件，因为整个过程是遮罩层为主，所以矩形元件放在图片原件之上

02

【QT】Widget 控件核心属性

Widget 是 Qt 中的核⼼概念. 英⽂原义是 “⼩部件”, 我们此处也把它翻译为 “控件” 。控件是构成⼀个图形化界⾯的基本要素.

01

css opacity属性_CSS中的opacity属性[通俗易懂]

With the growing need of making websites, the need for styling them has also increased. Therefore, CSS has become an indispensable part of creating websites. Thus one must be aware of which properties to use while creating a website.

02

手撕一个让人「欲罢不能」的水波纹选中控件

在 Android 5.0 以后，随着 Material Design 的提出，Android UI 设计语言可谓是提升了一大步，但是在国内其实并没有得到很大的推广应用。

04

React Native技术篇—自定义Toast弹窗「建议收藏」

React Native官方文档：https://reactnative.cn/docs/getting-started/

02

AngularDart Material Design 按钮顶

将mixin用于颜色的优点是它们不会覆盖禁用的状态颜色。您也可以像使用普通DOM元素一样使用CSS设置按钮的样式，尽管这也会影响禁用状态：

04

【STM32H7】第28章 ThreadX GUIX滚轮控件实现参数调节

GUIX有三种滚轮控件，分别是Generic Scroll Wheel，Numeric Scroll Wheel和String Scroll Wheel。我们这里使用的是Numeric Scroll Wheel。

01

【Unity游戏开发】浅谈 NGUI 中的 UIRoot、UIPanel、UICamera 组件

马三最近换到了一家新的公司撸码，新的公司 UI 部分采用的是 NGUI 插件，而之前的公司用的一直是 Unity 自带的 UGUI，因此马三利用业余时间学习了一下 NGUI 插件的使用，并把知识点记录成博客与大家分享。

02

Swift基础不透明的类型

翻译自：https://docs.swift.org/swift-book/LanguageGuide/OpaqueTypes.html

00

Android自定义系列——2.自定义View基础知识

学习自定义控件，坐标系是必须了解的内容，Android中我们需要了解的坐标系有屏幕坐标系，View的坐标系。

01

Swift5.7 扩展不透明类型(some)到泛型参数

Swift 中的泛型语法是为了类型通用性设计，这种通用性允许在函数输入和输出时，使用复杂的类型集合来表达，前提是类型必须前后一致。例如下面这个例子是从两个序列构建一个数组：

Qt quick性能提升[通俗易懂]

只需要再PRO文件中添加一行：CONIFG += qtquickcompiler

01

Swift5.7 支持结构化不透明结果类型

当前提议主要是讲苹果在 Swift5.7 支持不透明结果类型的结构化表达，目前在 Swift5.7 已经实现。

05

使用C语言中的“不透明”指针，可以隐藏很多不想公开的细节

虽说指针是C语言中比较复杂的语法，但是确实非常好用，因此我写过不少文章讨论C语言中的指针，相信对初学者理解指针有一定的帮助。

03

眨个眼就学会了Pixi.js

当今的Web开发中，图形和动画已经成为了吸引用户注意力的重要手段之一。而 Pixi.js 作为一款高效、易用的2D渲染引擎，已经成为了许多开发者的首选（我吹的）。本文将为工友们介绍PixiJS的基础知识和使用方法，希望可以和工友们**快速光速入门**，掌握 Pixi.js 的用法。

01

Alpha混合物体的深度排序

先说个题外话, 本来我想解答一下最近Creators Club论坛上经常出现的一个问题, 意外的是在网上竟然找不到什么全面的答案..

02

【Android 应用开发】Xfermod 图形组合之 SRC 类合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )

区域 ( 源图像素不透明区域 ) : 该区域的透明度与颜色值与源图像一样 ;

01

【STM32F429】第26章 ThreadX GUIX滚轮控件实现参数调节

GUIX有三种滚轮控件，分别是Generic Scroll Wheel，Numeric Scroll Wheel和String Scroll Wheel。我们这里使用的是Numeric Scroll Wheel。

04

QQ隐藏图原理与C#实现(含源文件)

QQ群聊的背景色为白色，而打开图片后的背景色为黑色，如果能巧妙修改图片各个像素的透明度，就可以达到在不同背景下显示出不同图片的功能。

01

宾大联合西安交大发布透明发电晶体，隐形机器人诞生有望

数十年来，科学家在超声波医学成像中使用到了压电技术，所谓压电技术就是用电击打某些晶体材料，它们会改变形状。挤压它们的时候，会感受到震动。这些材料非常敏感，以至于它们可以检测穿过组织传播的声波的运动。

01

android开关按钮

刚开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。起初我在android上我只会使用CheckBox去满足对应的功能。后来，查看开发文档发现，android也有了自己的原生态开关控件，并且在4.0版本中又优化加入了新的类似控件--Switch控件，以及使用起来十分简单的ToggleButton，可是它们只是带有切换效果，而不带有滑动切换效果，并且Switch控件只支持高版本的系统，对于2.

08

SwitchButton 开关按钮的多种实现方式

刚开始接触开关样式的按钮是在IOS系统上面，它的切换以及滑动十分帅气,深入人心。所谓的开关按钮，就是只有2个状态：on和off，下图就是系统IOS 7上开关按钮效果。起初我在android上我只会使用CheckBox去满足对应的功能。后来，查看开发文档发现，android也有了自己的原生态开关控件，并且在4.0版本中又优化加入了新的类似控件--Switch控件，以及使用起来十分简单的ToggleButton，可是它们只是带有切换效果，而不带有滑动切换效果，并且Switch控件只支持高版本的系统，对于2

07

Angular *ngFor 列表的动画

如果你想为 ngFor 列表创建一个动画，当移除一个项目时，该项目会淡出，而其下方的剩余项目会缓慢向上滑动，你可以这样做。

01

当谈论引用透明时，我们在说什么

谈论到引用透明(Referential Transparency)，我们都会聊函数式编程(FP)，会聊Effect和Side Effect，会聊纯函数(Pure Function)等，这些概念相互关联，有时甚至彼此引用定义，能够真正理解它们的含义非常重要。

01

CSS3之opacity属性的简单使用

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/141344.html原文链接：https://javaforall.cn

01

如何使虚拟现实体验更加真实？（下）

大家好，我是堪萨斯州立大学的助理教授 Sungchul Jung。我将通过游戏体验介绍我们的研究，即振动对对称和非对称沉浸式多用户的影响（All Shook Up: The Impact of Floor Vibration in Symmetric and Asymmetric Immersive Multi-user VR Gaming Experiences）。

02

基础渲染系列（十一）——透明度

这是关于渲染的系列教程的第十一部分。之前，我们使着色器能够渲染复杂的材质。但是这些材质一直都是完全不透明的。现在，我们将添加对透明度的支持。

02

Linkerd 2.10将支持不透明端口

即将发布的Linkerd 2.10版本增加了一个新的不透明（opaque）端口特性，进一步扩展了Linkerd为所有TCP流量提供零配置互TLS的能力。关于这一特性，在Slack和GitHub上的Linkerd社区已经提出了不少问题，因此本文将重点关注Linkerd实现这一功能的最重要的底层特性之一：协议检测。

04

终端图像处理系列 - OpenGL混合模式的使用

OpenGL一次渲染过程包含了多个阶段，包括顶点着色器、图元组装、栅格化、片元着色器、测试和混合等，最后将结果输出的FrameBuffer上。

高真实感、全局一致、外观精细，面向模糊目标的NeRF方案出炉

模糊复杂目标的高真实感建模和渲染对于许多沉浸式 VR/AR 应用至关重要，其中物体的亮度与颜色和视图强相关。在本文中，来自上海科技大学的研究者提出了一种使用卷积神经渲染器为模糊目标生成不透明辐射场的新方案，这是首个将显式不透明监督和卷积机制结合到神经辐射场框架中以实现高质量外观的方案，并以任意新视角生成全局一致的 alpha 蒙版。

04

【PS算法理论探讨三】 Photoshop中图层样式之颜色叠加/渐变叠加/图案叠加算法原理初探讨。

颜色叠加：这个和编辑菜单下的填充颜色基本是一个意思，相当于在原有的图层上部添加了一个纯实色的虚拟图层，选项里的不透明度和混合模式和普通的概念是一个意思。注意这里是不改变原有图层的不透明度的。

03

一篇文章带你了解CSS Opacity(透明度)

opacity CSS属性指定元素的透明度。opacity属性指定了一个元素的透明度。换言之，opacity属性指定了一个元素后面的背景的被覆盖程度。

01

聊聊Color中的alpha值

color对象里头的alpha其实是指不透明度，其值范围为0-255，越大越不透明。其通常对应opacity，这个就是单词语义表达的不透明度，其值范围[0,1.0f]，值越大，越不透明。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭