高德地图缩放显示mark及滑动交互实现

前言：先上最终效果（附上很好用的MP4在线转GIF工具https://ezgif.com/video-to-gif）

分析：

1、地图缩放并能够将mark最大化的显示在可见区域

2、交互效果：

（1）默认地图小屏显示，可以点击“展开”按钮或向下滑动进行全屏展示地图

（2）地图全屏显示可以通过点击“收缩”按钮或向上滑动进行半屏显示

（3）地图半屏显示可以向上滑动展示订单详情全部信息

实现：

1、使用高德地图将要显示的mark经纬度放入Builder中，再通过paddingBottom来控制可显示mark距mapview的底部内边距，从而实现全屏和半屏的动画切换效果（mapview宽高均为match_parent）

另外下面是隐藏高德logo的方法

2、交互设计用到了别人开发的很不错的库（https://github.com/yingLanNull/ScrollLayout），可是在这个库使用过程中也遇到了点问题，以下对该库做一个补充

（1）打开状态：如本例中地图半屏显示的状态，通过scrollLayout.setMaxOffset(mMaxOffset)设置下半屏的高度大小

（2）关闭状态：如本例中订单全屏显示的状态，通过scrollLayout.setMinOffset(mMinOffset)设置全屏距离屏幕顶部距离，本例中为负值（-45dp），目的是为了将“导航”、“缩放”按钮滑出屏幕不需要显示，可是会发现屏幕底部会有45dp高度的条状显示下面的mapView，我们可以通过动态设置ScrollLayout的子布局高度为屏幕高度+45dp来解决

（3）退出状态：如本例中地图全屏显示的状态，通过scrollLayout.setExitOffset(mExitOffset)设置订单页面距离屏幕底部的距离，本例中为45dp，目的是为了在该状态显示“导航”、“缩放”按钮

（4）遇到的问题：由于我这里scrollLayout子布局里不需要用到像框架提供的Demo的第二个页面里的ViewPager，从而导致scrollLayout无法滑动，这个问题在Issues中也有人提问，这里提供我的解决方法，当然也可以review框架，后面研究研究。

方法：对scrollLayout的子布局添加onTouchListener监听，并返回true

（5）scrollLayout可以通过setOnScrollChangedListener监听状态改变及进度变化，下面是状态切换对应的进度变化。

打开状态<——>关闭状态：1<——>0

打开状态<——>退出状态：0<——>-1