自定义地图开发(一)
前言:
oh my lord,憋了好久了。纷纷扰扰的闹剧算是结束了,关于这个项目的任务也暂停一段时间。趁现在,好好的把地图模块整理一下。
要做的项目中,有一个功能是校园地图。但是不希望用现有的地图SDK来展示,故此,我只好自己写一个简单的模块来展示一张平面图。
先放一张效果图吧,当时匆忙,很多地方未完善,但最终的效果应该是这个样子的:
至于地图上那个图片,是用来做定位时的准星的……不要在意这些细节。
正文
好的,现在,咱们的教程,正式开始:
在本章教程中,我需要一个组件,可以用来监听不规则形状的地图元件,并且可以在点击他的时候做一些响应。
为了简化开发步骤,我做了以下简化地图:
地图素材---> 地图--->...美观什么的不要在意。
第一张图中,花花绿绿的当做地图背景(1000*1000),后两个不规则的当做地图元件。拼起来,做成后面的地图。
1.那么第一个问题出现了:我的屏幕是480*800,如何展示一张1000*1000的图呢?
在实验过程中,我们发现,无论layout_width怎么设置,系统都会将其强制转换为屏幕大小。这个问题,我头疼了好久。最后终于发现,问题的答案很简单~
1 @Override 2 protected void onCreate(Bundle savedInstanceState) { 3 this.getWindow().setLayout(2000, 2000);//关键代码 4 super.onCreate(savedInstanceState); 5 setContentView(R.layout.activity_main); 6 }
既然屏幕太小,把屏幕值调大些就好了。啊!从此天高任鸟飞,一报憋死人之仇。我心里大大快乐,得意洋洋的将屏幕大小调成了2000*2000,再也不担心View被缩水啦~
接下来,我们将地图数据填写到XML文件中。
2.卓克,填写地图数据时,如何快速的知道地图元件在地图上的位置呢?
首先,打开PS,加载图形。以下图为例,如果我们想知道第一个图层(正方形黑块)的坐标和大小。
1:选中第一个图层,使其变为高亮状态(如下图的蓝色)。
2:按Ctrl+T。
3:按F8打开信息窗口。这时可以看到,坐标和宽高都显示出来了。
另外,在XML文件中设置位置的时候,通常一些超出屏幕的imageView看不到设置效果。
为了更好的实时看到效果,我们可以这样设置:
瞧到没,换个超大分辨率的来展示XML就好了~
3.卓克,地图数据填完了,也展示了出来,可是屏幕大小该是多少还是多少,地图显示不全啊!
那好,咱想个办法,让咱的地图可以动起来。……OnTouchListener,即拖图功能。
具体的实现,待会的源码里面有,从网上搜索“android开发 拖图”也有一大堆教程,在此不做赘述,只将实现原理简单一说:
实现原理,就是通过监听手指(触点)落下的位置、移动的位置来计算要让图片偏移的位置,然后用view.layout(l,t,r,b)方法让地图移动到指定位置。
我写过一个简单的拖图类,有兴趣的也可以下载下来,参考一下。
4,好了,你已经成功的将地图放进了程序里,并且可以自由拖动了,可是我们马上发现一个问题,当更新一个textView、显示/隐藏一个imageView的时候,地图完全乱了!
why! damn it! WTF!
不要悲伤,不要心急,答案让我告诉你……这个时候,我们需要用到一个方法,就是ViewGroup中的onLayout!
干嘛用的?就是固定子元件用的!
网上这么多好教程,不推荐给大家太可惜了:Android的onLayout、layout方法讲解
嘿嘿......谁敢说我懒!pia飞!
相信看了以上的博客,关于onLayout和layout,以及自定义ViewGroup都有所了解了。
5.这样的话,监听有冲突呀!甚至什么时候是点击,什么时候是拖动该怎么判断呢?
首先呢,判断拖动还是点击,可以这样来做:
1 private boolean shake = false, click = false;// 手指抖动修正 2 @Override 3 public boolean onTouch(View v, MotionEvent event) { 4 switch (event.getAction()) { 5 case MotionEvent.ACTION_DOWN: 6 click = true;// 抖动校正 7 // 记录触点按下时的位置 8 baseTX = event.getRawX(); 9 baseTY = event.getRawY(); 10 break; 11 case MotionEvent.ACTION_MOVE: 12 // 计算当前手指位置与初始位置间的偏移量 13 float sx = event.getRawX() - baseTX; 14 float sy = event.getRawY() - baseTY; 15 16 // 判断是否是抖动 17 shake = (Math.abs(sx) < shakeRange) && (Math.abs(sy) < shakeRange);// 注意用绝对值 18 if (shake) {// 抖动校正 19 click = true;//抖动 20 } else { 21 click = false;//拖动 22 } 23 break; 24 case MotionEvent.ACTION_UP: 25 if (click) { 26 click = false; 27 //代码运行到这里,说明是点击动作。 28 //可以在这里面写一些处理方法 29 } 30 break; 31 default: 32 break; 33 } 34 35 return true; 36 }
唉,唯一的一大段代码献给了这么简单的一个小功能。算了,不管这些,继续探讨我们的思路。
6.可是,卓克,这样,咱也不知道什么时候点击了哪个元件呀!
ok,接下来咱讲讲怎么根据从onTouch中获取的坐标,判断点击没点到有颜色的区域。
首先,我们将这个坐标转化为相对于元件的坐标。
1 trueX = x - this.getChildAt(i).getLeft(); 2 trueY = y - this.getChildAt(i).getTop();
得到相对于元件的坐标后,使用以下方法判断该点是否透明
1 pixel = bitmaps.get(i).getPixel(trueX, trueY); 2 if (pixel != 0) {//点击点不透明 3 //do something useful 4 break; 5 }
判断出点击到哪个图片,我们就可以对点击到的元件为所欲为咯~比如setAlpha、setVistbility之类的……
好的,目前为止所以的关键思路和代码都有了。自己动手,丰衣足食,让我们看看最终实现的效果吧:
半透明的地图元件在点击后变成了完全透明,而且无论是拖动还是在新线程中更新button的text布局丝毫不乱~
源码内附有详细的注释和使用方法(详细的有点过分……),敬请点击下载
好滴,这一章就到这吧。
下一章,将会添加百度地图lbs定位到咱们的程序里。觉得有帮助,可以关注啊、收藏啊、订阅啊、留言啊……之类的。
转载于:https://www.cnblogs.com/coderzhuoke/p/3772872.html
自定义地图开发(一)相关推荐
- android高德地图设置经纬度,安卓高德地图开发自定义线路规划(按着自己定义的经纬度规划线路)...
[实例简介] 自定义地图的线路规划问题,代码可以直接的借用,方便大家学习 [实例截图] [核心代码] (YN)安卓高德地图自定义线路规划(按着指定的经纬度规划线路) └── YnGaoDeThreeM ...
- Android基于高德SDK的开发——自定义地图主题样式(悬浮按钮+底部弹窗)
日常的地图使用中,平台一般只会给我们提供地图的标准样式,造成了一定程度上的审美疲劳,那么如何实现地图的自定义样式呢?本文使用Android Studio 4.1,给开发者提供了一个基于高德地图SDK进 ...
- 高德离线地图开发 java_自定义地图-创建地图-开发指南-Android 地图SDK | 高德地图API...
简介 自 Android 3D 地图 SDK v5.2.0起,高德地图支持使用可视化自定义地图模版改变底图颜色和样式,实现可视化的编辑和控制显示地图元素. 创建样式文件 创建地图样式 高德地图开放平台 ...
- 高德地图开发自定义地图样式
1.首先打开高都地图api自定义地图界面(自定义地图) 2.点进去,进行自定义地图配置 自定义样式 3.定义结束,点击发布 4.接下来点击使用自定义地图,会生成一串码 5.点击复制,在地图初始化调用这 ...
- 高德地图Web端JavaScript API开发(一)---个性化展示(自定义地图)
遇到一个功能,需要使用地图功能,但是地图上不要显示太多的物体,不然会遮盖地图上的标记,因此需要自定义地图,去掉一些不需要的覆盖物. 话不多说,直接走步骤! First. 需要登录高德开发者控制台,在地 ...
- android百度地图自定义图层,百度地图开发之百度地图定位图层基本使用方法讲解...
(一):基本介绍: 百度地图可以直接提供定位功能,并且把位置信息以图层的形式标注在地图上面(PopupView),同时还支持自定义设置图标,这样便于用户直接查看位置信息.要实现以上的方法,我们主要需要 ...
- 项目 - Web地图开发【高德地图API】(一)
导航兔: Web地图开发 [高德地图API] 导航地址 Web地图开发[高德地图API](一) https://qianmoer.blog.csdn.net/article/details/12842 ...
- 百度地图API详解之自定义地图类型
个人博客原文地址:http://www.jiazhengblog.com/blog/2011/10/08/422/ 今天的文章主要介绍如何利用地图API实现自定义地图. 百度地图API目前默认支持两种 ...
- 移动端地图开发技术分享交流会PPT
该文章属于<简书 - 刘小壮>原创,转载请注明: <简书 - 刘小壮> http://www.jianshu.com/p/41179be5893a 本人现就职于国内某地图导航公 ...
最新文章
- 基本电路元件和特性(2)电容器和电容vs.电感器和电感
- python的用途-Python运算符的作用与意义
- Java基础—序列化底层原理
- OpenStack Telemetry系统架构及实践
- java 接口的静态方法_Java8新特性:接口的默认方法与接口的静态方法
- Delphi 7生成XML
- Windows10 任务栏图标如何居中
- ajax 请求struts1,jquery ajax +struts1.3
- Android打包出多个dex文件,一个APK中包含多个dex方法
- vos3000 2009 3000 4.0-8.0客户端下载
- U盘文件系统FAT32转为NTFS
- 【平衡车】TB6612+编码器电机的使用
- u盘为什么显示在工具栏而不显示在计算机里,为什么U盘后插入后不显示?
- 英语面试(自我介绍,电话面试..)
- 跟我学Python图像处理丨带你掌握傅里叶变换原理及实现
- AD19导出bom表的方法(按照元件不同数值分类,重点信息突出)
- 【多线程】多线程到底是个甚——多线程初阶(复习自用)
- gan处理自己的数据集_使用StyleGAN训练自己的数据集.md
- QT从入门到入土(一)——Qt5.14.2安装教程和VS2019环境配置
- 谷歌protobuf简介
热门文章
- 阿里用什么替代了dubbo_踢脚线怎么装才好看?如果不装踢脚线,用什么替代?...
- kali卸载firefox_kali 安装最新firefox的悲惨经历
- INNER JOIN连接两个表、三个表、五个表的SQL语句
- PLSQL个性化设置
- php5.4全局变量,PHP 5 全局变量 - 超全局变量
- ce修改面板属性_脑叶公司员工属性CE修改教程
- android4.0网络编程配书源码_linux网络编程之epoll源码重要部分详解
- java获取文件地址吗_java获取文件所在服务器位置路径
- php输出一条直线,Photoshop脚本 绘制一条线
- android调用日历库,Android学习教程之日历库使用(15)