1、android 中点中 overlay 弹出带尾巴的气泡的实现文章分类:移动开发就是上面的样子做这个过程中我碰到两个问题:1:如何做带尾巴的气泡 View2:如何把这个 View 添加到 MapView 中.1:如何做带尾巴的气泡 View我是采用背景图的方式来实现的.当然, 普通的 PNG 在 View 缩放的时候会失真,尤其是那个尖尖的尾巴.后来采用9.png 的格式,才完成了不变形的效果.9.png 格式的 Png 可以用SDKToolsdraw9patch.bat 来处理 ,只要把普通的 png 的边上标志一下就可以了 ,具体draw9patch.bat 如何使用这里就不说了, 网上有
2、很多文档,自己查查就知道了.我生成的9.png 就是下面这个样子, 注意四周的黑线.就是9png 拉伸时的标识有了这个 png,直接放到你的工程下的 res/drawable 目录就可以了,然后在 res/layout 目录下建立你的 view 的 xml 文件, 比如叫 overlay_pop.xml,我的是这样的:android:layout_width=“wrap_content“android:layout_height=“wrap_content“android:paddingLeft=“5px“android:paddingTop=“5px“android:paddingRight
3、=“5px“android:paddingBottom=“20px“ 这样 popView 就建立好了2:如何把这个 View 添加到 MapView 中.通常是在 mapView 中点击某个位置 ,弹出 popView或者点击某个 Overlay 弹出 popView,这里用点击 Overlay 来说明,overlay 有 onTap()方法,你可以实现自己的 overlay,overideonTap()方法,弹出 popView,也可以使用 setOnFocusChangeListener(),在 listener 中实现弹出 popView,.我是用的 listener,因为 setOn
4、FocusChangeListener 在失去焦点也会触发 ,我可以再失去焦点的时候隐藏 popView.MapView 是继承自 ViewGroup 的,因此,MapView 有 addView()方法,同时还有MapView.LayoutParamsMapView.LayoutParams 可以根据 GeoPoint 来定位, 我就是利用这个特性来定位弹出的popView 的.PointItemizedOverlay overlay = new PointItemizedOverlay(drawable); public class BaseMapActivity extends MapA
5、ctivity /* 地图 View*/protected MapView mapView;/* 弹出的气泡 View*/private View popView;/*监听器*/private final ItemizedOverlay.OnFocusChangeListener onFocusChangeListener = new ItemizedOverlay.OnFocusChangeListener() Overridepublic void onFocusChanged(ItemizedOverlay overlay, OverlayItem newFocus) /创建气泡窗口if
6、 (popView != null) popView.setVisibility(View.GONE);if (newFocus != null) MapView.LayoutParams geoLP = (MapView.LayoutParams) popView.getLayoutParams();geoLP.point = newFocus.getPoint();/这行用于 popView 的定位TextView title = (TextView) popView.findViewById(R.id.map_bubbleTitle);title.setText(newFocus.get
7、Title();TextView desc = (TextView) popView.findViewById(R.id.map_bubbleText);if (newFocus.getSnippet() = null | newFocus.getSnippet().length() = 0) desc.setVisibility(View.GONE); else desc.setVisibility(View.VISIBLE);desc.setText(newFocus.getSnippet();mapView.updateViewLayout(popView, geoLP);popView
8、.setVisibility(View.VISIBLE);public void onCreate(Bundle savedInstanceState) super.onCreate(savedInstanceState);/*省略其他代码*/初始化气泡,并设置为不可见popView = inflater.inflate(R.layout.overlay_popup, null);mapView.addView( popView,new MapView.LayoutParams(MapView.LayoutParams.WRAP_CONTENT, MapView.LayoutParams.WR
9、AP_CONTENT,null, MapView.LayoutParams.BOTTOM_CENTER);/由于我的气泡的尾巴是在下边居中的,因此要设置成MapView.LayoutParams.BOTTOM_CENTER./这里没有给 GeoPoint,在 onFocusChangeListener 中设置views.add(popView);popView.setVisibility(View.GONE);添加 overlayPointItemizedOverlay overlay = new PointItemizedOverlay(drawable);/设置显示/隐藏泡泡的监听器overlay.setOnFocusChangeListener(onFocusChangeListener);overlay.addOverlay(/*你自己的 overlayItem*/);overlay.addOverlay(/*你自己的 overlayItem*/);overlay.addOverlay(/*你自己的 overlayItem*/);
