ANDROID 开发一个新闻阅读器 4章 新闻列表-下

1．          功能描述

这一讲中我们将对上一章中已经实现新闻列表做一个功能上的强化，其中包括 返回按键， 新闻的收藏夹， 以及新闻列表的上下翻页。

下图是我们设计的样式，最上方的按钮栏这边不再多做介绍了，在原有基础上 增加了上一页，下一页 按钮。

 

界面如图：

 

 

 

 

2．          界面布局

修改之前的 news_result_list.xml 文件， 添加翻页按钮，在之前的布局里加入这2个布局:

  

<RelativeLayout android:id="@+id/result_RelativeLayout01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@color/yellow">
    <Button android:id="@+id/result_back"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:paddingLeft="2dip"
            android:text="@string/back"/>
    // 上页按钮
    <Button android:id="@+id/result_last_pg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/result_back"
            android:text="@string/last_page"/>
                  
    <Button android:id="@+id/result_collection"    
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:paddingRight="2dip"
            android:text="@string/collection" /> 
    // 下页按钮
    <Button android:id="@+id/result_next_pg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toLeftOf="@id/result_collection"
            android:text="@string/next_page"/>         
 </RelativeLayout>  

 

因为是在 RelativeLayout 布局下，所以 分别通过属性

 

  android:layout_toRightOf="@id/result_back"

和

android:layout_toLeftOf="@id/result_collection"

让其位于 返回 和 收藏按钮的左右两侧

 

同时在 strings.xml 文件下定义 last_page 和 next_page 的text 字段

    

    <string name="last_page">上页</string>
    <string name="next_page">下页</string>

 

 

添加按钮后的界面:

 

接下来为 上页， 下页 按钮添加响应事件:

 

 

3．          后台逻辑层

修改 newsResultListActivity.java， 添加两个新的Button 控件：

public Button result_last_pg, result_next_pg;

 

findView() 方法下添加 这两个控件的资源获取方法：

/**
     * 获取页面上定义的控件资源
     */
    public void findView(){
      
       result_last_pg = (Button)this.findViewById(R.id.result_last_pg);
       result_next_pg = (Button)this.findViewById(R.id.result_next_pg);
       ......
       ......
       ......
    }

 

在 onCreate() 方法里 增加一个监听方法的 调用，但注意一定要在执行完 findView() 方法，获取控件资源后才能执行

 

//为空间添加监听事件
         setListener();

 

同时声明该方法， 并分别给按钮 result_back, result_collection, result_last_pg, result_next_pg 添加监听事件:

 

 
 /**
     * 设置页面上控件的监听事件
     */
    public void setListener(){
       result_last_pg.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              // TODO Auto-generated method stub
              
           }
          
       });
      
       result_next_pg.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              // TODO Auto-generated method stub
              
           }
          
       });
      
       result_back.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              onDestroy();
           }
          
       });
      
       result_collection.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              // TODO Auto-generated method stub
              
           }
          
       });
    }

 

创建2个文件分别是 ResultListHelpI.java 和 ResultListHelpImpl.java 前者是接口， 后者则是接口的具体实现:

 

接口代码：

import java.util.List;
 //声明一个接口 interface
 public interface ResultListHelpI {
     /**
     *
     * @Title: getCount
     * @Description: 记录总数
     * @return 设定文件
     */
    public int getCount();
    /**
     *
     * @Title: nextPage
     * @Description: 下一页
     */
    public void nextPage();
    /**
     *
     * @Title: prePage
     * @Description: 前一页
     */
    public void prePage();
    /**
     *
     * @Title: gotoPage
     * @Description: go to x page
     * @param n
     *            设定文件
     */
    public void gotoPage(int n);
    /**
     *
     * @Title: setPerPage
     * @Description: 每页显示的条数
     * @param page
     *            设定文件
     */
    public void setPerPage(int page);
    /**
     *
     * @Title: getPerPage
     * @Description: get 每页显示的条数
     */
    public int getPerPage();
    /**
     *
     * @Title: hasNextPage
     * @Description: 是否有下一页
     * @return    设定文件
     */
    public boolean hasNextPage();
    /**
     *
     * @Title: hasHeadpage
     * @Description:是否有上一页
     * @return    设定文件
     */
    public boolean hasPrepage();
    /**
     *
     * @Title: getCurrentPage
     * @Description:  当前页数
     * @return    设定文件
     */
    public int getCurrentPage();
    /**
     *
     * @Title: getPageNUm
     * @Description: 获取页数
     * @return    设定文件
     */
    public int getPageNum();
    /**
     *
     * @Title: currentList
     * @Description: 当前记录集
     * @return    设定文件
     */
    public List<?> getCurrentList();
    /**
     *
     * @Title: initList
     * @Description: 初始化 list
     * @param list    设定文件
     */
    public void initList(List<?> list);
}

 

接口的具体实现 代码:

 

import java.util.List;
 
 public class ResultListHelpImpl implements ResultListHelpI {
   
    // 总list
     private List<?> list;
    // 默认每页显示10条
     private int perPage = 10;
    // 默认当前页为 第一页
     private int currentPage = 1;
    // 默认页数 为 一页
     private int pageNum = 1;
    // 当前List
     private List<?> cList;
    // 所有数据总数
     private int allNum;
 
    /**
     * 默认构造函数
     *
     * @Title:
     * @Description:
     */
    public ResultListHelpImpl() {
 
    }
 
    /**
     * 带参数的构造函数
     *
     * @Title:
     * @Description:
     * @param list
     *            数据集
     * @param perPage
     *            每页显示条数
     */
    public ResultListHelpImpl(List<?> list, int perPage) {
            this.list = list;
            if (perPage >= 1) {
                    this.perPage = perPage;
            }
            if (list != null && list.size() > this.perPage) {
                    this.cList = list.subList(0, this.perPage - 1);
            }
            // 页数
             this.allNum = this.list.size();
            if (this.allNum % this.perPage == 0) {
                    this.pageNum = this.allNum / this.perPage;
            } else {
                    this.pageNum = this.allNum / this.perPage + 1;
            }
    }
 
    /**
     *
     * @Title: getCount
     * @Description: 记录总数
     * @return 设定文件
     */
   
    public int getCount() {
            // TODO Auto-generated method stub
             return this.allNum;
    }
 
    /**
     *
     * @Title: getCurrentPage
     * @Description: 当前页数
     * @return 设定文件
     */
   
    public int getCurrentPage() {
            // TODO Auto-generated method stub
             return this.currentPage;
    }
 
    /**
     *
     * @Title: getPageNum
     * @Description: 获取总页数
     * @return 设定文件
     */
   
    public int getPageNum() {
            // TODO Auto-generated method stub
  
            return this.pageNum;
    }
 
    /**
     *
     * @Title: getPerPage
     * @Description: get 每页显示的条数
     */
   
    public int getPerPage() {
            // TODO Auto-generated method stub
             return this.perPage;
    }
 
    /**
     *
     * @Title: gotoPage
     * @Description: go to x page
     * @param n
     *            设定文件
     */
   
    public void gotoPage(int n) {
            // TODO Auto-generated method stub
             if (n > this.pageNum) {
                    n = this.pageNum;
                    this.currentPage = n;
            } else {
                    this.currentPage = n;
            }
    }
 
    /**
     *
     * @Title: hasNextPage
     * @Description: 是否有下一页
     * @return 设定文件
     */
   
    public boolean hasNextPage() {
            // TODO Auto-generated method stub
             this.currentPage++;
            if (this.currentPage <= this.pageNum) {
                    return true;
            } else {
                    this.currentPage = this.pageNum;
            }
            return false;
    }
 
    /**
     *
     * @Title: hasHeadpage
     * @Description:是否有上一页
     * @return 设定文件
     */
   
    public boolean hasPrepage() {
            // TODO Auto-generated method stub
             this.currentPage--;
            if (this.currentPage > 0) {
                    return true;
            } else {
                    this.currentPage = 1;
            }
            return false;
    }
    /**
     *
     * @Title: nextPage
     * @Description: 下一页
     */
   
    public void nextPage() {
            // TODO Auto-generated method stub
             this.hasNextPage();
    }
 
    /**
     *
     * @Title: prePage
     * @Description: 前一页
     */
   
    public void prePage() {
            // TODO Auto-generated method stub
             this.hasPrepage();
    }
 
    /**
     *
     * @Title: setPerPage
     * @Description: 每页显示的条数
     * @param page
     *            设定文件
     */
   
    public void setPerPage(int page) {
            // TODO Auto-generated method stub
             this.perPage = page;
    }
 
    /**
     *
     * @Title: currentList
     * @Description: 当前记录集
     * @return 设定文件
     */
   
    public List<?> getCurrentList() {
 
            if (this.currentPage == this.pageNum) {
                    this.cList = this.list.subList((this.currentPage-1) * this.perPage, this.allNum);
            } else {
 
                    this.cList = this.list.subList((this.currentPage - 1)
                                    * this.perPage, this.currentPage * (this.perPage));
            }
            return this.cList;
    }
 
    /**
     *
     * @Title: initList
     * @Description: 初始化 list
     * @param list
     *            设定文件
     */
    public void initList(List<?> list) {
 
            this.list = list;
            if (this.perPage <= 0) {
                    this.perPage = 10;
            }
           
            // 页数
             this.allNum = this.list.size();
            if (this.allNum % this.perPage == 0) {
                    this.pageNum = this.allNum / this.perPage;
            } else {
                    this.pageNum = this.allNum / this.perPage + 1;
            }
    }
   
}

 

 

在 newsResultListActivity 中定义 接口的对象：

 

    

private ResultListHelpImpl resultListHelpI ;

 

在 getWebData 类中，当返回的记录不为空的时候，我们调用接口里的方法 对其做分页的处理

 

 

if(dataList == null || dataList.size() == 0){
                  messageListener.sendMessage(m2);
                  return;
              }else{
                  //每页显示10笔记录
                   resultListHelpI = new ResultListHelpImpl(dataList, 10);
                 
                  currentList = new ArrayList<newsDataTO>();
                  //获取当前的记录，存入currentList中
                   currentList = (List<newsDataTO>)resultListHelpI.getCurrentList();        
                  messageListener.sendMessage(m1);
              }

 

将之前的显示方法 displayNewsResult() 中的dataList 换成做过分页处理的currentList

/**
     * 将从网络上获取的数据显示在我们自定义的ListView 里面
     */
    public void displayNewsResult(){
       //无返回数据信息提示 设置为不可见，这样用户就看不到页面上 '请等待' 这些提示
        newsResultListEmptyText.setVisibility(View.GONE);
       //
        newsResultListAdapter newsResultAdapter = new newsResultListAdapter(currentList, mContext);
       newsResultList.setAdapter(newsResultAdapter);
      
       newsResultList.setOnItemClickListener(new OnItemClickListener(){
           @Override
           public void onItemClick(AdapterView<?> arg0, View arg1,
                  int arg2, long arg3) {
             
              onClickItemNo =(int) ((newsDataTO)currentList.get(arg2)).getId();
 //            http://pic.think-land.com/xml.php?id=20026
 //            startLoadingDialog();
 //            Thread t1 = new Thread(new startUpdate_detail());
 //            t1.start();
            }
          
       });
    }

这时候在上页，下页的监听程序中加入翻页的逻辑，如果已经是第一页或者是最后一页，则弹出提示消息

result_last_pg.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              if(resultListHelpI != null){
                  //如果存在上一页的话， 当前页减1
                   if(!resultListHelpI.hasPrepage()) {
                     Toast.makeText(newsResultListActivity.this,"已经是第一页了",Toast.LENGTH_SHORT).show();
                  }else{
                  currentList = (List<newsDataTO>) resultListHelpI.getCurrentList();
                  displayNewsResult();
                  }
                }           
           }     
       });
      
       result_next_pg.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              if(resultListHelpI != null){
                  //如果存在下一页的话，当前页加1
                   if(!resultListHelpI.hasNextPage()) {
                     Toast.makeText(newsResultListActivity.this,"已经是最后一页了",Toast.LENGTH_SHORT).show();
                  }else{
                  currentList = (List<newsDataTO>) resultListHelpI.getCurrentList();
                  displayNewsResult();
                  }
                }           
           }     
       });

 

 

重载onDestory 方法，同时给返回按钮加上监听事件，点击后关闭当前页，返回到上一菜单，如下

//重载的方法
 @Override
    public void onDestroy() {
       super.onDestroy();
       this.finish();
    }

 

监听事件:

//返回按鈕
        result_back.setOnClickListener(new OnClickListener(){
 
           @Override
           public void onClick(View v) {
              onDestroy();
           }         
       });

完整的 newsResultListActivity.java 内的代码，如下:

import java.io.InputStream;
 import java.net.URL;
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.List;

 import com.thinkland.demo.mnr.common.MyNewsReaderConstant;
 import com.thinkland.demo.mnr.common.ResultListHelpImpl;
 import com.thinkland.demo.mnr.data.newsDataTO;
 import com.thinkland.demo.mnr.helper.newsResultListAdapter;
 import com.thinkland.demo.mnr.net.getWebDataHelperI;
 import com.thinkland.demo.mnr.net.getWebDataHelperImpl;

 import android.app.Activity;
 import android.app.ProgressDialog;
 import android.content.Context;
 import android.content.Intent;
 import android.os.Bundle;
 import android.os.Handler;
 import android.os.Message;
 import android.view.View;
 import android.view.View.OnClickListener;
 import android.widget.AdapterView;
 import android.widget.Button;
 import android.widget.ListView;
 import android.widget.TextView;
 import android.widget.Toast;
 import android.widget.AdapterView.OnItemClickListener;

 public class newsResultListActivity extends Activity{

    protected static final int threadS1 = 0x2311;
    protected static final int threadF1 = 0x2312;
    
    public String newsType = "0";    
    public List<newsDataTO> dataList;
    public List<newsDataTO> currentList;
    public int onClickItemNo;
    
    public ProgressDialog pd;
    public Button result_back, result_collection ;
    public Button result_last_pg, result_next_pg;
    public TextView newsResultListEmptyText; //用来显示无新闻记录，或者请用户等待 一类的提示信息
     public ListView newsResultList; //页面的ListView控件
     
    public Context mContext;
    public getWebDataHelperI gwdhI;
    private ResultListHelpImpl resultListHelpI ;
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.news_result_list);
        
        mContext = newsResultListActivity.this;
        
        Intent aIntent = getIntent();
        Bundle aBundle = aIntent.getExtras();
        if(aBundle != null){
            //获取上一个Activity 传递过来的新闻类型参数
             newsType = aBundle.getString(MyNewsReaderConstant.MAIN_NEWS_TYPE); 
        }        
        
        //显示一个loading框
         startLoadingDialog();
        
        //获取页面上定义的控件资源，包括listview
         findView();
        
        //为空间添加监听事件
         setListener();
        
        //开启一个线程用来获取网络新闻数据
         Thread webThread = new Thread(new getWebData());
        webThread.start();
 
    }
    
    /**
     * 显示一个loading 的弹出框
     */
    public void startLoadingDialog(){

        pd = ProgressDialog.show(newsResultListActivity.this, null, MyNewsReaderConstant.PROGRESS_ALERT_LOADING, true,true);
    }
    
    /**
     * 获取页面上定义的控件资源
     */
    public void findView(){
        
        result_last_pg = (Button)this.findViewById(R.id.result_last_pg);
        result_next_pg = (Button)this.findViewById(R.id.result_next_pg);
        result_back = (Button)this.findViewById(R.id.result_back);
        result_collection = (Button)this.findViewById(R.id.result_collection);
        newsResultListEmptyText = (TextView)this.findViewById(R.id.newsResultListEmptyText); 
        newsResultList = (ListView)this.findViewById(R.id.newsResultList);        
    }
    
    /**
     * 设置页面上控件的监听事件
     */
    public void setListener(){
        
        //上頁按鈕
         result_last_pg.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                if(resultListHelpI != null){
                    //如果存在上一页的话， 当前页减1
                     if(!resultListHelpI.hasPrepage()) {
                        Toast.makeText(newsResultListActivity.this,"已经是第一页了",Toast.LENGTH_SHORT).show();
                    }else{
                    currentList = (List<newsDataTO>) resultListHelpI.getCurrentList();
                    displayNewsResult();
                    }
                  }                
            }        
        });
        
        //下頁按鈕
         result_next_pg.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                if(resultListHelpI != null){
                    //如果存在下一页的话，当前页加1
                     if(!resultListHelpI.hasNextPage()) {
                        Toast.makeText(newsResultListActivity.this,"已经是最后一页了",Toast.LENGTH_SHORT).show();
                    }else{
                    currentList = (List<newsDataTO>) resultListHelpI.getCurrentList();
                    displayNewsResult();
                    }
                  }                
            }        
        });
        
        //返回按鈕
         result_back.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                onDestroy();
            }
            
        });
        
        //收藏书签按钮
         result_collection.setOnClickListener(new OnClickListener(){

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                 
            }
            
        });
    }
    
    
    /**
     * 将从网络上获取的数据显示在我们自定义的ListView 里面
     */
    public void displayNewsResult(){
        //无返回数据信息提示 设置为不可见，这样用户就看不到页面上 '请等待' 这些提示
         newsResultListEmptyText.setVisibility(View.GONE);
        //
         newsResultListAdapter newsResultAdapter = new newsResultListAdapter(currentList, mContext);
        newsResultList.setAdapter(newsResultAdapter);
        
        newsResultList.setOnItemClickListener(new OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1,
                    int arg2, long arg3) {
                
                onClickItemNo =(int) ((newsDataTO)currentList.get(arg2)).getId();
 //                http://pic.think-land.com/xml.php?id=20026
 //                startLoadingDialog();
 //                Thread t1 = new Thread(new startUpdate_detail());
 //                t1.start();
             }
            
        });
    }
    
    
    /**
     * 子线程, 用来获取网络新闻数据
     */
      public class getWebData implements Runnable{

            @Override
            public void run() {
                Message m1 = new Message();                
                Message m2 = new Message(); 
                m1.what = threadS1;
                m2.what = threadF1;                                
                
                dataList = new ArrayList<newsDataTO>();
                boolean sendErrorMsg = false;
                
                //searchValues 数组，用来存放网络查询参数
                 String[] searchColumns = {"type"};
                String[] searchValues = {newsType};
                gwdhI = new getWebDataHelperImpl();
                dataList = gwdhI.getNewsResultListByType(searchColumns, searchValues);        
                
                if(dataList == null || dataList.size() == 0){
                    messageListener.sendMessage(m2);
                    return;
                }else{
                    //每页显示10笔记录
                     resultListHelpI = new ResultListHelpImpl(dataList, 10);
                    
                    currentList = new ArrayList<newsDataTO>();
                    //获取当前的记录，存入currentList中
                     currentList = (List<newsDataTO>)resultListHelpI.getCurrentList();            
                    messageListener.sendMessage(m1);
                }
                            
            }
              
      }
      
      Handler messageListener = new Handler(){
          
          public void handleMessage(Message msg){
                switch(msg.what){
                case threadS1:
                    pd.dismiss(); //关闭loading框
                     displayNewsResult(); //显示新闻列表
                     break;
                case threadF1:
                    pd.dismiss(); //关闭loading框
                    
                    //todo 显示未能查询到记录的信息
                     newsResultListEmptyText.setVisibility(View.VISIBLE);
                    newsResultListEmptyText.setText(getResources().getString(R.string.serverConnectErrorMsg));
                    break;
                }
            }
      };
      
      @Override
    public void onDestroy() {
        super.onDestroy();
        this.finish();
    }
}
 

 

4.     Manifest 配置

无修改

 

 

5.     运行效果

a.  点击上页或者下页时候，列表内容变化，并且一页只显示10笔记录。

 

 

 

 

 

 

2. 点击返回按钮,返回到上一目录

 

      

程序包下载地址：http://u.115.com/file/f5f6adce29#MyNewsReader.rar