首页 > 代码库 > 模仿百度地图的LBS服务——离线地图篇 Part 2 （v 3.1.1）
模仿百度地图的LBS服务——离线地图篇 Part 2 （v 3.1.1）
一、前言
转载请标明出处：http://blog.csdn.net/wlwlwlwl015/article/details/41492031
这一篇blog写的真心不容易，我只想说我这种菜鸟去高仿百度地图去做LBS服务真心有点作死，期间本想放弃，做简单点算了，但不能说服自己。最后通过F6去一行一行的debug（新手朋友注意这是最好的解决问题的方式没有之一），最后成功完成了核心的功能。上一篇blog高仿了百度地图离线地图模块中的“城市列表”部分（模仿百度地图的LBS服务——离线地图篇 Part1），城市实现里“当前城市”、“热门城市”、“全国省市”数据信息的展示，那么本篇blog主要记录的就是如何进行下载了，同样的是高仿百度离线地图的“下载管理”模块。废话不多说，下面就分步骤进行一一介绍了。
二、百度离线地图“下载管理”功能分析
老规矩我们先来看看百度地图离线地图中“下载管理”模块的界面和功能：
通过这上面两幅截图我们分析一下需要做的工作：
1.下载管理分为“正在下载”和“下载完成”两部分，所以整体界面应当分为2个ListView。
2.可以通过进度条实时看到下载任务的进度，下载中可以进行“暂停下载”和“删除”的操作，那么暂停的时候必定也可以执行“开始下载”的操作。具体细节大家可以通过操作百度地图来看。
3.已下载完成的地图提供了“查看地图”和“删除”的功能。
大体上功能就上面提到的这些，具体的细节在下面的代码中再看，下面就按照我的开发顺序来告诉大家先做什么、后做什么、具体怎么做，对于高手来说高仿这个东东可能不算什么，但是对于我来说确实难度挺大，整整两天，吃饭睡觉都在想细节，最终之所以实现了，是因为我首先会理清思路，先考虑我需要做什么并将任务拆分开，然后是这些步骤应当按什么顺序去做，就这样一点一点做，一行一行debug，最终得以完成。所以下面我就列出开发步骤，再逐一说明。
Step 1 初始化
Step 2 编写离线地图事件通知接口及其回调方法中的代码
Step 3 分别编写“正在下载”和“下载完成”的布局以及Adapter
Step 4 编写测试方法，即开始执行下载任务
Step 1
上面这个说的可能还不够细节，但是没关系，我会在下面通过代码去一一解释清楚。首先来看看初始化，先上代码（注意和上一篇是同一个Activity，所以重复代码就不贴了）：
// 已下载的离线地图数据List private ArrayList<MKOLUpdateElement> isDoingUpdateMapList = null; // 正在下载的数据列表（包括下载中、暂停的） private ArrayList<MKOLUpdateElement> downLoadingMapList = new ArrayList<MKOLUpdateElement>(); // 已下载完成的数据列表 private ArrayList<MKOLUpdateElement> downLoadedMapList = new ArrayList<MKOLUpdateElement>(); // 已下载的离线地图数据Adapter和ListView private DownLoadingListView downLoadingListView; // 正在下载的ListView private DownLoadingAdapter mDownLoadingAdapter = new DownLoadingAdapter(); private DownLoadedListView downLoadedListView; // 下载完成的ListView private DownLoadedAdapter mDownLoadedAdapter = new DownLoadedAdapter();
上面的是声明部分，关于“正在下载”和“下载完成”同样是两个自定义的ListView去解决事件冲突问题，解决方案和上一篇blog一样，都是重写onMeasure方法。
同样的声明之后应当进行初始化工作，用来初始化之前的下载任务，比如：两个下载任务都下了一半暂停了，这里我们需要在“正在下载”的ListView中显示出来，参照百度地图应包括以下信息：城市名、数据包大小、下载状态、当前的下载进度等。下面这段代码同样位于initData()方法中：
// 初始化已下载的城市列表，并根据已下载和下载中进行分类
isDoingUpdateMapList = mOfflineMap.getAllUpdateInfo();
if (isDoingUpdateMapList == null) {
isDoingUpdateMapList = new ArrayList<MKOLUpdateElement>();
}
if (isDoingUpdateMapList.size() > 0) {
for (MKOLUpdateElement element : isDoingUpdateMapList) {
// 如果下载进度为100则应放入“已下载”的List
if (element.ratio == 100) {
downLoadedMapList.add(element);
mDownLoadedAdapter = new DownLoadedAdapter();
}
// 如果下载进入不为100则应放入“正在下载”的List
if (element.ratio != 100) {
downLoadingMapList.add(element);
mDownLoadingAdapter = new DownLoadingAdapter();
}
}
}第2行的getAllUpdateInfo()方法很好用，是这个下载模块的核心方法，官方的解释是：返回各城市离线地图更新信息。对于这个解释我是觉得很笼统，不明白，通过我的使用我认为这个方法的作用就是：返回当前已下载的（包括开始下载的、暂停的、正在下载的以及完成的）的所有数据信息，并且是以城市为单位的List集合。根据官方文档可以看出返回值类型是MKOLUpdateElement，这个类也正式封装了一个下载任务应有的所有关键信息，而在上面的代码中我正是通过element.ratio来分割List，因为ratio正是下载进度的意思：
所以当ratio为100的时候，我就将这个对象放到“下载完成”的ListView，否则说明还没下载完，就放到“正在下载”的ListView。这样我们就可以在进入应用之后看到之前未完成的、已完成的下载记录了。OK，初始化很简单，结束了。
Step 2
初始化完成之后，现在就来说道说道离线地图中唯一的一个监听：public interface MKOfflineMapListener
同样的来看看官方文档中对它的解释：
离线地图事件通知接口。该接口返回新安装离线地图、下载更新、数据版本更新等结果，用户需要实现该接口以处理相应事件。
不知道是不是我书读的少，总觉得官方的解释不够通俗，看了依然不知道怎么用。但是官方对这个接口的回调方法还是解释的比较清楚的：
void onGetOfflineMapState(int type,int state)
type - 事件类型: MKOfflineMap.TYPE_NEW_OFFLINE, MKOfflineMap.TYPE_DOWNLOAD_UPDATE, MKOfflineMap.TYPE_VER_UPDATE.
state - 事件状态: 当type为TYPE_NEW_OFFLINE时，表示新安装的离线地图数目. 当type为TYPE_DOWNLOAD_UPDATE时，表示更新的城市ID.
上面的蓝色字体都是官方文档的原话，这里我们也清楚了这个回调方法的两个参数都表示什么意思了。根据需求，我们需要实时监控下载进度并反馈到UI，所以这里我们只需要关注TYPE_DOWNLOAD_UPDATE这个类型的事件即可，而正好此时的state就表示更新城市的ID，那么这个监听的作用就很明显了，就是通过它来实时获取下载进度并更新我们界面上的ProgressBar即可。可能有些人不清楚什么时候会触发这个监听，那么通过打印语句来观察控制台不难发现，当type为TYPE_DOWNLOAD_UPDATE时，只要下载状态发生变化，即会触发监听。文字解释比较费劲，下面我贴上监听代码，大家可以开启一个下载任务（后面说），并像第9行一样通过打印来观察一下都有什么变化：
mOfflineMap.init(new MKOfflineMapListener() {
@Override
public void onGetOfflineMapState(int type, int state) {
// TODO Auto-generated method stub
switch (type) {
case MKOfflineMap.TYPE_DOWNLOAD_UPDATE:
// 得到当前正在下载的城市的具体更新信息
MKOLUpdateElement update = mOfflineMap.getUpdateInfo(state);
Log.e(TAG, update.cityName + " ," + update.ratio);
if (update != null) {
// 此监听器在下载任务进行期间大概每下载1%触发一次，注意是大概
List<MKOLUpdateElement> elements = downLoadingMapList;
for (MKOLUpdateElement element : elements) {
if (update.cityID == element.cityID) {
element.ratio = update.ratio;
if (update.ratio == 100) {
// 当下载进度到100时，Item从“下载中”的List移动到“已下载的List”
downLoadingMapList.remove(element);
downLoadedMapList.add(element);
mDownLoadedAdapter.notifyDataSetChanged();
}
break;
}
}
}
mDownLoadingAdapter.notifyDataSetChanged();
break;
case MKOfflineMap.TYPE_NEW_OFFLINE:
// 有新离线地图安装
Log.e(TAG, "TYPE_NEW_OFFLINE");
break;
case MKOfflineMap.TYPE_VER_UPDATE:
// 版本更新提示
break;
}
}
});相信认真看了代码的朋友肯定也大致明白了个123吧，有问题可以留言，虽然我是新手，可我自己写的东西还是解释的清的。
Step 3
下面就是最重要的适配器了，我们来分别看看“下载中”的Adapter和“下载完成”的Adapter：
// 下载管理——正在下载——适配器
class DownLoadingAdapter extends BaseAdapter {
@Override
public int getCount() {
// TODO Auto-generated method stub
return downLoadingMapList.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return downLoadingMapList.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(final int position, View convertView,
ViewGroup parent) {
// TODO Auto-generated method stub
final MKOLUpdateElement element = downLoadingMapList.get(position);
ViewHolder holder = null;
if (convertView == null) {
convertView = mInflater.inflate(R.layout.down_loading_item,
null);
holder = new ViewHolder();
holder.cityName = (TextView) convertView
.findViewById(R.id.id_city_name);
holder.dataPakSize = (TextView) convertView
.findViewById(R.id.id_data_size);
holder.downLoadState = (TextView) convertView
.findViewById(R.id.id_down_state);
holder.downLoadRatio = (TextView) convertView
.findViewById(R.id.id_down_raito);
holder.downLoadProgress = (ProgressBar) convertView
.findViewById(R.id.id_down_progress);
holder.downPullIcon = (ImageButton) convertView
.findViewById(R.id.id_expand_down_icon);
holder.upPullIcon = (ImageButton) convertView
.findViewById(R.id.id_expand_up_icon);
holder.pauseDownBtn = (Button) convertView
.findViewById(R.id.id_pause_down_btn);
holder.startDownBtn = (Button) convertView
.findViewById(R.id.id_start_down_btn);
holder.deleteMapBtn = (Button) convertView
.findViewById(R.id.id_delete_map);
holder.btnGroup = (LinearLayout) convertView
.findViewById(R.id.id_btn_group);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
holder.cityName.setText(element.cityName);
holder.dataPakSize.setText(NumberFormatUtil
.dataSizeFormatter(element.serversize) + "M");
String stateInfo = "";
// 如果是正在下载的状态
if (element.status == MKOLUpdateElement.DOWNLOADING) {
stateInfo = "正在下载";
holder.startDownBtn.setVisibility(View.GONE);
holder.pauseDownBtn.setVisibility(View.VISIBLE);
holder.downLoadState.setTextColor(Color.BLUE);
}
//如果是暂停的状态
if (element.status == MKOLUpdateElement.SUSPENDED) {
stateInfo = "已暂停";
holder.downLoadState.setTextColor(Color.RED);
holder.startDownBtn.setVisibility(View.VISIBLE);
holder.pauseDownBtn.setVisibility(View.GONE);
}
holder.downLoadState.setText(stateInfo);
//设置当前进度的百分数
holder.downLoadRatio.setText(element.ratio + "%");
//设置ProgressBar的进度
holder.downLoadProgress.setProgress(element.ratio);
// 暂停下载
holder.pauseDownBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
int cityId = element.cityID;
mOfflineMap.pause(cityId);
Toast.makeText(OfflineActitivty.this,
"暂停下载" + element.cityName + "离线地图:",
Toast.LENGTH_SHORT).show();
isDoingUpdateMapList = mOfflineMap.getAllUpdateInfo();
if (isDoingUpdateMapList == null) {
isDoingUpdateMapList = new ArrayList<MKOLUpdateElement>();
}
if (isDoingUpdateMapList.size() > 0) {
downLoadingMapList.clear();
for (MKOLUpdateElement element : isDoingUpdateMapList) {
if (element.ratio != 100) {
downLoadingMapList.add(element);
}
}
}
mDownLoadingAdapter.notifyDataSetChanged();
}
});
// 开始下载
holder.startDownBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
int cityId = element.cityID;
mOfflineMap.start(cityId);
Toast.makeText(OfflineActitivty.this,
"开始下载" + element.cityName + "离线地图:",
Toast.LENGTH_SHORT).show();
isDoingUpdateMapList = mOfflineMap.getAllUpdateInfo();
if (isDoingUpdateMapList == null) {
isDoingUpdateMapList = new ArrayList<MKOLUpdateElement>();
}
if (isDoingUpdateMapList.size() > 0) {
downLoadingMapList.clear();
for (MKOLUpdateElement element : isDoingUpdateMapList) {
if (element.ratio != 100) {
downLoadingMapList.add(element);
}
}
}
mDownLoadingAdapter.notifyDataSetChanged();
mDownLoadedAdapter.notifyDataSetChanged();
}
});
// 删除地图
holder.deleteMapBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
int cityId = element.cityID;
mOfflineMap.remove(cityId);
Toast.makeText(OfflineActitivty.this,
"已删除" + element.cityName + "离线地图:",
Toast.LENGTH_SHORT).show();
downLoadingMapList.remove(position);
mDownLoadingAdapter.notifyDataSetChanged();
}
});
}
}
});
return convertView;
}
private class ViewHolder {
TextView cityName;
TextView dataPakSize;
TextView downLoadState;
TextView downLoadRatio;
ProgressBar downLoadProgress;
ImageButton downPullIcon;
ImageButton upPullIcon;
Button pauseDownBtn;
Button startDownBtn;
Button deleteMapBtn;
LinearLayout btnGroup;
}
} // 下载管理——已下载——适配器
class DownLoadedAdapter extends BaseAdapter {
@Override
public int getCount() {
// TODO Auto-generated method stub
return downLoadedMapList.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return downLoadedMapList.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(final int position, View convertView,
ViewGroup parent) {
// TODO Auto-generated method stub
final MKOLUpdateElement element = downLoadedMapList.get(position);
ViewHolder holder = null;
if (convertView == null) {
convertView = mInflater
.inflate(R.layout.down_loaded_item, null);
holder = new ViewHolder();
holder.cityName = (TextView) convertView
.findViewById(R.id.id_city_name);
holder.isHasNewData = http://www.mamicode.com/(TextView) convertView>
可以看到由于“下载中”有开始和暂停两个按钮，所以比“下载完成”略微麻烦一些，而下载完成之后即可以查看地图，即根据经纬坐标去加载改城市的地图，代码很简单就是官方Demo中的那个BaseMapActivity。item的布局也很简单，模仿百度地图的样式拼凑一下就好了，后面会贴上动态效果图，其实到这里离线地图模块的核心功能都已完成，最后看看如何通过点击Item去开启一个下载任务吧。
Step 4
通过上面的三个步骤就已经完成了离线地图的所有准备工作了，下面只剩下点击列表项开启下载任务了，依然是参考百度地图，简单的流程是这样的：
点击任意列表中的任意项（包括热门城市的ListView、全国省市的ExpandableListView的子项），如果被点击的城市没有下载，那么新开一个下载任务在“正在下载”的列表，如果被点击的城市“正在下载”或“已暂停”，那么只需用切换到“下载管理列表”即可，最后如果被点击的城市“已下载完成”，那么同样的只是切换一下即可。
下面贴上剩余全部代码，包括初始化ListView以及添加Item点击：
// 初始化ListView
private void initListView() {
// 热门城市
hotCitieslistView = (HotCitiesListView) findViewById(R.id.id_hotcities_lv);
mHotCityAdapter = new HotCityAdapter();
hotCitieslistView.setAdapter(mHotCityAdapter);
// 全国省市
allCitieslistView = (NationalCitiesListView) findViewById(R.id.id_allcities_exp_lv);
mNationalCityAdapter = new NationalCityAdapter();
allCitieslistView.setAdapter(mNationalCityAdapter);
// 下载管理——下载中
downLoadingListView = (DownLoadingListView) findViewById(R.id.id_download_manager_lv);
downLoadingListView.setAdapter(mDownLoadingAdapter);
// 下载管理——下载完成
downLoadedListView = (DownLoadedListView) findViewById(R.id.id_download_manager_lv_2);
downLoadedListView.setAdapter(mDownLoadedAdapter);
// 设置热门城市的Item点击事件
hotCitieslistView
.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
// // TODO Auto-generated method stub
OfflineMapItemBean offlineMapItemBean = mHotCityDatas
.get(position);
int cityId = offlineMapItemBean.getCityId();
String cityName = offlineMapItemBean.getCityName();
MKOLUpdateElement element = mOfflineMap
.getUpdateInfo(cityId);
// 如果进度为0，则下载。否则仅仅切换过去
if (element == null) {
// 开始下载
mOfflineMap.start(cityId);
offlineMapItemBean
.setDownloadStatus(DownLoadStatus.DOWNLOADING);
// 切换到下载管理
tb.setChecked(false);
llayout1.setVisibility(View.VISIBLE);
llayout2.setVisibility(View.GONE);
Toast.makeText(OfflineActitivty.this,
"开始下载" + cityName + "离线地图",
Toast.LENGTH_SHORT).show();
// 更新界面显示
isDoingUpdateMapList = mOfflineMap
.getAllUpdateInfo();
if (isDoingUpdateMapList == null) {
isDoingUpdateMapList = new ArrayList<MKOLUpdateElement>();
}
// 现在就有更新信息了
element = mOfflineMap.getUpdateInfo(cityId);
downLoadingMapList.add(element);
mDownLoadingAdapter.notifyDataSetChanged();
mHotCityAdapter.notifyDataSetChanged();
} else {
// 仅仅跳转
// 切换到下载管理
tb.setChecked(false);
llayout1.setVisibility(View.VISIBLE);
llayout2.setVisibility(View.GONE);
}
}
});
// 设置全国省市的Item点击事件
allCitieslistView.setOnChildClickListener(new OnChildClickListener() {
@Override
public boolean onChildClick(ExpandableListView parent, View v,
int groupPosition, int childPosition, long id) {
OfflineMapItemBean offlineMapItemBean = allCityDatas
.get(groupPosition).getChildCities().get(childPosition);
int cityId = offlineMapItemBean.getCityId();
String cityName = offlineMapItemBean.getCityName();
// Toast.makeText(OfflineActitivty.this, cityId+","+cityName,
// Toast.LENGTH_SHORT).show();
MKOLUpdateElement element = mOfflineMap.getUpdateInfo(cityId);
// 如果进度为0，则下载。否则仅仅切换过去
if (element == null) {
// 开始下载
mOfflineMap.start(cityId);
offlineMapItemBean
.setDownloadStatus(DownLoadStatus.DOWNLOADING);
// 切换到下载管理
tb.setChecked(false);
llayout1.setVisibility(View.VISIBLE);
llayout2.setVisibility(View.GONE);
Toast.makeText(OfflineActitivty.this,
"开始下载" + cityName + "离线地图:", Toast.LENGTH_SHORT)
.show();
// 更新界面显示
isDoingUpdateMapList = mOfflineMap.getAllUpdateInfo();
if (isDoingUpdateMapList == null) {
isDoingUpdateMapList = new ArrayList<MKOLUpdateElement>();
}
// 现在就有更新信息了
element = mOfflineMap.getUpdateInfo(cityId);
downLoadingMapList.add(element);
mDownLoadingAdapter.notifyDataSetChanged();
mHotCityAdapter.notifyDataSetChanged();
} else {
// 仅仅跳转
// 切换到下载管理
tb.setChecked(false);
llayout1.setVisibility(View.VISIBLE);
llayout2.setVisibility(View.GONE);
}
return false;
}
});
}
最后做一些说明，包括我整体代码的不足和重点需要注意的地方：
1.肯定有的朋友发现我在写“热门城市”的列表的时候还通过自定义的OfflineMapItemBean对数据进行了封装，在后面做“下载列表”的时候压根就没有再封装了，而是直接用SDK中的MKOLUpdateElement对象去取值了。这块是我做的不好，因为下载列表要拆分成“正在下载”和“已完成”两部分，每次获取更新对象再遍历拆分感觉也不是个办法，所以干脆就不封装了，我也没有想到更好的办法去处理，有更好的方法的朋友可以给我指点一二。
2.当ScrollView嵌套ListView之后item的点击事件是失效的，包括ExpandableListView的子item也是一样。对于这个我选择了在item的布局文件中添加一个属性：android:descendantFocusability="blocksDescendants"来解决的，但这不是个好办法，据说会让ViewHolder失效，问了其他朋友说是让ScrollView中的onTouch返回false之类的，我尝试了没有达到预期效果，如果哪位大神知道最优的解决方案还请给小弟指点一二，感激不尽。
3.由于项目周期紧，还有很多小效果没来得及实现，比如：下载状态（已暂停、已完成等）应当在“下载管理”和“城市列表”中能实时的同步的更新等，但是总体上看效果还是挺不错的吧，下面就贴上效果图：
由于在模拟器上调试时无法开始下载（offlineMap.start方法调用之后MKOLUpdateElement返回的更新对象的status始终是WAITING的状态，而在真机调试时调用start之后更新对象的status会立刻变成DOWNING，模拟器的网络也没有问题，不知道是不是BUG），所以这里只贴上两张真机运行截图好了，UI比较粗糙，但是核心功能都没问题，到了这里离线地图的全部内容就已经算是记录完毕了。
三、总结
写到这里关于我们项目中的LBS服务就已经全部介绍完毕了，在做地图模块的同时学到了许多新的东西，在这里也要感谢鸿洋大神对我的帮助，目前准备和同事一起再做一个以LBS为主的APP，等做好之后可能还会写一个博客吧，这个APP的点子不错，目前暂且先不透漏，透漏了也没几个人会看到，哈哈。路漫漫其修远兮，吾将上下而求索，我的Android之路才刚刚开始，今后还应当更加努力！加油！Raito！
模仿百度地图的LBS服务——离线地图篇 Part 2 （v 3.1.1）