2017-04-28

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

/**
*第一部分 ：记载显示网页
*/
mWebView = (WebView) mMainContainer.findViewById(R.id.wv_container);
// 设置加载网页的地址
mWebView.loadUrl("http://www.baidu.com");
WebSettings settings = mWebView.getSettings();
// 启用 JavaScript 支持（WebView的设置）
settings.setJavaScriptEnabled(true);
/**
* new WebViewClient
* 解决跳转到第三方浏览器
* 这里面处理行对应的页面逻辑
*/
mWebView.setWebViewClient(new WebViewClient() {
  //处理页面逻辑的方法 详细举例在下一片段
  @Override
  public boolean shouldOverrideUrlLoading(WebView view, String url) {
  
    mWebView.loadUrl(url);
    
    return true;
    
  }
  // 页面开始加载
  @Override
  
  public void onPageStarted(WebView view, String url, Bitmap favicon) {
  
    super.onPageStarted(view, url, favicon);
    
    if (!mDialog.isShowing())
    
      mDialog.show();  //显示加载进度条
      
  } 
  
  /**
  
  * 页面加载完成
  
  * @param view
  
  * @param url
  
  */
  
  @Override
  
  public void onPageFinished(WebView view, String url) {
  
    super.onPageFinished(view, url);
    
    if (mDialog.isShowing())
    
      mDialog.dismiss();  //加载完成 隐藏进度条
      
  }
  
});

/**
 * Activity 管理类
 * Created by ShiYunpeng on 2016/12/28.
 */
public class ActivityCollector {
    private static List<Activity> activityList = new ArrayList<>();  //用来管理所有的activity
    /**
     * 添加当前的Activity到栈中
     * @param activity
     */
    public static void addActivity(Activity activity){
        activityList.add(activity);
    }
    /**
     * 将当前Activity移出返回栈
     * @param activity
     */
    public static void removeActivity(Activity activity){
        activityList.remove(activity);
    }
    /**
     * 获取到栈顶的Activity
     * @return
     */
    public static Activity getTopActivity(){
        if (activityList.isEmpty()){
            return null;
        }else {
            return activityList.get(activityList.size() - 1);
        }
    }
}

//项目所在包，待会要用
package com.lansum.eip.webview;
public class WebViewController extends WebView {
    //声明上下文对象
    private Context context;
    //声明WebViewController全局对象
    private WebViewController control;
    //网络未加载完的loading图片
    private ImageView imageView;
    public WebViewController(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;
        webviewSettings();
    }
    public WebViewController(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        webviewSettings();
    }
    public WebViewController(Context context) {
        super(context);
        webviewSettings();
    }
    /*
     *这个注解的意思就是让本地区识别服务器的接口名字
     *然后去匹配
    */
    @SuppressLint("JavascriptInterface")
    private void webviewSettings() {
        control = this;
        // TODO Auto-generated constructor stub
        WebSettings webSettings = this.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
        webSettings.setSupportZoom(false);
        webSettings.setBuiltInZoomControls(false);
        webSettings.setAllowFileAccess(true);
        webSettings.setAllowContentAccess(true);
        webSettings.setAllowFileAccessFromFileURLs(true);
        webSettings.setAllowUniversalAccessFromFileURLs(true);
        webSettings.setDatabaseEnabled(true);
        webSettings.setDomStorageEnabled(true);
        webSettings.setGeolocationEnabled(true);
        webSettings.setAppCacheEnabled(true);
        webSettings.setAppCachePath(context.getCacheDir().getPath());
        webSettings.setDefaultTextEncodingName("gbk");
        // 屏幕自适应
        webSettings.setUseWideViewPort(true);
        webSettings.setLoadWithOverviewMode(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        } else {
            webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        }
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
            webSettings.setDisplayZoomControls(false);
        }
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            webSettings.setLoadsImagesAutomatically(true);
        } else {
            webSettings.setLoadsImagesAutomatically(false);
        }
        /**禁止屏幕自动旋转*/
        this.setScrollBarStyle(this.SCROLLBARS_INSIDE_OVERLAY);
        this.setHorizontalScrollBarEnabled(false);
        this.setHorizontalFadingEdgeEnabled(false);
        this.setVerticalFadingEdgeEnabled(false);
        /*下面的类是一个专门处理网页与本地交互的类
         *这里的意思是先创建这个类的对象
         *然后经本地所有服务端的接口封装在了这个类对象中
         *这样在这个类中处理交互的时候就很方便了
         *这个在后续中详细解释
         */
        HtmlMessageForLocal newWebViewActivity = new HtmlMessageForLocal();
        this.addJavascriptInterface(newWebViewActivity, "android");
        /**
         * 让网页的弹框转化为原生化的弹框
         * onJsAlert 这个方法名是死的
         */
        setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
            
                AlertDialog.Builder builder = new AlertDialog.Builder(context).setTitle("错误提醒")
                /*注意，这里的 message 是服务端网页传过来的参数
                 *只需要经这个参数设置到弹出框中即可
                 *这里不同的服务方会有不同需求
                 */
                        .setMessage(message)
                        .setIcon(R.drawable.icon_login)
                        .setPositiveButton("好", new AlertDialog.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.confirm();
                            }
                        });
                builder.setCancelable(false);
                builder.create();
                builder.show();
                return true;
            }
        });
        setWebViewClient(new WebViewClient() {
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // 这些页面添加顶部导航
                if (url != null && !url.matches(".*"+ Constants.urlLogIn+".*")) {
                    //指定网页要跳转的目标类
                    Intent intent = new Intent(context, NewWebViewActivity.class);
                    //将地址传过去
                    intent.putExtra("url", url);
                    //将动画也传过去
                    intent.putExtra("animation",R.anim.slide_right_out);
                    context.startActivity(intent);
                    return true;
                } else {
                    return false;
                }
            }
            
            /**
            *网络错误时的回调方法
            */
            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
            }
            /**
             * WebView开始加载
             * @param view
             * @param url
             * @param favicon
             */
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                // TODO Auto-generated method stub
                super.onPageStarted(view, url, favicon);
              
                /**
                 * 动态创建网络加载中的GIf图片
                 */
                imageView = new ImageView(ActivityCollector.getTopActivity().getApplicationContext());
                ViewGroup.LayoutParams size = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, 80);
                imageView.setLayoutParams(size);
                Glide.with(ActivityCollector.getTopActivity()).load(R.drawable.loading3).into(imageView);
                ViewGroup parentLayout = (ViewGroup) WebViewController.this.getParent();
                parentLayout.addView(imageView);
                parentLayout.getPaddingRight();
                imageView.setVisibility(View.VISIBLE);
            }
            /**
             * WebView加载完成
             * @param view
             * @param url
             */
            @Override
            public void onPageFinished(WebView view, String url) {
                //让加载的GIf动图消失
                imageView.setVisibility(View.GONE);
            }
        });
    }