安卓与html混合开发之原生与js相互调用
原生和html的优缺点就不多说了，有些特定条件下用html页面可以很方便，也很容易更新和维护，那么这就涉及到html与安卓原生的交互和通信。
接下来我要分享的是html调用原生的弹窗和位置信息，安卓原生调用JS中的方法。
xml很简单：
初始化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();
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 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);
}
});
}
}
弹窗工具集合我都是自定义做的会有些麻烦，但是可操作性比较高：
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);
}
}
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。