先來一張微信功能截圖看看要作什麼
android
其實就是有一個目的地,點擊目的地的時候彈出可選擇的應用進行導航。api
大腦動一下,要實現這個功能應該大致分紅兩步:微信
底部菜單這裏用PopupWindow來作。app
一、菜單顯示
PopupWindow支持傳入view進行彈出展現,全部咱們直接寫一個菜單佈局,高德、百度、騰訊 再加一個取消。ide
map_navagation_sheet.xml佈局
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <Button android:id="@+id/baidu_btn" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ulz_white_selector" android:text="百度地圖"/> <include layout="@layout/common_line_view"/> <Button android:id="@+id/gaode_btn" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ulz_white_selector" android:text="高德地圖"/> <include layout="@layout/common_line_view"/> <Button android:id="@+id/tencent_btn" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ulz_white_selector" android:text="騰訊地圖"/> <include layout="@layout/common_line_view"/> <Button android:id="@+id/cancel_btn2" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/ulz_white_selector" android:text="取消"/> </LinearLayout>
這裏爲了顯示效果,本身寫了個PopupWindow的子類,通常你直接用PopupWindow就能夠了。this
而後在須要調用的地方顯示PopupWindowspa
mapSheetView = LayoutInflater.from(this).inflate(R.layout.map_navagation_sheet, null); mBottomSheetPop = new BottomSheetPop(this); mBottomSheetPop.setWidth(ViewGroup.LayoutParams.MATCH_PARENT); mBottomSheetPop.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT); mBottomSheetPop.setContentView(mapSheetView); mBottomSheetPop.setBackgroundDrawable(new ColorDrawable(0x00000000)); mBottomSheetPop.setOutsideTouchable(true); mBottomSheetPop.setFocusable(true); mBottomSheetPop.showAtLocation(this.getWindow().getDecorView(), Gravity.BOTTOM, 0, 0);
二、點擊每一個菜單調用對用地圖的導航api
這個每一個地圖的官網都會有介紹,你只須要把目的地名稱,經緯度信息傳過去就行了,沒什麼多說的,直接貼代碼。code
@Override public void onClick(View view) { switch (view.getId()) { case R.id.navigation_btn: mBottomSheetPop = new BottomSheetPop(this); mBottomSheetPop.setWidth(ViewGroup.LayoutParams.MATCH_PARENT); mBottomSheetPop.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT); mBottomSheetPop.setContentView(mapSheetView); mBottomSheetPop.setBackgroundDrawable(new ColorDrawable(0x00000000)); mBottomSheetPop.setOutsideTouchable(true); mBottomSheetPop.setFocusable(true); mBottomSheetPop.showAtLocation(this.getWindow().getDecorView(), Gravity.BOTTOM, 0, 0); break; case R.id.cancel_btn2: if (mBottomSheetPop != null) { mBottomSheetPop.dismiss(); } break; case R.id.baidu_btn: if (isAvilible(this, "com.baidu.BaiduMap")) {//傳入指定應用包名 try { Intent intent = Intent.getIntent("intent://map/direction?" + "destination=latlng:" + mInfo.getLat() + "," + mInfo.getLng() + "|name:個人目的地" + //終點 "&mode=driving&" + //導航路線方式 "&src=appname#Intent;scheme=bdapp;package=com.baidu.BaiduMap;end"); startActivity(intent); //啓動調用 } catch (URISyntaxException e) { Log.e("intent", e.getMessage()); } } else {//未安裝 //market爲路徑,id爲包名 //顯示手機上全部的market商店 Toast.makeText(this, "您還沒有安裝百度地圖", Toast.LENGTH_LONG).show(); Uri uri = Uri.parse("market://details?id=com.baidu.BaiduMap"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); if (intent.resolveActivity(getPackageManager()) != null){ startActivity(intent); } } mBottomSheetPop.dismiss(); break; case R.id.gaode_btn: if (isAvilible(this, "com.autonavi.minimap")) { Intent intent = new Intent(); intent.setAction(Intent.ACTION_VIEW); intent.addCategory(Intent.CATEGORY_DEFAULT); //將功能Scheme以URI的方式傳入data Uri uri = Uri.parse("androidamap://navi?sourceApplication=appname&poiname=fangheng&lat=" + mInfo.getLat() + "&lon=" + mInfo.getLng() + "&dev=1&style=2"); intent.setData(uri); //啓動該頁面便可 startActivity(intent); } else { Toast.makeText(this, "您還沒有安裝高德地圖", Toast.LENGTH_LONG).show(); Uri uri = Uri.parse("market://details?id=com.autonavi.minimap"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); if (intent.resolveActivity(getPackageManager()) != null){ startActivity(intent); } } mBottomSheetPop.dismiss(); break; case R.id.tencent_btn: Intent intent = new Intent(); intent.setAction(Intent.ACTION_VIEW); intent.addCategory(Intent.CATEGORY_DEFAULT); //將功能Scheme以URI的方式傳入data Uri uri = Uri.parse("qqmap://map/routeplan?type=drive&to=個人目的地&tocoord=" + mInfo.getLat() + "," + mInfo.getLng()); intent.setData(uri); if (intent.resolveActivity(getPackageManager()) != null) { //啓動該頁面便可 startActivity(intent); } else { Toast.makeText(this, "您還沒有安裝騰訊地圖", Toast.LENGTH_LONG).show(); } mBottomSheetPop.dismiss(); break; } }
貼一下效果圖
xml