自定义View解决一张图片不同位置点击事件_同一张图片上放两个点击事件-程序员宅基地

说明

文章首发于HURUWO的博客小站,本平台做同步备份发布。

如有浏览或访问异常图片加载失败或者相关疑问可前往原博客下评论浏览。

原文链接 自定义View解决一张图片不同位置点击事件直接点击即可前往访问。

更多技术文章访问本人博客HuRuWo的技术小站,包括 Electron从零开发 Android 逆向 app 微信数据抓取 抖音数据抓取 闲鱼数据抓取 小红书数据抓取 其他软件爬虫 等技术文章

需求发起

产品发来大概像这样的一张图,要求点击不同的位置进入不同的内部。
我以为他会切小图,通过拼接组合成如图的样子。结果被告知只有一张jpg图片,必须完成不同部位的点击事件。

点击即可前往原文由于CDN设置时间戳,图片可能失效,请前往原文地址浏览

解决方法

经过搜索,发现以下几种方法
1.该图作为viewgroup背景,使用很多个透明的view盖上建筑。随后点击view的事件。
2.获得途中所有点击路径的path,通过path建立选择区域。(只能适合svg图片)
3.强行抠图,将建筑扣下来配合留下的部分组合成整图。
4.自定义view,通过点击的区域百分比判断点击的部分。但需要知道每个区域的范围。

综合考虑1需要大量view且适配不好,2不是svg图片,无法拿到path,3不适合,适配比1更差。最后选择4,这也是大多数人的选择。

点击即可前往原文由于CDN设置时间戳,图片可能失效,请前往原文地址浏览

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/lw_zhaoritian/article/details/104176086

智能推荐

CTF|rop emporium pivot32 writeup (栈迁移题型)_stack pivot ctf-程序员宅基地

CTF|rop emporium pivot32 writeup (栈迁移题型)题目来源:https://ropemporium.com/challenge/pivot.htmlmalloc生成了一个堆区pwnme函数里面有两个gets函数,存在栈溢出的地方,在第二个gets,但是他在填充完s之后所剩下的空间位58-0x28-4,是一个很小的空间,在这样的狭小空间里面是不足以构造rop chain的。stack pivoting具有这样特点的题目叫做stack pivoting。stack _stack pivot ctf

SimpleList类_编写程序,定义一个结构体student,并用这个结构体练习使用list。包含往list里添加-程序员宅基地

BJFU-OJ 程序设计 C++实验题SimpleList描述编写程序,定义一个结构体struct Student{ int no; string name;};并用这个结构体练习使用list。包含往list里添加元素以及输出list的所有元素。struct Student {int no;string name;};并使用以下main函数测试int main(){std::list li;Input(li); //输入Show(li); //输出return 0;}输入_编写程序,定义一个结构体student,并用这个结构体练习使用list。包含往list里添加

查看ubuntubanben_Ubuntu 查看Ubuntu系统版本信息-程序员宅基地

1. 进入Ubuntu 系统,点击终端,左侧没有终端在搜索中输入terminal ,如果桌面终端也没有显示,使用快捷键 (Ctrl+Alt+t)2. 输入命令 cat /proc/version显示如下:Linux version 4.15.0-43-generic (buildd@lcy01-amd64-007)//linux版本号gcc version 5.4.0//gcc编译Ubuntu..._ubuntu 查看版本

文档图像分类、信息提取、信息结构化之 LayoutLM、LayoutLMv2、LayoutXLM —— 论文阅读笔记_layoutlm和bert_CharlesWu123的博客-程序员宅基地

LayoutLM: Pre-training of Text and Layout for Document Image UnderstandingLAYOUTLMV2: MULTI-MODAL PRE-TRAINING FOR VISUALLY-RICH DOCUMENT UNDERSTANDING在表单理解、票据理解和文档图像分类都有不错的效果。_layoutlm和bert

xml详解-程序员宅基地

学习内容:XML的约束—DTD(*)XML的约束—Schema(*)什么是XML约束 在XML技术里,可以编写一个文档(文件)来约束一个XML文档的书写规范,这称之为XML约束。 常用的约束技术 XML DTD XML SchemaDTD约束快束入门DTD(Document Type Definition),全称为文档类型定义文件清单:book.xml<?xml version="</div>

SPI协议详解-程序员宅基地

1.SPI协议简介1.1.SPI协议概括  SPI,是英语Serial Peripheral interface的缩写,顾名思义就是串行外围设备接口。是Motorola首先在其MC68HCXX系列处理器上定义的。SPI接口主要应用在 EEPROM,FLASH,实时时钟,AD转换器,还有数字信号处理器和数字信号解码器之间。SPI,是一种高速的,全双工,同步的通信总线,并且在芯片的管脚上只占用..._spi

随便推点

Linux下原生异步IO接口libaio介绍-程序员宅基地

在调研 fio的实现时,接触了libaio的使用方式。由于fio 的io engine发送及接受数据的流程是按照liaio库的方式进行的。所以初步使用了libaio。现总结如下。几点说明本文的重点在于libaio的使用方式。所以对什么是同步、异步及阻塞、非阻塞IO,请参考相应资料。比较权威的资料是Richard Stevens的“UNIXNetwork Programming Volum..._libaio

关于在centos下安装python3.7.0以上版本时报错ModuleNotFoundError: No module named '_ctypes'-程序员宅基地

参考文章:https://blog.csdn.net/qq_36416904/article/details/793169723.7版本需要一个新的包libffi-devel,安装此包之后再次进行编译安装即可。$ yum -y install libffi-devel$ make && make installps: && 表示前面的命令可以执行成...

中国石油大学《工程力学(含实验演示)》第二次在线作业-程序员宅基地

单选题 (共40道题)收起1.(2.5分) A、. B、. C、. D、.我的答案:D此题得分:2.5分2.(2.5分) A、. B、. C、. D、.我的答案:C此题得分:2.5分3.(2.5分) A、. B、. C、. D、.我的答案:A此题得分:2.5分4.(2.5分) A、. B、. C、. D...

HHUOJ 1349 分割排序-程序员宅基地

HHUOJ 1349 分割排序题目描述输入一行数字,如果我们把这行数字中的‘5’都看成空格,那么就得到一行用空格分割的若干非负整数(可能有些整数以‘0’开头,这些头部的‘0’应该被忽略掉,除非这个整数就是由若干个‘0’组成的,这时这个整数就是0)。你的任务是:对这些分割得到的整数,依从小到大的顺序排序输出。输入输入包含多组测试数据。每组输入数据只有一行数字(数字之间没有空格),这行数字的...

VMware虚拟机共享主机无线网络联网的设置方法-程序员宅基地

本人电脑的设置是把网络1和网络2同时设置为nat模式,就可虚拟机同时上网https://blog.csdn.net/guoduhua/article/details/51898519一、在主机上操作部分1,在设备管理器中看是否有这个Vmnet8,如果没有重新修复安装VMware。2,打开Virtual Newwork Editor,在开始菜单VMware中有。如图选择。3,打开中的N...

51单片机复习题-程序员宅基地

1.单片机复位后,堆栈指针SP指向第 H号内部RAM;8051的堆栈是向 生长的。2.指令JC rel的寻址范围为 。3.单片机的中断触发方式有 、