Android开发--MVP demo+Jsoup在线小说阅读器（一）

因为最近身体不好又是偷懒了一阵子没有更新…这次带来的是一个在线的小说阅读器.目前已经实现了基本的功能，完成了大概的框架，剩余的部分慢慢来更新。先放上源码github https://github.com/CallMeSp/ToRead_MVP.git 求star。里面也有这个项目没有应用mvp结构的源码可以用来对比一下。
最近看了MVP框架，所以这个项目也采用了mvp框架，参考了mvp入门解析 、浅谈mvp入门由于经验不够，有些粗糙。还使用了picasso图片加载库，Jsoup来实现网页解析功能。先看一下代码结构

然后看一些效果图。


这就是用了MVP结构的代码结构了，明显感觉就是类的类别明显增多了，不过解耦性明显增强了，最大程度分离了view的交互和model的逻辑处理，view和model之间则通过presenter来沟通。
不过这又产生了一个问题：
这样一个view和一个presenter对应一个界面，要是一个完整的项目，界面肯定不少，那和以view和presenter会暴增，这样怎么办呢？
利用组合思想。V和P是一一对应的，但是，我们可以把通用的VP提取出来。一个Activity implements 多个View，然后利用组合包含几个P。举个例子。有个LoginPresenter。我们现在要在登陆页面中用到，另外在一个回复页面，也需要做个快速登陆功能。那么我们可能需要在LoginActivity和ReplyActivity中都包含这个LoginPresenter，两个Activity都各自去实现LoginView。可能ReplyActivity还有其他功能，他还要包含自己的ReplyPresenter，并实现自己的ReplyView。
利用组合来实现Presenter的复用，这个是MVP的优雅之一。但是别忘了不要持有View实例，记得detach。
然后言归正传，这个项目功能主要的实现依靠的是Jsoup的解析功能。来看一下bookbiz中根据搜索的书名来获取书籍列表的这一段。

@Override    public void showbookslist(final String searchname){        new Thread(new Runnable() {            @Override            public void run() {                try {                    books.clear();                    Document doc = Jsoup.connect("http://so.37zw.com/cse/search?q=" + searchname + "&click=1&s=2041213923836881982&nsid=")                            .get();                    Elements items=doc.select("div.game-legend-a");                    for (Element Item : items) {                        Log.e("0","Item:"+Item);                        String title=Item.select("h3").text();                        String detail=Item.select("p.result-game-item-desc").text();                        String ur=Item.select("div.game-legend-a").attr("onclick");                        ur=ur.substring(17, ur.length() - 1);                        String writer=Item.select("p.result-game-item-info-tag").first().text();                        String IMG=Item.select("img").attr("src");                        book mybook=new book();                        mybook.setBook_name(title);                        mybook.setBook_writter(writer);                        mybook.setBook_details(detail);                        mybook.setBook_cover(IMG);                        mybook.setContenturl(ur);                        books.add(mybook);                    }                    presenter.updatelist(books);                } catch (IOException e){                    e.printStackTrace();                }            }        }).start();    }

jsoup 是一款 Java 的HTML 解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于JQuery的操作方法来取出和操作数据。
jsoup的主要功能如下：
从一个URL，文件或字符串中解析HTML；
使用DOM或CSS选择器来查找、取出数据；
可操作HTML元素、属性、文本；此处运用的就是使用DOM选择器来查找和取出数据。本来相用正则来自己解析的..想想..还是算了吧..
http://www.open-open.com/jsoup/ 附上jsoup开发中文文档。里面讲的也很详细。大家也可以写写demo来测试一下。下面看一下picasso的应用：

Picasso.with(myholder.itemView.getContext())                .load(mybook.get(position).getBook_cover())                .centerInside()                .fit()                .into(myholder.bookcover);

怎么样是不是很简洁…其实然后看看我原来自己没有用这个库自己实现的：

private void DoGetbitmap() {        new Thread(new Runnable() {            @Override            public void run() {                for(int i=0;i<search_title_list.size();i++) {                    Log.e("0","url;"+search_bitmapurl.get(i));                    HttpGet httPost = new HttpGet(search_bitmapurl.get(i));                    HttpClient client = new DefaultHttpClient();                    // 请求超时                    client.getParams().setParameter(                            CoreConnectionPNames.CONNECTION_TIMEOUT, 10000);                    // 读取超时                    client.getParams().setParameter(CoreConnectionPNames.SO_TIMEOUT,                            10000);                    try {                        HttpResponse httpResponse = client.execute(httPost);                        byte[] bytes = new byte[1024];                        bytes = EntityUtils.toByteArray(httpResponse.getEntity());                        bitmap = BitmapFactory.decodeByteArray(bytes, 0, bytes.length);                        search_bookvover_list.add(bitmap);                    } catch (IOException e) {                        Log.e("0", "fail get bitmap");                        e.printStackTrace();                    }                    Log.e("0", "success to get bitmap");                }                Log.e("0", "success to get bitmaps");                Message.obtain(mhandeler,1).sendToTarget();            }        }).start();    }

得设置各种Httpget、httpclient、然后害的response转bytes转bitmap然后再设置imageview简直蠢到爆啊而且性能还很low。写到这里想到了最近也正在学习retrofit和rxjava。学完后会对demo中的网络请求和线程操作重新更好的处理一下。demo中还有一个亮点是在长按item的时候会弹出一个菜单，而且此时背景会虚化，这也是结合了前一阵的所学算是活学活用吧。来看一下代码：

package com.sp.areader.view.fragment;import android.animation.Animator;import android.animation.AnimatorListenerAdapter;import android.animation.ValueAnimator;import android.app.Activity;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.PixelFormat;import android.graphics.Rect;import android.graphics.drawable.BitmapDrawable;import android.os.Build;import android.renderscript.Allocation;import android.renderscript.Element;import android.renderscript.RenderScript;import android.renderscript.ScriptIntrinsicBlur;import android.util.Log;import android.view.Gravity;import android.view.KeyEvent;import android.view.View;import android.view.ViewGroup;import android.view.WindowManager;import android.widget.TextView;import com.sp.areader.R;import java.util.ArrayList;import java.util.List;/** * Created by zhaoshuang on 16/8/29. * 弹出动画的popupwindow */public class HintPopupWindow {    private Activity activity;    private WindowManager.LayoutParams params;    private boolean isShow;    private WindowManager windowManager;    private ViewGroup rootView;    private ViewGroup linearLayout;    private final int animDuration = 250;//动画执行时间    /**     * @param contentList 点击item的内容文字     * @param clickList 点击item的事件     * 文字和click事件的list是对应绑定的     */    public HintPopupWindow(Activity activity, List<String> contentList, List<View.OnClickListener> clickList){        this.activity = activity;        windowManager = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);        initLayout(contentList, clickList);    }    /**     * @param contentList 点击item内容的文字     * @param clickList 点击item的事件     */    public void initLayout(List<String> contentList, List<View.OnClickListener> clickList){        //这是根布局        rootView = (ViewGroup) View.inflate(activity, R.layout.item_root_hintpopupwindow, null);        linearLayout = (ViewGroup) rootView.findViewById(R.id.linearLayout);        //格式化点击item, 将文字和click事件一一绑定上去        List<View> list = new ArrayList<>();        for(int x=0; x<contentList.size(); x++){            View view = View.inflate(activity, R.layout.item_hint_popupwindow, null);            TextView textView = (TextView) view.findViewById(R.id.tv_content);            View v_line = view.findViewById(R.id.v_line);            textView.setText(contentList.get(x));            linearLayout.addView(view);            list.add(view);            if(x == 0){                v_line.setVisibility(View.INVISIBLE);            }else{                v_line.setVisibility(View.VISIBLE);            }        }        for (int x=0; x<list.size(); x++){            list.get(x).setOnClickListener(clickList.get(x));        }        //这里给你根布局设置背景透明, 为的是让他看起来和activity的布局一样        params = new WindowManager.LayoutParams();        params.width = WindowManager.LayoutParams.MATCH_PARENT;        params.height = WindowManager.LayoutParams.MATCH_PARENT;        params.format = PixelFormat.RGBA_8888;//背景透明        params.gravity = Gravity.LEFT | Gravity.TOP;        //当点击根布局时, 隐藏        rootView.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                gonePopupWindow();            }        });        rootView.setOnKeyListener(new View.OnKeyListener() {            @Override            public boolean onKey(View v, int keyCode, KeyEvent event) {                //如果是显示状态那么隐藏视图                if(keyCode == KeyEvent.KEYCODE_BACK && isShow) gonePopupWindow();                return isShow;            }        });    }    /**     * 弹出选项弹窗     * @param locationView 默认在该view的下方弹出, 和popupWindow类似     */    public void showPopupWindow(View locationView){        try {            //这个步骤是得到该view相对于屏幕的坐标, 注意不是相对于父布局哦!            int[] arr = new int[2];            locationView.getLocationOnScreen(arr);            linearLayout.measure(0, 0);//为view申请占 int，int大小的控件.若与实际大小不符合则会自动计算。            Rect frame = new Rect();            activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);//得到状态栏高度            float x = arr[0] + locationView.getWidth() - linearLayout.getMeasuredWidth();            //float y = arr[1] - frame.top + locationView.getHeight();            float y = arr[1] - frame.top;            linearLayout.setX(x);            linearLayout.setY(y+50);            /*捕获当前activity的布局视图, 因为我们要动态模糊, 所以这个布局一定要是最新的,            *这样我们把模糊后的布局盖到屏幕上时, 才能让用户感觉不出来变化*/            View decorView = activity.getWindow().getDecorView();            Bitmap bitmap = getBitmapByView(decorView);//这里是将view转成bitmap            setBlurBackground(bitmap);//这里是模糊图片, 这个是重点我会单独讲的, 因为效率很重要啊!!!            //这里就是使用WindowManager直接将我们处理好的view添加到屏幕最前端            windowManager = (WindowManager) activity.getSystemService(Context.WINDOW_SERVICE);            windowManager.addView(rootView, params);            //这一步就是有回弹效果的弹出动画, 我用属性动画写的, 很简单            showAnim(linearLayout, 0, 1, animDuration, true);            //视图被弹出来时得到焦点, 否则就捕获不到Touch事件            rootView.setFocusable(true);            rootView.setFocusableInTouchMode(true);            rootView.requestFocus();            rootView.requestFocusFromTouch();        }catch (Exception e){            e.printStackTrace();        }    }    /**     * 得到bitmap位图, 传入View对象     */    public static Bitmap getBitmapByView(View view) {        Bitmap bitmap = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8888);        view.draw(new Canvas(bitmap));        return bitmap;    }    private void setBlurBackground(Bitmap bitmap) {        Bitmap scaledBitmap = Bitmap.createScaledBitmap(bitmap, bitmap.getWidth() / 3, bitmap.getHeight() / 3, false);        Bitmap blurBitmap = getBlurBitmap(activity, scaledBitmap, 5);        rootView.setAlpha(0);        rootView.setBackgroundDrawable(new BitmapDrawable(blurBitmap));        alphaAnim(rootView, 0, 1, animDuration);    }    public static Bitmap getBlurBitmap(Context context, Bitmap bitmap, int radius) {        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {            return blurBitmap(context, bitmap, radius);        }        return bitmap;    }    /**     * android系统的模糊方法     * @param bitmap 要模糊的图片     * @param radius 模糊等级 >=0 && <=25     */    public static Bitmap blurBitmap(Context context, Bitmap bitmap, int radius) {        if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1){            //Let's create an empty bitmap with the same size of the bitmap we want to blur            Bitmap outBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);            //Instantiate a new Renderscript            RenderScript rs = RenderScript.create(context);            //Create an Intrinsic Blur Script using the Renderscript            ScriptIntrinsicBlur blurScript = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));            //Create the Allocations (in/out) with the Renderscript and the in/out bitmaps            Allocation allIn = Allocation.createFromBitmap(rs, bitmap);            Allocation allOut = Allocation.createFromBitmap(rs, outBitmap);            //Set the radius of the blur            blurScript.setRadius(radius);            //Perform the Renderscript            blurScript.setInput(allIn);            blurScript.forEach(allOut);            //Copy the final bitmap created by the out Allocation to the outBitmap            allOut.copyTo(outBitmap);            //recycle the original bitmap            bitmap.recycle();            //After finishing everything, we destroy the Renderscript.            rs.destroy();            return outBitmap;        }else{            return bitmap;        }    }    public void gonePopupWindow(){        goneAnim(linearLayout, 0.95f, 1, animDuration /3, true);        isShow = false;    }    public WindowManager.LayoutParams getLayoutParams(){        return params;    }    public ViewGroup getLayout(){        return linearLayout;    }    /**     * popupwindow是否是显示状态     */    public boolean isShow(){        return isShow;    }    private void alphaAnim(final View view, int start, int end, int duration){        ValueAnimator va = ValueAnimator.ofFloat(start, end).setDuration(duration);        va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                float value = (float) animation.getAnimatedValue();                view.setAlpha(value);            }        });        va.start();    }    private void showAnim(final View view, float start, final float end, int duration, final boolean isWhile) {        ValueAnimator va = ValueAnimator.ofFloat(start, end).setDuration(duration);        va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                float value = (float) animation.getAnimatedValue();                view.setPivotX(view.getWidth());//设置缩放轴心点。以view为坐标                view.setPivotY(0);                view.setScaleX(value);                view.setScaleY(value);                Log.e("0","value="+value);            }        });        va.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationEnd(Animator animation) {                if (isWhile) showAnim(view, end, 0.95f, animDuration / 3, false);            }        });        va.start();    }    public void goneAnim(final View view, float start, final float end, int duration, final boolean isWhile){        ValueAnimator va = ValueAnimator.ofFloat(start, end).setDuration(duration);        va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                float value = (float) animation.getAnimatedValue();                view.setPivotX(view.getWidth());                view.setPivotY(0);                view.setScaleX(value);                view.setScaleY(value);            }        });        va.addListener(new AnimatorListenerAdapter() {            @Override            public void onAnimationEnd(Animator animation) {                if(isWhile){                    alphaAnim(rootView, 1, 0, animDuration);                    goneAnim(view, end, 0f, animDuration, false);                }else{                    try {                        windowManager.removeView(rootView);                    }catch (Exception e){                        e.printStackTrace();                    }                }            }        });        va.start();    }}

代码里面重要的功能都有注释就不用多说了吧。其它的就是各种逻辑的处理了，在各个activity间跳转，也是很简单，想下载demo的拉到最上面点进我的github来下载。这篇博客就到这吧，才疏学浅也写不出什么长篇大论。
立个flag：
1.完善小说缓存下载功能，要求实现断点重连后台下载。
2.网络请求用retrofit改善
3.线程的处理用rxjava改善