百度地图自定义弹窗（PopupOverlay）Android篇

最近希望用百度地图的PopupOverlay弹出自定义的View弹窗，但百度的API只支持Bitmap的弹窗

于是在网上搜索方法时看到了用DrawCache方法把View转成BitMap再显示，但只有ios的实现，我在这篇文章里说下Android的实现

源码的模版是百度地图API给出的2.0.0示例代码，下载见点击打开链接

主要对其中的自定义覆盖物（ItemizedOverlayDemo）模块进行了修改，使其实现自定义弹窗

首先加入一个将View转换为Bitmap的方法（参考自点击打开链接）

这一方法也解决了getDrawingCache为null的问题

[java]  view plain copy

1. public static Bitmap convertViewToBitmap(View view) {  
2.     view.measure(MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),  
3.             MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));  
4.     view.layout(0, 0, view.getMeasuredWidth(), view.getMeasuredHeight());  
5.     view.buildDrawingCache();  
6.     Bitmap bitmap = view.getDrawingCache();  
7.   
8.     return bitmap;  
9. }  

 

 

然后新建一个自定义弹窗XML以供自定义时调用

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/popup_view"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     android:orientation="vertical"  
7.     android:background="@drawable/pop" >  
8.   
9.     <TextView  
10.         android:id="@+id/test_text"  
11.         android:gravity="center"  
12.         android:layout_gravity="center"  
13.         android:layout_width="wrap_content"  
14.         android:layout_height="wrap_content"  
15.         android:text="Test"  
16.         android:textColor="@android:color/black" />  
17.   
18. </LinearLayout>  

 

然后对OnTap模块进行修改，与Popupwindow的代码差不多

 

[java]  view plain copy

1. protected boolean onTap(int index) {  
2.     View popview = LayoutInflater.from(mContext).inflate(  
3.             R.layout.popup_view, null);// 获取要转换的View资源  
4.     TextView TestText = (TextView)popview.findViewById(R.id.test_text);  
5.     TestText.setText(mGeoList.get(index).getTitle());//将每个点的Title在弹窗中以文本形式显示出来        
6.       
7.     Bitmap popbitmap = convertViewToBitmap(popview);  
8.     pop.showPopup(popbitmap, mGeoList.get(index).getPoint(), 32);  
9.     // int latspan = this.getLatSpanE6();  
10.     // int lonspan = this.getLonSpanE6();  
11.     Toast.makeText(this.mContext, mGeoList.get(index).getTitle(),  
12.             Toast.LENGTH_SHORT).show();  
13.     super.onTap(index);  
14.     return false;  
15. }  

缺点：这一方法的缺点就是若有多个按钮无法分别识别，因为它已经变成一张图了

          对于弹窗的点击事件可以通过设置onClickedPopup()完成

          如果一定要实现多按钮区别操作的话，只能用PopupWindow了（我以前的博文也写过相关的，不知道会不会有帮助）

 

效果图：