安卓与html混合开发之原生与js相互调用

原生和html的优缺点就不多说了，有些特定条件下用html页面可以很方便，也很容易更新和维护，那么这就涉及到html与安卓原生的交互和通信。

接下来我要分享的是html调用原生的弹窗和位置信息，安卓原生调用JS中的方法。

xml很简单：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:id="@+id/linearlayout"
android:layout_height="match_parent">
<include layout="@layout/layout_title"></include>

<WebView
android:id="@+id/wv_location"
android:layout_width="match_parent"
android:layout_height="match_parent"></WebView>

</LinearLayout>

初始化WebView之后就开始加载html以及几个关键代码：

webView.setWebChromeClient(new WebChromeClient() );
webView.getSettings().setJavaScriptEnabled(true);   //开启JavaScript支持

// 添加一个对象, 让JS可以访问该对象的方法, 该对象中可以调用JS中的方法
webView.addJavascriptInterface(new JSInterface1(), "baobao");
webView.setWebViewClient(new MyWebViewClient());
webView.loadUrl("file:///android_asset/PriseLocation.html");

webView.setWebChromeClient(new WebChromeClient());必不可少，它是解决js中alert不弹出的问题和其它内容的渲染问题。

关键的两行代码说一下，首先是js调用原生的方法：webView.addJavascriptInterface(new JSInterface1(),"baobao");JSInterface1内部类中的方法都是提供给js调用的，“baobao”相当于一个“id”，用于标记原生的对象，被html用来调用原生的方法，就相当于引用一样。另一行重要的代码就是webView.loadUrl("javascript: showMsg()");loadUrl方法内的字符串就是调用js中的方法。

JSInterface1：

class JSInterface1 {

//JavaScript调用此方法
@JavascriptInterface

public void callAndroidMethod(int a, float b, String c, boolean d) {
if (d) {
String strMessage = "a+b+c=" + a + b + c;
T.showThort(mContext, strMessage);

//                showPopupWindowIntroDestine();

}
}

@JavascriptInterface
public void callLocation() {
runOnUiThread(new Runnable() {
@Override
public void run() {
//获取Location
/**
* 获取地理位置
*/
String locaLocation = getLocaLocation();
}
});

}

@JavascriptInterface
public void callAlert(final String info) {
runOnUiThread(new Runnable() {
@Override
public void run() {
PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.getAlert(info, 0.3f);
}
});

}

/**
* @param info
*/
@JavascriptInterface
public void callConfirm(final String info) {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.seConfirmButtonText("确认", "取消");
popUtils.getConfirm(info, 0.3f, new PopAlertStyleUtils.CallBackLeftRightButton() {
@Override
public void rightButton(View v) {
popUtils.popDismiss();
}

@Override
public void leftButton(View v) {

T.showThort(mContext, "我是左边按钮");
}
});
}
});

}

@JavascriptInterface
public void callPrompt(final String info) {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.setLeftRightBtText("继续", "不玩了");
popUtils.getPromptWindow(info, 0.3f, new PopAlertStyleUtils.CallBackPrompt() {
@Override
public void rightButton(View v, EditText editText) {
popUtils.popDismiss();
}

@Override
public void leftButton(View v, EditText editText) {
T.showThort(mContext, "请继续玩吧-----" + editText.getText().toString());
}
});
}
});
}

@JavascriptInterface
public void callLoading(final String info) {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.getLoading(info, 0.3f);
new Handler() {
}.postDelayed(new Runnable() {
@Override
public void run() {
popUtils.popDismiss();
}
}, 2000);
}
});
}

@JavascriptInterface
public void callToast(final String info) {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.getToast(info, 1.0f);
new Handler() {
}.postDelayed(new Runnable() {
@Override
public void run() {
popUtils.popDismiss();
}
}, 2000);
}
});
}

@JavascriptInterface
public void callActionsheet() {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.setTitle("Who wins");
nameList = new ArrayList<String>();
nameList.add("张赛宝");
nameList.add("小黄");
nameList.add("张绍均");
nameList.add("杨峰");

popUtils.getActionsheet(0.3f, new PopAlertStyleUtils.CallBackActionSheet() {
@Override
public void backListView(ListView listView, Button button) {

button.setText("确定");
NameListAdapter adapter = new NameListAdapter(mContext, nameList);
listView.setAdapter(adapter);
button.setOnClickListener(new ButtonOnclick());
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
webView.loadUrl("javascript: showMsg()");
}
});
}
});
}
});
}

@JavascriptInterface
public void callChosen() {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.setTitle("Who wins");
final List<String> choseList = new ArrayList<>();
choseList.add("张赛宝");
choseList.add("小黄");
choseList.add("张绍均");
choseList.add("杨峰");
popUtils.getChosen(0.3f, new PopAlertStyleUtils.CallBackChosen() {
@Override
public void backChosen(ListView listView) {
final ChosenAdapter adapter = new ChosenAdapter(mContext, choseList);
listView.setAdapter(adapter);
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
adapter.setSelectNum(position);
adapter.notifyDataSetChanged();
}
});
}
});
}
});
}

@JavascriptInterface
public void callModal() {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.setTitle("2.5版本更新");
popUtils.setLeftRightBtText("了解更多", "知道了");
popUtils.getModal("1.功能更新2.功能更新", 0.3f, new PopAlertStyleUtils.CallBackModal() {
@Override
public void rightButton(View v) {
T.showThort(mContext, "我是左边按钮");
}

@Override
public void leftButton(View v) {
T.showThort(mContext, "我是右边按钮");
}

@Override
public void initImag(ImageView imageView) {
Glide.with(mContext).load(R.mipmap.bg_banner).transform(new GlideRoundTransform(mContext, 15)).into(imageView);
}
});
}
});
}

@JavascriptInterface
public void callTimepicker() {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.getDatePicker();
}
});
}

@JavascriptInterface
public void callDatepicker() {
runOnUiThread(new Runnable() {
@Override
public void run() {
final PopAlertStyleUtils popUtils = new PopAlertStyleUtils(mContext, parentsView);
popUtils.getTimePicker();
}
});
}

@JavascriptInterface
public void btBack() {//返回
runOnUiThread(new Runnable() {
@Override
public void run() {
finish();
}
});

}

@JavascriptInterface
public void btHelp() {
runOnUiThread(new Runnable() {
@Override
public void run() {
Intent intent = new Intent(mContext, HelpDemoActivity.class);
startActivity(intent);
}
});
}

@JavascriptInterface
public void setTitle(final String title) {
runOnUiThread(new Runnable() {
@Override
public void run() {
tvTitle.setText(title);
}
});
}
}

Html代码，主要就是通过定义的引用 baobao.XXX()调用原生中的方法，可以传递参数。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>

<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>

<script>
function showMsg(){
alert("hello world!");
}
function showHelp(){
alert("我是帮助回调");
}
function getTitle(){
var id=document.getElementById("text").value;

baobao.setTitle(id);
}
</script>
</head>
<body>
<div className="page-dialog" >
<button  class="btn"onClick="baobao.callAndroidMethod(100,100,'ccc',true)">我是弹窗按钮</button></div>
<div className="page-dialog" >
<button class="btn"onClick="baobao.callLocation()">我是地理位置按钮</button></div>

<div className="page-dialog" >
<button class="btn" onClick="baobao.callAlert('我是提示信息')">alert</button></div>
<div className="page-dialog"  >
<button class="btn" onClick="baobao.callConfirm('我是提示信息')">confirm</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callPrompt('我是提示信息')">prompt</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callLoading('使劲加载中...')">loading...</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callToast('提交成功')">toast</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callActionsheet()">actionsheet</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callChosen()">chosen</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callModal()">modal</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callTimepicker()">timepicker</button></div>
<div className="page-dialog">
<button class="btn" onClick="baobao.callDatepicker()">datepicker</button></div>

</div>

<div className="page-dialog">

<button class="btn" onClick="baobao.btBack()">返回页面</button>
<button class="btn" onClick="baobao.btHelp()">帮助</button>
</div>

<div >
<input class = "title" id="text"><input type="button" value="修改标题" id="btnn" onclick ="getTitle()">
</div>

</body>
<style>
.btn{background:#00acff; color:#fff; border-radius:0.1em; width:100%;border:0;margin-top:0.5em;}
</style>
<style>
.title{margin-top:0.5em;}
</style>
</html>

弹窗工具集合我都是自定义做的会有些麻烦，但是可操作性比较高：

package cn.com.bjhj.baseframework.utils;

import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.TimePicker;

import java.util.Calendar;

import cn.com.bjhj.baseframework.R;

/**类介绍(必填)： 各种样式弹窗

*/

public class PopAlertStyleUtils {

private Context context;
private View parentsView;
private View mPopView;
private CustomPopupWindow mAlertWindow;
private View mPopViewConfirm;
private CallBackLeftRightButton callBackLeftRightButton;
private CustomPopupWindow mConfirmWindow;
private String confirmLeft;
private String confirmRight;
private View mPopViewPrompt;
private CustomPopupWindow mPromptWindow;
private String promptLeft;
private String promptRight;
private CallBackPrompt callBackPrompt;
private View mPopViewLoading;
private CustomPopupWindow mLoadingWindow;
private View mPopViewToast;
private CustomPopupWindow mToastWindow;
private TextView tvAlertHint;
private String title;//标题
private View mPopViewActionsheet;
private CustomPopupWindow mActionsheetWindow;
private CallBackActionSheet callBackActionSheet;
private View mPopViewChosen;
private CustomPopupWindow mChosenWindow;
private CallBackChosen callBackChosen;
private View mPopViewModal;
private CustomPopupWindow mModalWindow;
private String time;

public PopAlertStyleUtils(Context context,View parentsView) {
this.context = context;
this.parentsView = parentsView;
if (title!=null){
title="提示";
}
}

/**
* 获取提示框 alert
* @param info 提示信息
* @param num  背景透明度
*/
public void getAlert(final String info, float num){
mPopView = LayoutInflater.from(context).inflate(R.layout.pop_window_alert, null);
mAlertWindow = new CustomPopupWindow(parentsView,
context, mPopView, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mAlertWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
tvAlertHint = (TextView) mPopView.findViewById(R.id.tv_alert_hint);
TextView tvAlertInfo = (TextView) mPopView.findViewById(R.id.tv_alert_info);
Button btAlertObtain = (Button) mPopView.findViewById(R.id.bt_alert_obtain);
tvAlertInfo.setText(info);
if (title!=null){
tvAlertHint.setText(title);
}
btAlertObtain.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
popDismiss();
}
});
}
});
mAlertWindow.showView();
mAlertWindow.setBackgroundAlpha(num);
}

/**
* 设置标题
* @param title 标题
*/
public void setTitle(String title){
this.title = title;
}
/**
* 获取confirm对话框
* @param info
* @param num
* @param callBackLeftRightButton
*/
public void getConfirm(final String info, float num, final CallBackLeftRightButton callBackLeftRightButton){
this.callBackLeftRightButton = callBackLeftRightButton;
mPopViewConfirm = LayoutInflater.from(context).inflate(R.layout.pop_window_confirm, null);
mConfirmWindow = new CustomPopupWindow(parentsView,
context, mPopViewConfirm, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mConfirmWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvConfirmInfo = (TextView) mPopViewConfirm.findViewById(R.id.tv_confirm_info);
Button btConfirmLeft = (Button) mPopViewConfirm.findViewById(R.id.bt_confirm_left);
TextView tvConfirmHint = (TextView) mPopViewConfirm.findViewById(R.id.tv_confirm_hint);
if (title!=null){
tvConfirmHint.setText(title);
}
Button btConfirmRight = (Button) mPopViewConfirm.findViewById(R.id.bt_confirm_right);
tvConfirmInfo.setText(info);
if (confirmLeft!=null&&confirmRight!=null){
btConfirmLeft.setText(confirmLeft);
btConfirmRight.setText(confirmRight);
}
btConfirmLeft.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackLeftRightButton.leftButton(v);
}
});
btConfirmRight.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackLeftRightButton.rightButton(v);
}
});
}
});
mConfirmWindow.showView();
mConfirmWindow.setBackgroundAlpha(num);
}

/**
* 设置confirm的左右按钮名字
* @param left
* @param right
*/
public void seConfirmButtonText(String left,String right){
confirmLeft = left;
confirmRight = right;
}

/**
* 获取输入对话框
* @param info 提示信息
* @param num  透明度
* @param callBackPrompt 回调函数
*/
public void getPromptWindow(final String info, float num, final CallBackPrompt callBackPrompt){
this.callBackPrompt = callBackPrompt;
mPopViewPrompt = LayoutInflater.from(context).inflate(R.layout.pop_window_prompt, null);
mPromptWindow = new CustomPopupWindow(parentsView,
context, mPopViewPrompt, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mPromptWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvPromptInfo = (TextView) mPopViewPrompt.findViewById(R.id.tv_prompt_info);
TextView tvPromptHint = (TextView) mPopViewPrompt.findViewById(R.id.tv_prompt_hint);
if (title!=null){
tvPromptHint.setText(title);
}
Button btPromptLeft = (Button) mPopViewPrompt.findViewById(R.id.bt_prompt_left);
Button btPromptRight = (Button) mPopViewPrompt.findViewById(R.id.bt_prompt_right);
final EditText etPrompt = (EditText) mPopViewPrompt.findViewById(R.id.et_prompt);

tvPromptInfo.setText(info);
if (promptLeft!=null&&promptRight!=null){
btPromptLeft.setText(promptLeft);
btPromptRight.setText(promptRight);
}
btPromptLeft.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackPrompt.leftButton(v,etPrompt);
}
});
btPromptRight.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackPrompt.rightButton(v,etPrompt);
}
});
}
});
mPromptWindow.showView();
mPromptWindow.setBackgroundAlpha(num);

}
/**
* 获取prompt弹窗的左右按钮名称
* @param left
* @param right
*/
public void setLeftRightBtText(String left, String right){
promptLeft = left;
promptRight = right;
}
/**
* 获取加载中弹窗
* @param info 加载信息
* @param num 背景透明度
*/
public void getLoading(final String info, float num){
mPopViewLoading = LayoutInflater.from(context).inflate(R.layout.pop_window_loading, null);
mLoadingWindow = new CustomPopupWindow(parentsView,
context, mPopViewLoading, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mLoadingWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvLoadingInfo = (TextView) mPopViewLoading.findViewById(R.id.tv_load_info);
tvLoadingInfo.setText(info);

}
});
mLoadingWindow.showView();
mLoadingWindow.setBackgroundAlpha(num);
}

/**
* 获取吐司弹窗
* @param info 提示信息
* @param num 背景透明度
*/
public void getToast(final String info, float num){
mPopViewToast = LayoutInflater.from(context).inflate(R.layout.pop_window_toast, null);
mToastWindow = new CustomPopupWindow(parentsView,
context, mPopViewToast, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mToastWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvToastInfo = (TextView) mPopViewToast.findViewById(R.id.tv_toast_info);
tvToastInfo.setText(info);

}
});
mToastWindow.showView();
mToastWindow.setBackgroundAlpha(num);
}

/**
* 获取 选择
* @param num
* @param callBackActionSheet
*/
public void getActionsheet(float num, final CallBackActionSheet callBackActionSheet){
this.callBackActionSheet=callBackActionSheet;
mPopViewActionsheet = LayoutInflater.from(context).inflate(R.layout.pop_window_actionsheet, null);
mActionsheetWindow = new CustomPopupWindow(parentsView,
context, mPopViewActionsheet, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mActionsheetWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvActionsheetHint = (TextView) mPopViewActionsheet.findViewById(R.id.tv_actionsheet_hint);
ListView lvActionSheet = (ListView) mPopViewActionsheet.findViewById(R.id.lv_actionsheet);

Button btActionsheetObtain = (Button) mPopViewActionsheet.findViewById(R.id.bt_actionsheet_obtain);
if (title!=null){
tvActionsheetHint.setText(title);
}
callBackActionSheet.backListView(lvActionSheet,btActionsheetObtain);

}
});
mActionsheetWindow.showView();
mActionsheetWindow.setBackgroundAlpha(num);
}

/**
* 获取单选项
* @param num
* @param callBackChosen
*/
public void getChosen(float num, final CallBackChosen callBackChosen){
this.callBackChosen = callBackChosen;
mPopViewChosen = LayoutInflater.from(context).inflate(R.layout.pop_window_chosen, null);
mChosenWindow = new CustomPopupWindow(parentsView,
context, mPopViewChosen, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mChosenWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvHint = (TextView) mPopViewChosen.findViewById(R.id.tv_chosen_hint);
if (title!=null){
tvHint.setText(title);
}
ListView radioGroup = (ListView) mPopViewChosen.findViewById(R.id.lv_chosen);
callBackChosen.backChosen(radioGroup);

}
});
mChosenWindow.showView();
mChosenWindow.setBackgroundAlpha(num);
}

/**
* 获取modal
* @param info
* @param num
* @param callBackModal
*/
public void getModal(final String info, float num, final CallBackModal callBackModal){
mPopViewModal = LayoutInflater.from(context).inflate(R.layout.pop_window_modal, null);
mModalWindow = new CustomPopupWindow(parentsView,
context, mPopViewModal, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout
.LayoutParams.WRAP_CONTENT, true);
//
/**
* 初始化悬浮窗 里面的控件
*/
mModalWindow.setOnPopupWindowListener(new CustomPopupWindow
.PopupWindowListener() {

// TODO 设置活动内容
@Override
public void initView() {
TextView tvModalInfo = (TextView) mPopViewModal.findViewById(R.id.tv_modal_info);
TextView tvModalHint = (TextView) mPopViewModal.findViewById(R.id.tv_modal_hint);
ImageView ivPic = (ImageView) mPopViewModal.findViewById(R.id.iv_modal_info);
if (title!=null){
tvModalHint.setText(title);
}
Button btModalLeft = (Button) mPopViewModal.findViewById(R.id.bt_modal_left);
Button btModalRight = (Button) mPopViewModal.findViewById(R.id.bt_modal_right);
callBackModal.initImag(ivPic);
tvModalInfo.setText(info);
if (promptLeft!=null&&promptRight!=null){
btModalLeft.setText(promptLeft);
btModalRight.setText(promptRight);
}
btModalLeft.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackModal.leftButton(v);
}
});
btModalRight.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
callBackModal.rightButton(v);
}
});
}
});
mModalWindow.showView();
mModalWindow.setBackgroundAlpha(num);

}
public void getDatePicker(){
final Calendar c = Calendar.getInstance();
int mYear = c.get(Calendar.YEAR);
int mMonth = c.get(Calendar.MONTH);
int mDay = c.get(Calendar.DAY_OF_MONTH);
new DatePickerDialog(context,
mDateSetListener,
mYear, mMonth, mDay).show();
}
private DatePickerDialog.OnDateSetListener mDateSetListener = new DatePickerDialog.OnDateSetListener() {
public void onDateSet(DatePicker view, int year,
int monthOfYear, int dayOfMonth) {

}
};
public void getTimePicker(){
final Calendar c = Calendar.getInstance();
int mYear = c.get(Calendar.YEAR);
int mMonth = c.get(Calendar.MONTH);
int mDay = c.get(Calendar.DAY_OF_MONTH);
new TimePickerDialog(context,mTimeSetListener,0,0,true).show();
}
private TimePickerDialog.OnTimeSetListener mTimeSetListener = new TimePickerDialog.OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {

}
};
/**
* 关闭弹窗
*/
public void popDismiss(){
if (mAlertWindow!=null){
mAlertWindow.dismiss();
}
if (mConfirmWindow!=null){
mConfirmWindow.dismiss();
}
if (mPromptWindow!=null){
mPromptWindow.dismiss();
}
if (mLoadingWindow!=null){
mLoadingWindow.dismiss();
}
if (mToastWindow!=null){
mToastWindow.dismiss();
}
if (mActionsheetWindow!=null){
mActionsheetWindow.dismiss();
}
}

/**
* 没有输入框的左右按钮回调
*/
public interface CallBackLeftRightButton {
public void rightButton(View v);
public void leftButton(View v);
}

/**
* 有输入框的左右回调
*/
public interface CallBackPrompt {
public void rightButton(View v,EditText editText);
public void leftButton(View v,EditText editText);
}
public interface CallBackActionSheet{
void backListView(ListView listView,Button button);
}
public interface CallBackChosen{
void backChosen(ListView listView);
}
public interface CallBackModal{
public void rightButton(View v);
public void leftButton(View v);
void initImag(ImageView imageView);
}
}

自定义PopWindow:

package cn.com.bjhj.baseframework.utils;

import android.annotation.TargetApi;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.os.Build;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.widget.PopupWindow;

/**
* 自定义悬浮窗体
* Created by JIANG on 2016/8/5.
*/
public class CustomPopupWindow implements PopupWindow.OnDismissListener {
private PopupWindowListener mPopupWindowListener;
public PopupWindow mPopupWindow;
private Activity mActivity;
private Context context;
private View mParentView;
private int mWidth;
private int mHeight;
private View mPopupWindowView;
private boolean focusable;
private View dropDown =null;

public CustomPopupWindow(View parentView, Context activity, View contentView, int width, int
height, boolean focusable) {
this.mActivity = (Activity) activity;
this.context = activity;
this.mParentView = parentView;
this.mWidth = width;
this.mHeight = height;
this.focusable = focusable;
this.mPopupWindowView = contentView;
}
public CustomPopupWindow(View dropDown, View parentView, Context activity, View contentView, int width, int
height, boolean focusable) {
this.mActivity = (Activity) activity;
this.context = activity;
this.mParentView = parentView;
this.mWidth = width;
this.mHeight = height;
this.focusable = focusable;
this.mPopupWindowView = contentView;
this.dropDown = dropDown;
}

/**
* 显示PopupWindow
*/
@TargetApi(Build.VERSION_CODES.KITKAT)
public void showView() {
mPopupWindow = new PopupWindow(mPopupWindowView, mWidth, mHeight, focusable);
if (mPopupWindowListener != null) {
mPopupWindowListener.initView();
}

mPopupWindow.setBackgroundDrawable(new ColorDrawable(0xFFFFFF));

mPopupWindow.update();
mPopupWindow.setOnDismissListener(this);
if (dropDown!=null) {

// 计算x轴方向的偏移量，使得PopupWindow在Title的正下方显示，此处的单位是pixels
float xoffInPixels = ScreenUtils.getScreenWidth(context) / 2 ;
// 将pixels转为dip
int xoffInDip = ScreenUtils.px2dip(context,xoffInPixels);

mPopupWindow.showAsDropDown(dropDown,0,0);

}else {
mPopupWindow.showAtLocation(mParentView, Gravity.CENTER | Gravity.CENTER, 0, 0);
}

}

/**
* 点击悬浮窗外面时的操作
*/
@Override
public void onDismiss() {
setBackgroundAlpha(1f);
}

public interface PopupWindowListener {
// 初始化PopupWindow的控件
void initView();
}

public void setOnPopupWindowListener(PopupWindowListener listener) {
this.mPopupWindowListener = listener;
}

/**
* 隐藏PopupWindow
*/
public void dismiss() {
if (mPopupWindow != null) {
mPopupWindow.dismiss();
mPopupWindow = null;
}
}

//设置屏幕背景透明效果
public void setBackgroundAlpha(final float alpha) {
mActivity.runOnUiThread(new Runnable() {
@Override
public void run() {
WindowManager.LayoutParams lp = mActivity.getWindow().getAttributes();
mActivity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
lp.alpha = alpha;
mActivity.getWindow().setAttributes(lp);
}
});

}
}

效果图:



各个弹窗的效果如下：























效果大概就是这些，还有一个是调用js中的方法然后弹窗显示我就不展示了。获取地理位置和这个弹窗原理是一样的，具体操作请看我另一篇博文。http://blog.csdn.net/jhl122/article/details/53205345。 博客上还有另一种简便的方式弹窗，有兴趣的请看http://blog.csdn.net/u012124438/article/details/53371102。