overflow: ‘visible’,

其次,在事件传递上,这里由于是跨平台开发而非纯html网页开发,使用的仍然是手机端原始渲染引擎。这里ios同样对透过去的View支持的很好,但是对于android,这里点击事件就失效了。如图所示

二、解决方法

对于android原生写法,我们考虑andorid的事件分发机制。使用重写页面的onTouchEvent事件分发函数,以定位的方式将事件赋予按钮事件。代码如下既可

@Override

public boolean onTouchEvent(MotionEvent event) {

//首先定义一个数组用来接收按钮的坐标xy值

int[] xy = new int[2];

//获取按钮的top/left xy值

//button变量我在onCreat()函数中已经获取了控件,具体按实际情况写

button.getLocationOnScreen(xy);

//再定义一个数组用来计算控件的bottom/right xy值

int[] xy_end = new int[2];

xy_end[0] = buttom.getWidth() + xy[0];

xy_end[1] = buttom.getHeight() + xy[1];

//现在我们已经得到了按钮的左上坐标和右下坐标

//两个点可以确定一个矩形嘛

//event里包含了点击的信息;

//我们判断点击的坐标是否在按钮坐标内,实际就是判断点击的xy值是否在上述矩形中;

if (event.getX() >= xy[0] && event.getX() <= xy_end[0]

&& event.getY() >= xy[1] && event.getY() <= xy_end[1]) {

//如果是,那么就执行里边的代码,在这里我们可以callOnClick()按钮

//这里的代码说明

//实际体验了一番,发现轻点一下和长按均可以激活按钮;

//但是,我的按钮拥有animate()事件,所以连续点击会在动画未完成时再次点击按钮,

//所以我做了个判断,让动画未完成时不再执行点击,机制如我

//实际中,读者完全不用这两行代码

//让我看看有哪些读者看都不看直接复制代码–手动滑稽

//虽说站在巨人肩膀上,但是也要搞懂其原理才不会摔下来。

if (isMoreShow == false && xy[0] >= button.getHeight())

return false;

//我们callOnClick了按钮,也就是模拟点击了按钮;

button.callOnClick();

return false;

}

return super.onTouchEvent(event);

}

那有没有更简单的呢。对于react-native推荐react-native-gesture-handler手势库,其实本质是一样的,只不过封装之后更好用。更改之前点击无效的写法如下

<UIButton style={itemContainer}

onPress={() => {

this.setState({ showMore: false });

item.onPress();

}}>

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助

因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐