文档 属性·动作·事件
功能概述
透明按钮组件是一种特殊 的按钮，和按钮一样用于交互行为，只能在绝对定位下添加和使用（例如绝对定位应用或容器）。透明按钮不支持添加按钮文字，和图标，样式更加简洁。
透明按钮一般直接覆盖在图片上，作为点击区域来触发交互事件，可以承担以下功能：
- 解决层级关系问题。当我们需要与一个处于下层层级的组件做交互时，由于其上方可能覆盖了其他对象，无法直接触发。此时可以通过在上层添加透明按钮，在不改变视觉层级关系的条件下实现交互。
- 优化交互体验。对于某些尺寸较小、不便触控的交互组件，通过添加透明按钮可以扩大交互区域，优化交互体验。
- 屏蔽长按保存。透明按钮作为透明对象，不会触发微信的长按保存功能，尤其适用于进行长按交互。当我们不希望触发该功能时，可以在不影响交互体验的情况下，在组件上方覆盖一个透明按钮，从而屏蔽长按保存。
基本用法
透明按钮最大的特性在于其本身没有任何样式，可以覆盖在别的组件上方而不会导致下方元素被遮挡。想要为一张图的不同区域添加事件，就可以在不同的区域覆盖一个透明按钮的组件，再单独为这个按钮添加事件。
如上图，整张图为背景，我们想要为图中的“鲸鱼”添加交互事件，则可以在鲸鱼的区域覆盖一个透明按钮。在应用运行时，与这块区域上方透明按钮的交互就可以看做是与“鲸鱼”的交互。
若有收获，就点个赞吧
0 人点赞
