版本更新、滑动启动页、图片异步加载、抓取html网页新闻、内嵌小说阅读功能、PageView轮播图展示功能

本项目完全是自己手工编写，基于增加在校学生的实践经验，当然有需要的可以联系获取源代码，可以用于安卓的毕业设计：

好了直接上图，大家先预览下

好了，基本的展示都已经放上去了，接下来我就给大家细细的讲解下里面用到的技术，其实都不难，大家慢慢看下就会了（LZ只是一个在校生，不好勿拍 ）

项目一览图　

一共分为5个模块

第一个功能模块 ：app启动的滑动导航栏

在线跟新更新版本功能

    /**
     * 检查是否有新版本，如果有就升级
     */
    private void checkUpdate() {

        new Thread() {
            public void run() {
                // URLhttp://192.168.1.254:8080/updateinfo.html

                Message mes = Message.obtain();
                long startTime = System.currentTimeMillis();
                try {

                    URL url = new URL(getString(R.string.serverurl));
                    // 联网
                    HttpURLConnection conn = (HttpURLConnection) url
                            .openConnection();
                    conn.setRequestMethod("GET");
                    conn.setConnectTimeout(4000);
                    int code = conn.getResponseCode();
                    if (code == 200) {
                        // 联网成功
                        InputStream is = conn.getInputStream();
                        // 把流转成String
                        String result = StreamTools.readFromStream(is);
                        Log.i(TAG, "联网成功了" + result);
                        // json解析
                        JSONObject obj = new JSONObject(result);
                        // 得到服务器的版本信息
                        String version = (String) obj.get("version");

                        description = (String) obj.get("description");
                        apkurl = (String) obj.get("apkurl");

                        // 校验是否有新版本
                        if (getVersionName().equals(version)) {
                            // 版本一致，没有新版本，进入主页面

                            mes.what = ENTER_HOME;
                        } else {
                            // 有新版本，弹出一升级对话框
                            mes.what = SHOW_UPDATE_DIALOG;

                        }

                    }

                } catch (MalformedURLException e) {
                    // TODO Auto-generated catch block
                    mes.what = URL_ERROR;
                    e.printStackTrace();
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    mes.what = NETWORK_ERROR;
                    e.printStackTrace();
                } catch (JSONException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                    mes.what = JSON_ERROR;
                } finally {

                    long endTime = System.currentTimeMillis();
                    // 我们花了多少时间
                    long dTime = endTime - startTime;
                    // 2000
                    if (dTime < 2000) {
                        try {
                            Thread.sleep(2000 - dTime);
                        } catch (InterruptedException e) {
                            // TODO Auto-generated catch block
                            e.printStackTrace();
                        }
                    }

                    handler.sendMessage(mes);
                }

            };
        }.start();

    }

在这里我使用Handle机制通过解析JSON获取服务器端的版本信息，通过获取的服务端设定的版本信息，如果版本号相同就不进行更新，如果不同则更新，下面是服务端的代码：

{"version":"8.0","description":"新版本添加了小说阅读，美女欣赏，更多精彩，尽请更新中....","apkurl":"http://7oxgv4.com1.z0.glb.clouddn.com/xunxijiangli.apk"}

这里的技术要点就2个，①Json数据解析，json安卓直接封装好了，大家直接使用即可，如果对json解析不清楚的，可以阅读这位前辈的文章http://blog.csdn.net/onlyonecoder/article/details/8490924 ②Handle机制，这里使用handler的原因就是加载网络可能延时，于是直接开启了子线程中进行网络数据的加载，因为子线程不能更新主线程的UI，于是就直接借用了handle来完成主线程的更新，当然大家可以使用安卓自带的异步加载任务类Asynctask,同样可以实现异步加载，更新数据。

下面是handler的实现方法，可以参考看下：

/**
      * handler实现UI更新操作
      */
    private Handler handler = new Handler() {

        @Override
        public void handleMessage(Message msg) {
            // TODO Auto-generated method stub
            super.handleMessage(msg);
            switch (msg.what) {
            case SHOW_UPDATE_DIALOG:// 显示升级的对话框
                Log.i(TAG, "显示升级的对话框");
                showUpdateDialog();
                progressBar.setVisibility(View.VISIBLE);
                break;
            case ENTER_HOME:// 进入主页面
                //enterHome();
                break;

            case URL_ERROR:// URL错误
                //enterHome();
                Toast.makeText(getApplicationContext(), "URL错误", 0).show();

                break;

            case NETWORK_ERROR:// 网络异常
                //enterHome();
                Toast.makeText(SplashActivity.this, "网络异常", 0).show();
                break;

            case JSON_ERROR:// JSON解析出错
                //enterHome();
                Toast.makeText(SplashActivity.this, "JSON解析出错", 0).show();
                break;

            default:
                break;
            }
        }

    };

接下来就是app启动页面滑动的实现方法：逻辑是这样的，直接在每个启动页面的activity中app里面继承一个“手势识别器”GestureDetector，然后通过Intent进行前后的跳转。当然这里要注意需要在每个启动页面跳转完成前加上这个finish()函数，以免按返回键一直返回，影响用户体验，也不利于程序的性能。下面是这个基类的实现代码：

public abstract class BaseSetupActivity extends Activity {
    //1.定义一个手势识别器
        private GestureDetector detector;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            //2.实例化这个手势识别器
            detector = new GestureDetector(this, new SimpleOnGestureListener(){

                /**
                 * 当我们的手指在上面滑动的时候回调
                 */
                @Override
                public boolean onFling(MotionEvent e1, MotionEvent e2,
                        float velocityX, float velocityY) {

                    //屏蔽在X滑动很慢的情形

                    if(Math.abs(velocityX)<200){
                        Toast.makeText(getApplicationContext(), "滑动得太慢了", 0).show();
                        return true;
                    }

                    //屏蔽斜滑这种情况
                    if(Math.abs((e2.getRawY() - e1.getRawY())) > 100){
                        Toast.makeText(getApplicationContext(), "不能这样滑", 0).show();

                        return true;
                    }

                    if((e2.getRawX() - e1.getRawX())> 200 ){
                        //显示上一个页面：从左往右滑动
                        System.out.println("显示上一个页面：从左往右滑动");
                        showPre();
                        return true;

                    }

                    if((e1.getRawX()-e2.getRawX()) > 200 ){
                        //显示下一个页面：从右往左滑动
                        System.out.println("显示下一个页面：从右往左滑动");
                        showNext();
                        return true;
                    }

                    return super.onFling(e1, e2, velocityX, velocityY);
                }

            });
        }

        public abstract void showNext();
        public abstract void showPre();
        /**
         * 下一步的点击事件
         * @param view
         */
        public void next(View view){
            showNext();

        }

        /**
         *   上一步
         * @param view
         */
        public void pre(View view){
            showPre();

        }

        //3.使用手势识别器
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            detector.onTouchEvent(event);
            return super.onTouchEvent(event);
        }
}

关于每个启动页面的动画效果，这里就不多说了，直接用Activity本身的overridePendingTransition(R.anim.tran_in, R.anim.tran_out)方法就可以了。

第二个功能模块 ：PageView轮播图和在线视频加载功能

PageView轮播图的实现方法：首先需要导入安卓的android.support.v4.jsr包，该版本只能在安卓3.0以上使用，搭建看下布局文件就明白了。

 <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="150dp" 
        />

下面请看PageView的实现方法，原来和ListView差不多，适配每个item的数据,先来看下pageView的xml文件

 <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="fill_parent"
        android:layout_height="150dp" 
        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/viewpager"
        android:background="#33000000"
        android:orientation="vertical"
        android:id="@+id/img_linear"
         >

        <TextView
            android:id="@+id/image_desc"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"

            android:textColor="@android:color/white"
            />

        <LinearLayout
            android:id="@+id/point_group"
            android:orientation="horizontal"
            android:layout_width="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_height="wrap_content" >
        </LinearLayout>
    </LinearLayout>

下面是关于pageview的实现代码，我是直接把视频、新闻、美女、小说、设置 这5个页面都是继承的Fragment，然后在MainActivity中分别设置每个的button的监听事件，然后在FragmentTransaction中加载各个Fragment类（关于这个的设计我会在文章最后详细指出），进行展示，关于pageview代码的实现，大家请看下面的代码：

public class VideoFragment extends Fragment implements OnClickListener{

    public static final String LOG_TAG = "VideoFragment";
    private TextView textview=null;
    private ViewPager pageView=null;
    private LinearLayout point_group=null;
    private LinearLayout linear_layout;
     private int[] table={R.drawable.aa,R.drawable.bb,R.drawable.cc,R.drawable.dd,R.drawable.ee};
     List<ImageView> listViews=new ArrayList<ImageView>();
     private final String[] imageDescriptions = {
            "巩俐不低俗，我就不能低俗",
            "再唱经典老歌引万人大合唱",
            "揭秘北京电影如何升级",
            "乐视网TV版大派送",
            "热血屌丝的反杀"
    };
     private int lastPosition;
     private ImageView imageview1;
     private ImageView imageview2;
     private ImageView imageview3;
     private ImageView imageview4;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.video_fragment, container,false);
        textview=(TextView) view.findViewById(R.id.image_desc);
        point_group=(LinearLayout) view.findViewById(R.id.point_group);
        pageView=(ViewPager)view. findViewById(R.id.viewpager);

        imageview1=(ImageView) view.findViewById(R.id.image_view1);
        imageview2=(ImageView) view.findViewById(R.id.image_view2);
        imageview3=(ImageView) view.findViewById(R.id.image_view3);
        imageview4=(ImageView) view.findViewById(R.id.image_view4);


        imageview1.setOnClickListener(this);
        imageview2.setOnClickListener(this);
        imageview3.setOnClickListener(this);
        imageview4.setOnClickListener(this);


         for(int i=0;i<table.length;i++)
            {
                ImageView imageView=new ImageView(getActivity());
                imageView.setImageResource(table[i]);
                imageView.setId(i);

                listViews.add(imageView);

                ImageView point=new ImageView(getActivity());
                LinearLayout.LayoutParams params=new LayoutParams(5, 5);
                params.rightMargin=10;
                point.setLayoutParams(params);
                point.setBackgroundResource(R.drawable.point_bg);
                if(i==0)
                {
                    point.setEnabled(true);
                }else{
                    point.setEnabled(false);
                }
                point_group.addView(point);
            }
            textview.setText(imageDescriptions[0]);
            pageView.setAdapter(new MyAdapter());
            //设置pageView的时间监听器
            pageView.setOnPageChangeListener(new OnPageChangeListener() {
                /**
                 * 当页面滑动的时候设置的事件
                 */
                @Override
                public void onPageSelected(int position) {
                    // TODO Auto-generated method stub
                    textview.setText(imageDescriptions[position%(table.length)]);
                    point_group.getChildAt(position%(table.length)).setEnabled(true);
                    point_group.getChildAt(lastPosition%(table.length)).setEnabled(false);
                    lastPosition = position;
                    //配合Adapter的currentItem字段进行设置。 


                }

                @Override
                public void onPageScrolled(int arg0, float arg1, int arg2) {
                    // TODO Auto-generated method stub

                }

                @Override
                public void onPageScrollStateChanged(int arg0) {
                    // TODO Auto-generated method stub

                }
            });
        return view;
    }



    private class MyAdapter extends PagerAdapter
       {

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return Integer.MAX_VALUE;
        }

        @Override
        public boolean isViewFromObject(View arg0, Object arg1) {
            // TODO Auto-generated method stub
            return arg0==arg1;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            // TODO Auto-generated method stub
            container.removeView((View)object);
            object=null;

        }

        @Override
        public Object instantiateItem(ViewGroup container, final int position) {
            // TODO Auto-generated method stub
            //设置对应页面的监听事件
            switch (position%(table.length)) {
            case 0:
                listViews.get(position%(table.length)).setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        Toast.makeText(getActivity(), "我是第"+position+"点", 0).show();
                    }
                });     
                break;
            case 1:
                listViews.get(position%(table.length)).setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        Toast.makeText(getActivity(), "我是第"+position+"点", 0).show();
                    }
                });     
                break;
            case 2:
                listViews.get(position%(table.length)).setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        Toast.makeText(getActivity(), "我是第"+position+"点", 0).show();
                    }
                });     
                break;
            case 3:
                listViews.get(position%(table.length)).setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        Toast.makeText(getActivity(), "我是第"+position+"点", 0).show();
                    }
                });     
                break;
            case 4:
                listViews.get(position%(table.length)).setOnClickListener(new OnClickListener() {

                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        Toast.makeText(getActivity(), "我是第"+position+"点", 0).show();
                    }
                });     
                break;
            default:
                break;
            }
            container.addView(listViews.get(position%(table.length)));//添加孩子节点到ViewGroup中
            return listViews.get(position%(table.length));
        }



      }



    @Override
    public void onClick(View view) {
        // TODO Auto-generated method stub
        switch (view.getId()) {
        case R.id.image_view1:
            sendIntent();
            break;
        case R.id.image_view2:
            sendIntent();
            break;
        case R.id.image_view3:
            sendIntent();
            break;
        case R.id.image_view4:
            sendIntent();
            break;

        default:
            break;
        }
    }

    private void sendIntent()
    {
        Intent intent=new Intent();
        String URL=getString(R.string.videourl);
        intent.putExtra("extra", URL);
        intent.setClass(getActivity(), VedioActivity.class);
        startActivity(intent);
    }
}

当然大家会发现点击每个视频都是直接播放同一个视频，那是LZ视频资源不多，所以只放了一个视频链接，这里的视频跳转我需要说下，播放视频是用了一个专门的VedioActivity.class进行播放，不管点击哪视频图片，监听事件里面利用Intent跳转，当然是在里面的Intent来传递网络视频Url地址，具体看代码：

private void sendIntent()
    {
        Intent intent=new Intent();
        String URL=getString(R.string.videourl);
        intent.putExtra("extra", URL);
        intent.setClass(getActivity(), VedioActivity.class);
        startActivity(intent);
    }

VedioActivity.class里面接收代码的如下：

Intent intent=getIntent();
        String url=intent.getStringExtra("extra");
        Uri uri = Uri.parse(url);  
        videoView.setMediaController(new MediaController(this));  
        videoView.setVideoURI(uri);  
        videoView.start();
        progress.setVisibility(View.GONE);
        videoView.requestFocus();  

好了，关于轮播图和视频播放就写到这里，视频的播放这个不难，直接用VideoView控件就可以实现，当然你可以选择用MedioPaly这个类进行实现。

第三个功能模块 ：利用Jsoup.jar包对服务器端的html文档抓取新闻，然后ListView控件展示每条新闻，主要技术难点是异步加载新闻图片和抓取html数据，进行封装

下面直接看抓取html网络数据的实现代码吧，导入Jsoup.jar包，网络获取的信息，全部封装到这个newInfos=new ArrayList()，所以这里的newInfos需要设置为全局变量，因为后面的ListView中需要抽取里面的数据，关于解析html的方法，大家可以看这个官方的api http://www.open-open.com/jsoup/

/**
     * 获取List<NewInfo>的信息，将网页信息封装在newInfos里面
     *   * @return
     */
    public void getNewInfoFromInternet(){
    try {

//         File input = new File("/tmp/input.html");
           Document doc = Jsoup.parse(getHtmlString(htmlUrl));
           Elements rowpic = doc.getElementsByClass("row-pic");//通过获取全部href
           //Elements images = doc.getElementsByClass("article-newslist-detail-pic-img");
           Elements rowdescs = doc.getElementsByClass("row-desc");
          newInfos=new ArrayList<NewInfo>();
           int i=0;
           for(Element e:rowpic)
           {
               newInfo=new NewInfo();
               String href0=e.getElementsByTag("a").attr("href");
               String href=baseUrl+href0;
               String title=e.getElementsByTag("a").attr("title");
               String image=e.getElementsByTag("img").attr("src");
//             String detailSummary=e.getElementsByClass("row-desc").text();
               String detailSummary= rowdescs.get(i).getElementsByTag("a").text();
               newInfo.setHrefUrl(href);
               newInfo.setTitle(title);
               newInfo.setImgUrl(image);
               newInfo.setDetailSummary(detailSummary);
               i++;
               newInfos.add(newInfo);
           }

        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

下面讲解下ListViewz中加载的条目，关于listview这里不做过多的描述了，因为这个实在是使用太平凡了，无非就是要注意2点：①复用这个convertView，这个很关键，对你的程序的性能优化有很大的帮助，他是直接复用了之前使用过的item，你想啊！当你的Item几万个，你的程序肯定就会崩溃吧，如果复用了convertView，就相当于只需要初始化你屏幕能显示的item。②使用将子view添加到holder中，在创建新的listView的时候，创建新的ViewHolder，把所有孩子全部找到，并把孩子的引用给存起来，通过view.setTag(holder)将引用设置到view中，然后再通过holder，将孩子view设置到此holder中，从而减少以后查询的次数。直接贴上我的代码吧

    /**
     * 新闻列表LIstview的显示
     * @author Administrator
     *
     */
    public class NewAddapet extends BaseAdapter{

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return newInfosAddapet.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            View view=null;
            if(convertView==null)
            {
                LayoutInflater inflate=getLayoutInflater(getArguments());
                view=inflate.inflate(R.layout.listview_item, null);

            }else{
                view=convertView;
            }
            SmartImageView imageView=(SmartImageView) view.findViewById(R.id.siv_listview_item_icon);
            TextView title=(TextView) view.findViewById(R.id.tv_listview_item_title);
            TextView detail=(TextView) view.findViewById(R.id.tv_listview_item_detail);
            final NewInfo newInfo=newInfosAddapet.get(position);

            imageView.setImageUrl(newInfo.getImgUrl());
            title.setText(newInfo.getTitle());
            detail.setText(newInfo.getDetailSummary());

            view.setOnClickListener(new OnClickListener() {

                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    Intent intent=new Intent();
                    String URL=newInfo.getHrefUrl();
                    intent.putExtra("extra", URL);
                    intent.setClass(getActivity(), NewActivity.class);
                    startActivity(intent);
                }
            });
            return view;
        }

    }

当然这里使用了 开源github的com.loopj.android.image项目，关于他的作用，我这里简要介绍下：
①根据URL地址装载图像；
②支持装载通讯录中的图像；
③支持异步装载；
④支持缓存；
所以这里当然直接就用了，既然前辈们已经写好了图片的加载，我就不客气的直接运行了，发现真的狠方便，你只需要在xml中添加这个控件：

 <com.loopj.android.image.SmartImageView
        android:id="@+id/siv_listview_item_icon"
        android:layout_width="100dip"
        android:layout_height="60dip"
        android:src="@drawable/a" />

然后直接在代码中把url参数直接放到 imageView.setImageUrl(newInfo.getImgUrl());就可以了，还是狠方便的。

第个四功能模块 ：美女图片的加载
涉及的技术就是网页图片的获取，解析html,封装数据，图片的异步加载，缓冲，如何等比例缩小图片等。关于这个就不对说了，还是用之前前辈开发好的com.loopj.android.image项目，处理图片，然后封装数据到listview中显示，大家直接看代码吧，实现起来不难。

public class MeinvFragment extends Fragment {
     private static int FLAG = 0;  
    protected static final int SUCCESS = 1;
    protected static final int FALSE = 0;
    private List<MeinvInfo> meinvInfos=null;
    private List<MeinvInfo> meinvInfosAddapet=null;
    private MeinvInfo meinvInfo;
    private String htmlUrl = "http://7oxgv4.com1.z0.glb.clouddn.com/meinv1.html";

    //美女列表ListView
     private ListView listview=null;
     //加载的进度条
     private ProgressBar jiazai=null;
     //消息处理机制
     private Handler handler=new Handler(){
        /**
         * 消息处理
         */
        @Override
        public void handleMessage(Message msg) {
            // TODO Auto-generated method stub
            switch (msg.what) {
            //在ListView中进行数据的绑定
            case SUCCESS:
                meinvInfosAddapet=(List<MeinvInfo>) msg.obj;
                jiazai.setVisibility(View.GONE);
                listview.setAdapter(new MeiAddapet());
                FLAG = 1;
                break;
            case FALSE:Toast.makeText(getActivity(),"网络出错了",0).show();
            default:
                break;
            }
        }
    };
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.meinv_fragment, container, false);
        jiazai=(ProgressBar) view.findViewById(R.id.jiazai);
        //显示ListView视图
        listview=(ListView) view.findViewById(R.id.lv_list);
        init();
//      while (FLAG != 1) {  
          System.out.println("main thread is waiting");  
//        }  
        //开始加载卖家网的新闻


        return view;
    }



    /**
     * 初始化加载卖家网新闻
     */
    private void init() {
        // TODO Auto-generated method stub
        //获取网页数据

        new Thread(new Runnable() {

            @Override
            public void run() {
                // TODO Auto-generated method stu
                //通过访问url地址获取数据，解析封装到List<NewInfo>中
                getNewInfoFromInternet();
                Message msg=new Message();
                if(meinvInfos!=null)
                {
                    msg.what=SUCCESS;
                    msg.obj=meinvInfos;

                }else{
                    msg.what=FALSE;

                }
//              runOnUiThread(new Runnable() {
//                  
//                  @Override
//                  public void run() {
//                      // TODO Auto-generated method stub
//                      newInfosAddapet=newInfos;
//                      MyAddapet myAddapet=new MyAddapet();
//                      lv_list.setAdapter(myAddapet);
//                  }
//              });
                handler.sendMessage(msg);
            }
        }).start();

    }
    /**
     * 通过指定的链接获取html的String数据
     * @param urlString
     * @return
     */
    public String getHtmlString(String urlString) {
        try {
            URL url = null;
            url = new URL(urlString);

            URLConnection ucon = null;
            ucon = url.openConnection();

            InputStream instr = null;
            instr = ucon.getInputStream();

            BufferedInputStream bis = new BufferedInputStream(instr);

            ByteArrayBuffer baf = new ByteArrayBuffer(500);
            int current = 0;
            while ((current = bis.read()) != -1) {
                baf.append((byte) current);
            }
            return EncodingUtils.getString(baf.toByteArray(), "utf-8");
        } catch (Exception e) {
            return "";
        }
    }

    /**
     * 自定义新闻的视频器
     * @author Administrator
     *
     */
    public class MeiAddapet extends BaseAdapter{

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return meinvInfosAddapet.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return null;
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            View view=null;
            if(convertView==null)
            {
                LayoutInflater inflate=getLayoutInflater(getArguments());
                view=inflate.inflate(R.layout.meinv_listview_item, null);

            }else{
                view=convertView;
            }
            SmartImageView imageView=(SmartImageView) view.findViewById(R.id.siv_listview_item_icon);
            final MeinvInfo meinvInfo=meinvInfosAddapet.get(position);

            imageView.setImageUrl(meinvInfo.getImgurl());

            return view;
        }

    }
    /**
     * 获取List<NewInfo>的信息，将网页信息封装在newInfos里面
     *   * @return
     */
    public void getNewInfoFromInternet(){
    try {

//         File input = new File("/tmp/input.html");
           Document doc = Jsoup.parse(getHtmlString(htmlUrl));
           Elements imgurls = doc.getElementsByClass("meinv");//通过获取全部href
           meinvInfos=new ArrayList<MeinvInfo>();
           for(Element e:imgurls)
           {
               meinvInfo=new MeinvInfo();
               String img=e.getElementsByTag("img ").attr("src");

               meinvInfo.setImgurl(img);
               meinvInfos.add(meinvInfo);
           }

        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
}

第个五功能模块 ：小说阅读的实现

直接引用的别人的小说项目，然后自己改改启动，和跳转，OK，就实现了，需要注意的是，第一次加载小说显然狠费时间，于是自己就加入了如下的代码块

/**
     * 启动封面后过会转向主界面
     */
    public void gotoHome(){
        new Thread(new Runnable(){
            @Override
            public void run() {
                initBook();             
                Intent intent = new Intent();
                intent.setClass(getActivity(), HomeActivity.class);
                startActivity(intent);
            }           
        }).start();
    }

    /**
     * 将Book类初始化。
     * 因为启动界面，一般会显示几秒钟再跳转到主界面。
     * 而Book类需要从文件中提取关于书的信息，这可能需要一定时间。所以将书的初始化工作放在启动界面这里。
     * 可以节省用户等待的时间。
     */
    public void initBook(){
        IOHelper.getBook(getActivity());        
    }

好了，到了这里全部的模块都实现了，还是来说说整体的布局吧，我是在MainActivity.class中直接利用FragmentTransaction这个类来控制每个Fragment类的显示控制，具体大家可以看下代码：

package guojian.androidape.com.Activity;


import guojian.androidape.com.R;
import guojian.androidape.com.Fragment.MeinvFragment;
import guojian.androidape.com.Fragment.MysettingFragment;
import guojian.androidape.com.Fragment.NewsFragment;
import guojian.androidape.com.Fragment.NovelFragment;
import guojian.androidape.com.Fragment.VideoFragment;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MainActivity extends FragmentActivity implements OnClickListener{

    //定义5个Fragment的对象
    private VideoFragment vedio;
    private NewsFragment  news;
    private NovelFragment novel;
    private MeinvFragment meinv;
    private MysettingFragment mysetting;
    //帧布局对象,就是用来存放Fragment的容器
    private FrameLayout flayout;
    //定义底部导航栏的五个布局
    private RelativeLayout vedio_layout;
    private RelativeLayout news_layout;
    private RelativeLayout meinv_layout;
    private RelativeLayout novel_layout;
    private RelativeLayout mysetting_layout;
    //定义底部导航栏中的ImageView
    private ImageView vedio_image;
    private ImageView news_image;
    private ImageView meinv_image;
    private ImageView novel_image;
    private ImageView mysetting_image;
    //定义底部导航栏中的TextView
    private TextView vedio_text;
    private TextView news_text;
    private TextView meinv_text;
    private TextView novel_text;
    private TextView mysetting_text;
    //定义要用的颜色值
    private int whirt = 0xFFFFFFFF;
    private int gray = 0xFF7597B3;
    private int blue =0xFF0AB2FB;
    //定义FragmentManager对象
    FragmentManager fManager;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        fManager = getSupportFragmentManager();
        initViews();
        //默认打开vedio视频界面
        setChioceItem(0);
    }


    //完成组件的初始化
    public void initViews()
    {
        //初始化ImageView
        vedio_image = (ImageView) findViewById(R.id.vedio_image);
        news_image = (ImageView) findViewById(R.id.news_image);
        meinv_image = (ImageView) findViewById(R.id.meinv_image);
        novel_image = (ImageView) findViewById(R.id.novel_image);
        mysetting_image = (ImageView) findViewById(R.id.mysetting_image);
        //初始化TextView
        vedio_text = (TextView) findViewById(R.id.vedio_text);
        news_text = (TextView) findViewById(R.id.news_text);
        meinv_text = (TextView) findViewById(R.id.meinv_text);
        mysetting_text = (TextView) findViewById(R.id.mysetting_text);
        novel_text = (TextView) findViewById(R.id.novel_text);
        //初始化相对布局
        vedio_layout = (RelativeLayout) findViewById(R.id.vedio_layout);
        news_layout = (RelativeLayout) findViewById(R.id.news_layout);
        meinv_layout = (RelativeLayout) findViewById(R.id.meinv_layout);
        novel_layout = (RelativeLayout) findViewById(R.id.novel_layout);
        mysetting_layout = (RelativeLayout) findViewById(R.id.mysetting_layout);
        //设置5个相对布局的监听事件
        vedio_layout.setOnClickListener(this);
        news_layout.setOnClickListener(this); 
        meinv_layout.setOnClickListener(this);
        novel_layout.setOnClickListener(this); 
        mysetting_layout.setOnClickListener(this);
    }

    //重写onClick事件
    @Override
    public void onClick(View view) {
        switch (view.getId()) {
        case R.id.vedio_layout:
            setChioceItem(0);
            break;
        case R.id.news_layout:
            setChioceItem(1);
            break;
        case R.id.meinv_layout:
            setChioceItem(2);
            break;
        case R.id.novel_layout:
            setChioceItem(3);
            break;
        case R.id.mysetting_layout:
            setChioceItem(4);
            break;
        default:
            break;
        }

    }


    //定义一个选中一个item后的处理
    public void setChioceItem(int index)
    {
        //重置选项+隐藏所有Fragment
        FragmentTransaction transaction = fManager.beginTransaction();  
        clearChioce();
        hideFragments(transaction);
        switch (index) {
        case 0:
            vedio_image.setImageResource(R.drawable.btn_vedio);  
            vedio_text.setTextColor(blue);
            vedio_layout.setBackgroundResource(R.drawable.ic_tabbar_bg_click);
            if (vedio == null) {  
                // 如果fg1为空，则创建一个并添加到界面上  
                vedio = new VideoFragment();  
                transaction.add(R.id.content, vedio);  
            } else {  
                // 如果MessageFragment不为空，则直接将它显示出来  
                transaction.show(vedio);  
            }  
            break;  

        case 1:
            news_image.setImageResource(R.drawable.btn_news);  
            news_text.setTextColor(blue);
            news_layout.setBackgroundResource(R.drawable.ic_tabbar_bg_click);
            if (news == null) {  
                // 如果fg1为空，则创建一个并添加到界面上  
                news = new NewsFragment();  
                transaction.add(R.id.content, news);  
            } else {  
                // 如果MessageFragment不为空，则直接将它显示出来  
                transaction.show(news);  
            }  
            break;  
         case 2:
             meinv_image.setImageResource(R.drawable.btn_meinv);  
                meinv_text.setTextColor(blue);
                meinv_layout.setBackgroundResource(R.drawable.ic_tabbar_bg_click);
                if (meinv == null) {  
                    // 如果fg1为空，则创建一个并添加到界面上  
                    meinv = new MeinvFragment();  
                    transaction.add(R.id.content, meinv);  
                } else {  
                    // 如果MessageFragment不为空，则直接将它显示出来  
                    transaction.show(meinv);  
                }  
                break;    
         case 3:
                novel_image.setImageResource(R.drawable.btn_novel);  
                novel_text.setTextColor(blue);
                novel_layout.setBackgroundResource(R.drawable.ic_tabbar_bg_click);
                if (novel == null) {  
                    // 如果fg1为空，则创建一个并添加到界面上  
                    novel = new NovelFragment();  
                    transaction.add(R.id.content, novel);  
                } else {  
                    // 如果MessageFragment不为空，则直接将它显示出来  
                    transaction.show(novel);  
                }  
                break;  
         case 4:
                mysetting_image.setImageResource(R.drawable.btn_mysettings);  
                mysetting_text.setTextColor(blue);
                mysetting_layout.setBackgroundResource(R.drawable.ic_tabbar_bg_click);
                if (mysetting == null) {  
                    // 如果fg1为空，则创建一个并添加到界面上  
                    mysetting = new MysettingFragment();  
                    transaction.add(R.id.content, mysetting);  
                } else {  
                    // 如果MessageFragment不为空，则直接将它显示出来  
                    transaction.show(mysetting);  
                }  
                break;  
        }
        transaction.commit();
    }

    //隐藏所有的Fragment,避免fragment混乱
    private void hideFragments(FragmentTransaction transaction) {  
        if (mysetting != null) {  
            transaction.hide(mysetting);  
        }  
        if (novel != null) {  
            transaction.hide(novel);  
        }  
        if (meinv != null) {  
            transaction.hide(meinv);  
        }  
        if (news != null) {  
            transaction.hide(news);  
        }  
        if (vedio!= null) {  
            transaction.hide(vedio);  
        }  
    }  

    //定义一个重置所有选项的方法
        public void clearChioce()
        {
            vedio_image.setImageResource(R.drawable.btn_vedio);
            vedio_layout.setBackgroundColor(whirt);
            vedio_text.setTextColor(gray);

            news_image.setImageResource(R.drawable.btn_news);
            news_layout.setBackgroundColor(whirt);
            news_text.setTextColor(gray);

            meinv_image.setImageResource(R.drawable.btn_meinv);
            meinv_layout.setBackgroundColor(whirt);
            meinv_text.setTextColor(gray);

            novel_image.setImageResource(R.drawable.btn_novel);
            novel_layout.setBackgroundColor(whirt);
            novel_text.setTextColor(gray);

            mysetting_image.setImageResource(R.drawable.btn_mysettings);
            mysetting_layout.setBackgroundColor(whirt);
            mysetting_text.setTextColor(gray);
        }




}

MainActivity.class的布局文件是

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    android:orientation="vertical" >  

    <FrameLayout  
        android:id="@+id/content"  
        android:layout_width="match_parent"  
        android:layout_height="0dp"  
        android:layout_weight="1" >  
    </FrameLayout>  

    <LinearLayout  
        android:layout_width="match_parent"  
        android:layout_height="60dp"  
        android:background="#FFFFFF" >  

        <RelativeLayout  
            android:id="@+id/vedio_layout"  
            android:layout_width="0dp"  
            android:layout_height="match_parent"  
            android:layout_weight="1" >  

            <LinearLayout  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_centerVertical="true"  
                android:orientation="vertical" >  

                <ImageView  
                    android:id="@+id/vedio_image"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:src="@drawable/btn_vedio" />  

                <TextView  
                    android:id="@+id/vedio_text"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:text="视频"  
                    android:textColor="#7597B3" />  
            </LinearLayout>  
        </RelativeLayout>  

        <RelativeLayout  
            android:id="@+id/news_layout"  
            android:layout_width="0dp"  
            android:layout_height="match_parent"  
            android:layout_weight="1" >  

            <LinearLayout  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_centerVertical="true"  
                android:orientation="vertical" >  

                <ImageView  
                    android:id="@+id/news_image"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:src="@drawable/btn_news" />  

                <TextView  
                    android:id="@+id/news_text"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:text="新闻"  
                    android:textColor="#7597B3" />  
            </LinearLayout>  
        </RelativeLayout>  


        <RelativeLayout  
            android:id="@+id/meinv_layout"  
            android:layout_width="0dp"  
            android:layout_height="match_parent"  
            android:layout_weight="1" >  

            <LinearLayout  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_centerVertical="true"  
                android:orientation="vertical" >  

                <ImageView  
                    android:id="@+id/meinv_image"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:src="@drawable/btn_meinv" />  

                <TextView  
                    android:id="@+id/meinv_text"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:text="美女"  
                    android:textColor="#7597B3" />  
            </LinearLayout>  
        </RelativeLayout>  

         <RelativeLayout  
            android:id="@+id/novel_layout"  
            android:layout_width="0dp"  
            android:layout_height="match_parent"  
            android:layout_weight="1" >  

            <LinearLayout  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_centerVertical="true"  
                android:orientation="vertical" >  

                <ImageView  
                    android:id="@+id/novel_image"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:src="@drawable/btn_novel" />  

                <TextView  
                    android:id="@+id/novel_text"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:text="小说"  
                    android:textColor="#7597B3" />  
            </LinearLayout>  
        </RelativeLayout>  

         <RelativeLayout  
            android:id="@+id/mysetting_layout"  
            android:layout_width="0dp"  
            android:layout_height="match_parent"  
            android:layout_weight="1" >  

            <LinearLayout  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content"  
                android:layout_centerVertical="true"  
                android:orientation="vertical" >  

                <ImageView  
                    android:id="@+id/mysetting_image"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:src="@drawable/btn_novel" />  

                <TextView  
                    android:id="@+id/mysetting_text"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:layout_gravity="center_horizontal"  
                    android:text="我的"  
                    android:textColor="#7597B3" />  
            </LinearLayout>  
        </RelativeLayout>  


  </LinearLayout>
</LinearLayout>  

下面是xml的预览图，大家可以看下：

需要预览的app的可以直接下载，下载地址：

http://7oxgv4.com1.z0.glb.clouddn.com/xunxijiangli.apk
好了，第一次写博客，有表达不清晰的请谅解，接下来楼主就要好好的面试了，大四了，已经快毕业了，大学期间也参加过几个java项目，但是感觉有点拿不出手，当然了楼主热爱移动互联网的开发，也会一直投入移动互联网的开发，个人感觉移动互联网到处是生机和活力。