我是如何使用 Android SurfaceView 开发室内不规则区域图

2016-04-29 17:46:38 +08:00
 karonl

最近因为产品需要引入室内区域地图,非产品主要功能,考虑引擎体积,考虑适用性,最后选择使用继承 SurfaceView 来进行开发,特点是轻量化,操作非常流畅。目前已经实现不规则区域块的绘制和点击监听。 PS :接下来将考虑室内导航的问题。

演示视频 http://7lryk8.com1.z0.glb.clouddn.com/Screenrecord-2016-04-29-17-20-21.mp4

项目地址 https://github.com/karonl/InDoorSurfaceView (thanks for your star)

使用说明

InDoorSurfaceView view = (InDoorSurfaceView)findViewById(R.id.surface);
DataAdapter adapter =  new DataAdapter();
view.setAdapter(adapter);//初始化
adapter.setBmp(bmp);//设置图片(底图)
adapter.setList(list);//设置数组(图上的可点区域)
adapter.refreshData();

接口说明

view.setOnClickMapListener(new InDoorSurfaceView.onClickMapListener() {
    @Override
    public void onClick(PathUnit region) {
        //读取 pathunit
    }
}            
view.onFramesListener(new InDoorSurfaceView.FramesListener() {
    @Override
    public void onRefresh(float number) {
        //刷新率
    }
}    

绘制到图上的不规则可点图形例子

//图案列表
private void getUnitList(){
    PathUnit unit = new PathUnit(getList());
    unit.setName("你点击到我了");
    unitList.add(unit);
}
//每个图案的坐标组合
private List<PointF> getList(){
    float density = getResources().getDisplayMetrics().density;
    List<PointF> pointList = new ArrayList<>();
    pointList.add(new PointF(99.1f * density,673.1f * density));
    pointList.add(new PointF(222.1f * density,670.1f * density));
    pointList.add(new PointF(227.1f * density,327.1f * density));
    pointList.add(new PointF(94.1f * density,321.1f * density));
    pointList.add(new PointF(100.1f * density,674.1f * density));
    return pointList;
}

注:从资源读取的图片对应的坐标要乘上 desity ,网络加载的图片则不用

如何使用该库 1.通过设置导入 2.去除启动器 intent fliter

6066 次点击
所在节点    Android
2 条回复
wjh3936
2016-04-29 19:54:04 +08:00
已 star
puras
2016-04-30 14:26:03 +08:00
听着很牛 B 的样子,同 Star

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/275372

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX