Android之WebView仿微信中图片操作(含二维码识别)

HitTestResult类: WebView中被点击内容的相应信息,通过WebView的getHitTestResult()获取!

自定义WebView

/**
 * 自定义WebView,长按图片获取图片url
 * @author LinZhang
 *
 */
public class CustomWebView extends WebView implements OnLongClickListener{
    private Context context;
    private LongClickCallBack mCallBack;
    public CustomWebView(Context context, LongClickCallBack mCallBack) {
        super(context);
        this.context = context;
        this.mCallBack = mCallBack;
        initSettings();
    }

    private void initSettings() {
        // 初始化设置
        WebSettings mSettings = this.getSettings();
        mSettings.setJavaScriptEnabled(true);//开启javascript
        mSettings.setDomStorageEnabled(true);//开启DOM
        mSettings.setDefaultTextEncodingName("utf-8");//设置字符编码
        //设置web页面
        mSettings.setAllowFileAccess(true);//设置支持文件流
        mSettings.setSupportZoom(true);// 支持缩放
        mSettings.setBuiltInZoomControls(true);// 支持缩放
        mSettings.setUseWideViewPort(true);// 调整到适合webview大小
        mSettings.setLoadWithOverviewMode(true);// 调整到适合webview大小
        mSettings.setDefaultZoom(ZoomDensity.FAR);// 屏幕自适应网页,如果没有这个,在低分辨率的手机上显示可能会异常
        mSettings.setRenderPriority(RenderPriority.HIGH);
        //提高网页加载速度,暂时阻塞图片加载,然后网页加载好了,在进行加载图片
        mSettings.setBlockNetworkImage(true);
        mSettings.setAppCacheEnabled(true);//开启缓存机制

        setWebViewClient(new MyWebViewClient());
        setOnLongClickListener(this);
    }

    @Override
    public boolean onLongClick(View v) {
        // 长按事件监听(注意:需要实现LongClickCallBack接口并传入对象)
        final HitTestResult htr = getHitTestResult();//获取所点击的内容
        if (htr.getType() == WebView.HitTestResult.IMAGE_TYPE) {//判断被点击的类型为图片
            mCallBack.onLongClickCallBack(htr.getExtra());
        }
        return false;
    }

    private class MyWebViewClient extends WebViewClient {
        /**
         * 加载过程中 拦截加载的地址url
         * @param view
         * @param url  被拦截的url
         * @return
         */
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            return super.shouldOverrideUrlLoading(view, url);
        }
        /**
         * 页面加载过程中,加载资源回调的方法
         * @param view
         * @param url
         */
        @Override
        public void onLoadResource(WebView view, String url) {
            super.onLoadResource(view, url);
        }
        /**
         * 页面加载完成回调的方法
         * @param view
         * @param url
         */
        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(view, url);
            // 关闭图片加载阻塞
            view.getSettings().setBlockNetworkImage(false);

        }
        /**
         * 页面开始加载调用的方法
         * @param view
         * @param url
         * @param favicon
         */
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon) {
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public void onReceivedError(WebView view, int errorCode,
                String description, String failingUrl) {
            super.onReceivedError(view, errorCode, description, failingUrl);
        }

        @Override
        public void onScaleChanged(WebView view, float oldScale, float newScale) {
            super.onScaleChanged(view, oldScale, newScale);
            CustomWebView.this.requestFocus();
            CustomWebView.this.requestFocusFromTouch();
        }

    }

    /**
     * 长按事件回调接口,传递图片地址
     * @author LinZhang
     */
    public interface LongClickCallBack{
        /**用于传递图片地址*/
        void onLongClickCallBack(String imgUrl);
    }

}

自定义Dialog,用于长按图片弹出

/**
 * 弹出图片操作Dialog
 * @author LinZhang
 *
 */
public abstract class CustomDialog extends Dialog {

    private Context context;
    /**
     * 构造器
     * @param context 上下文
     * @param layoutId 资源文件id
     */
    public CustomDialog(Context context, int layoutId) {
        super(context, R.style.CustomDialog);
        this.context = context;
        createDialog(layoutId);
    }

    /**
     * 设置dialog
     * @param layoutId
     */
    public  void createDialog(int layoutId){
        setContentView(layoutId);
        Window window = getWindow();
        WindowManager.LayoutParams params = window.getAttributes();
        params.width = WindowManager.LayoutParams.WRAP_CONTENT;
        params.height = WindowManager.LayoutParams.WRAP_CONTENT;
        params.gravity = Gravity.CENTER;
        window.setAttributes(params);
        initViews();
        if(!(context instanceof Activity)){
            getWindow().setType(WindowManager.LayoutParams.TYPE_SYSTEM_ALERT);
        }
    }

    public void closeDialog(){
        dismiss();
    }
    /**
     * 用于初始化相应的控件
     */
    public abstract void initViews();

}

MainActivity:

public class MainActivity extends Activity implements LongClickCallBack{

    private CustomWebView mCustomWebView;
    private CustomDialog mCustomDialog;
    private ArrayAdapter<String> adapter;
    private boolean isQR;//判断是否为二维码
    private Result result;//二维码解析结果

    @SuppressLint("HandlerLeak")
    private Handler handler = new Handler(){
        public void handleMessage(Message msg) {
            if (msg.what == 0){
                if (isQR){
                     adapter.add("识别图中二维码");   
                }
                adapter.notifyDataSetChanged();
            }
        };
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initWebView();
    }

    private void initWebView() {
        // 初始WebView化控件
        mCustomWebView = new CustomWebView(this, this);
        mCustomWebView.loadUrl("http://keeganlee.me/post/android/20121206");//加载页面
        mCustomWebView.setFocusable(true);
        mCustomWebView.setFocusableInTouchMode(true);
        addContentView(mCustomWebView, new LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT));
    }

    @Override
    public void onLongClickCallBack(final String imgUrl) {
        // 获取到图片地址后做相应的处理
        new Thread(){
            public void run() {
                decodeImage(imgUrl);
                handler.sendEmptyMessage(0);
            };
        }.start();

        showDialog();
    }

    /**
     * 判断是否为二维码
     * @param url 图片地址
     * @return
     */
    private boolean decodeImage(String sUrl){
        result = DecodeImage.handleQRCodeFormBitmap(getBitmap(sUrl));
        if(result == null){
            isQR = false;
        }else {
            isQR = true;
        }
        return isQR;
    }

    /**
     * 根据地址获取网络图片
     * @param sUrl 图片地址
     * @return
     * @throws IOException
     */
    public static Bitmap getBitmap(String sUrl){
        try {
            URL url = new URL(sUrl);
            HttpURLConnection conn = (HttpURLConnection)url.openConnection();
            conn.setConnectTimeout(5000);
            conn.setRequestMethod("GET");
            if(conn.getResponseCode() == 200){
                InputStream inputStream = conn.getInputStream();
                Bitmap bitmap = BitmapFactory.decodeStream(inputStream);
                return bitmap;
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
   }

    /**
     * 显示Dialog
     * @param v
     */
    private void  showDialog() {

        adapter = new ArrayAdapter<String>(this,R.layout.item_dialog);  
        adapter.add("发送给朋友");  
        adapter.add("保存到手机");  
        adapter.add("收藏");

        mCustomDialog = new CustomDialog(this, R.layout.custom_dialog) {

            @Override
            public void initViews() {
                // 初始CustomDialog化控件
                ListView mListView = (ListView) findViewById(R.id.lv_dialog);
                mListView.setAdapter(adapter); 
                mListView.setOnItemClickListener(new OnItemClickListener() {

                    @Override
                    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                        // 点击事件
                        switch (position) {
                        case 0:
                            Toast.makeText(MainActivity.this, "已发送给朋友", Toast.LENGTH_LONG).show();
                            closeDialog();
                            break;
                        case 1:
                            Toast.makeText(MainActivity.this, "已保存到手机", Toast.LENGTH_LONG).show();
                            closeDialog();
                            break;
                        case 2:
                            Toast.makeText(MainActivity.this, "已收藏", Toast.LENGTH_LONG).show();
                            closeDialog();
                            break;
                        case 3:
                            Toast.makeText(MainActivity.this, "二维码识别结果: " + result.toString(), Toast.LENGTH_LONG).show();       
                            closeDialog();
                            break;
                        }

                    }
                });
            }
        };
        mCustomDialog.show();
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值