2017-05-20

当下主流 APP , Hybrid app 中需要熟练掌握的交互知识（二）

//获取到消息处理类传过来的 url 网址
String url = getIntent().getStringExtra("url");
//获取到消息处理类传过来的动画操作
int anim = getIntent().getIntExtra("animation", 0);
if (url == null) {
   finish();
}else if (url.equals(Constants.urlHostBase + Constants.urlLogIn)){
   baseWebView.loadUrl(url);
   topToolbar.setVisibility(View.GONE);
} else {
   baseWebView.loadUrl(url);
   //用动画文件判断新开页面
   if (anim == R.anim.slide_right_out) {  //当所有的新开页面 是从右往左打开时（表示新开页面）
        //添加返回按钮
        backImageView.setImageResource(R.drawable.returns);
        //变为显示状态
        backImageView.setVisibility(View.VISIBLE);
        //返回键点击事件
        backImageView.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               finish(); //关闭页面
               //设置页面退出动画为从左往右退出
               overridePendingTransition(R.anim.none, R.anim.slide_right_out);
           }
         });
    }
}

@JavascriptInterface
public void callHandler(final String methodName, final String data, final String callbackName) {
    Log.e(TAG, "Method:" + methodName);
    if (methodName.equals("openAttendanceFromJS")) {
       openAttendanceFromJS(data);      // 打开新窗口
    }
}

/**
 * Js 与 Native（android 原生交互）
 * Native 调用 JS 方法
 * @param methodName Js 方法名
 * @param data 需要用到的数据 比如图片资源需要传递的数据 以下代码的实体类为 RightInfo
 我们需要声明一个实体类 用到什么数据资源就传给这个参数 
 * @param callbackName 回调的方法名 这里具体用不到
 */
@JavascriptInterface
public void callHandler(final String methodName, final String data, final String callbackName) {
    Log.e(TAG, "Method:" + methodName);
    if (methodName.equals("openAttendanceFromJS")) {
       openAttendanceFromJS(data);      // 打开新窗口
    } else if (methodName.equals("addRightBarButtonItemFromJS")) {
       addRightBarButtonItemFromJS(data);// 添加右上角按钮
    }
/**
 * 打开新窗口
 * @param url
 */
protected void openAttendanceFromJS(String url) {
    Log.i("js", url);
    // TODO Auto-generated method stub
    Intent intent = new Intent(ActivityCollector.getTopActivity(), NewWebViewActivity.class);
    intent.putExtra("url", url);
    intent.putExtra("animation", R.anim.slide_right_out);
    intent.putExtra("animation", R.anim.slide_right_in);
    ActivityCollector.getTopActivity().startActivity(intent);
}
/**
 * 设置右上角图片按钮
 * @param data
 */
protected void addRightBarButtonItemFromJS(String data) {
    topRightImage.setBackgroundResource(imageId);  //找到图片按钮资源
    topRightImage.setVisibility(View.VISIBLE);     //设置为可见状态
    topRightImage.setOnClickListener(new View.OnClickListener() {  //此按钮点击事件
        @Override
        public void onClick(View v) {
            Activity activity = ActivityCollector.getTopActivity();//获取到栈顶 Activity
            activity.runOnUiThread(new Runnable() {  //强制运行到主线程
                @Override
                public void run() {
                    //找到共用打的 WebView                       
                    ActivityCollector.getTopActivity().findViewById(R.id.base_web_view);
                    activity.overridePendingTransition(R.anim.push_bottom_out, R.anim.push_bottom_in);
                    //找到对应 web url网址
                    baseWebView.loadUrl("javascript:" + rightInfo.funcName);
                }
            });
        }
    });
}