ListView 动态加载

最新推荐文章于 2021-03-07 09:24:35 发布

fuuckwtu

最新推荐文章于 2021-03-07 09:24:35 发布

阅读量1.2k

点赞数

分类专栏： ++ 文章标签： listview android layout encoding string class

本文链接：https://blog.csdn.net/fuuckwtu/article/details/7166049

版权

++ 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

今天看了一篇blog，说发布了博客园android的客户端，自己就下载用了下，感觉还行，文件不大1M都没有。

在使用过程，我就看到了ListView动态加载这个功能：一次不全加载完成，等用户滑动到显示完一次加载的条目，就出现了footview，即加载更多的按钮，很多网页，微薄上都有这样的功能，我就想说不定我哪天也要用到，于是就去想做一个这样的demo，以备不时之需。网上找了点资料：http://www.cnblogs.com/and_he/archive/2011/05/30/2063230.html

程序代码：

package cn.edu.wtu;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class Convertview_listActivity extends Activity implements View.OnClickListener,OnScrollListener{
    /** Called when the activity is first created. */
	private static final String TAG = "Convertview_listActivity";
	
	private ListView mTestListView;
	private View mFootView;
	private RelativeLayout mLoadingLayout;
	private Button mBtnLoadmore;
	private AnimationDrawable mAnim;
	private Handler mHandler;
	private ArrayList<BlogInfo> mBlogList;
	private ListItemAdapter mListItemAdapter;
	private int mLastItem;
	private int mTotalCount = 100;
	private int mScrollState;  //用来记录ScrollView的滚动状态，1表示开始滚动，2表示正在滚动，0表示滚动停止
	private int mVisibleCount; //当前可见页面中的Item总数
	private int mCurrentCount;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mBlogList = new ArrayList<BlogInfo>();
        mTestListView = (ListView)findViewById(R.id.convertview_listview);
        LayoutInflater inflater = (LayoutInflater)this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        mFootView = (View)inflater.inflate(R.layout.loadmore, null);
        mBtnLoadmore = (Button)mFootView.findViewById(R.id.btn_loadmore);
        mLoadingLayout = (RelativeLayout)mFootView.findViewById(R.id.loading_layout);
        mLoadingLayout.setVisibility(View.GONE);
        mBtnLoadmore.setOnClickListener(this);
        mTestListView.addFooterView(mFootView);
        mTestListView.setOnScrollListener(this);
        ImageView image = (ImageView)findViewById(R.id.wait_progress);
        mAnim = (AnimationDrawable) image.getBackground();
        dataSource();
        mListItemAdapter = new ListItemAdapter();
        mTestListView.setAdapter(mListItemAdapter);
        mHandler = new EventHandler();
    }
    
    private void dataSource(){
    	
    	BlogInfo blogInfo = new BlogInfo();
        blogInfo.title = "【博客园客户端】博客园Android客户端正式发布";
        blogInfo.brief = "【博客园Android客户端发布】最开始我是想做一个博客园的客户端自己用用，因为我发现m.cnblogs.com在Android手机上的确体验并不好，而www.cnblogs.com在Android手机上体验更差而且相当耗费流量，于是开始我写了一个简单的读取博客的程序，后来dudu给了我一些接口，在... ";
        blogInfo.comments = "walkingp 发布于 2011-12-30 08:42 评论(24) 阅读(641)";
        for(int i = 0; i< 10; i++){
        	
        	mBlogList.add(blogInfo);
        }
        mCurrentCount += 10;
    }
    @Override
	public void onClick(View v) {
		
		switch(v.getId()){
		
			case R.id.btn_loadmore:
				
			if(mLastItem == mCurrentCount && mScrollState == OnScrollListener.SCROLL_STATE_IDLE){
				
				mBtnLoadmore.setVisibility(View.GONE);
				mLoadingLayout.setVisibility(View.VISIBLE);
				mAnim.start();
				new Thread(new LoadingRunnable()).start();
			}	
			break;
		}
	}
    
    @Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		
		mScrollState = scrollState;
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		
		mVisibleCount = visibleItemCount;
		
		mLastItem = firstVisibleItem + visibleItemCount -1;
		
		Log.d(TAG, "first visible item:"+firstVisibleItem+" visible count:"+visibleItemCount+" last count:"+mLastItem);
		Log.d(TAG, "list size:"+mBlogList.size());
	}
    
	private class EventHandler extends Handler{

		@Override
		public void handleMessage(Message msg) {
			
			super.handleMessage(msg);
			switch(msg.what){
			
				case 0:
				mAnim.stop();
				mBtnLoadmore.setVisibility(View.VISIBLE);
				mLoadingLayout.setVisibility(View.GONE);
				mListItemAdapter.notifyDataSetChanged();
				mTestListView.setSelection(mLastItem-mVisibleCount+1);
				if(mCurrentCount >= mTotalCount){
					
					mTestListView.removeFooterView(mFootView);
				}
				break;
				
			}
		}
	}
	
	private class LoadingRunnable implements Runnable{

		@Override
		public void run() {
			
			dataSource();
			Message msg = Message.obtain(mHandler, 0);
			mHandler.sendMessageDelayed(msg, 3000);
		}
		
	} 
	
    private class ListItemAdapter extends BaseAdapter{

    	private LayoutInflater inflater = null;
    	public ListItemAdapter(){
    		
    		inflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    	}
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return mBlogList.size();
		}

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

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

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			ViewHolder holder = null;
			Log.d(TAG, "convert view:"+convertView);
//			convertview 是缓存的已经create的view，这样比每次getView的时候都创建一个view要省资源
			if(convertView == null){
				
				holder = new ViewHolder();
				convertView = inflater.inflate(R.layout.listitem, null);
				holder.textview1 = (TextView)convertView.findViewById(R.id.listitem_title);
				holder.textview2 = (TextView)convertView.findViewById(R.id.listitem_brief);
				holder.textview3 = (TextView)convertView.findViewById(R.id.listitem_comment);
				convertView.setTag(holder);
			}else{
				
				holder = (ViewHolder)convertView.getTag();
			}
			holder.textview1.setText(mBlogList.get(position).title);
			holder.textview2.setText(mBlogList.get(position).brief);
			holder.textview3.setText(mBlogList.get(position).comments);
			return convertView;
		}
    	
    }
    
    private class BlogInfo{
    	
    	private String title;
    	private String brief;
    	private String comments;
    	
    }
    
    private static class ViewHolder{
//    	利用viewholder可以使得convertview里面的内容不再重新create
//    	private ImageView imageview1;
    	private TextView textview1;
    	private TextView textview2;
//    	private ImageView imageview2;
    	private TextView textview3;
    	
    }

	

}

main。xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
	<TextView  
		android:id="@+id/hello_textview"
	    android:layout_width="fill_parent" 
	    android:layout_height="wrap_content" 
	    android:text="@string/hello"
    />
    <ListView
    	android:id="@+id/convertview_listview"
    	android:layout_below="@id/hello_textview"
    	android:layout_width="fill_parent"
    	android:layout_height="fill_parent"
    	android:cacheColorHint="#00000000"
    />
</RelativeLayout>

listitem。xml

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
>
	<TextView  
		android:id="@+id/listitem_title"
	    android:layout_width="fill_parent" 
	    android:layout_height="20dip" 
    />
    <RelativeLayout 
    	android:id="@+id/listitem_brief_layout"
    	android:layout_width="fill_parent"
    	android:layout_height="70dip"
    	android:layout_below="@id/listitem_title"
    >
    	<ImageView
	    	android:id="@+id/listitem_author_logo"
	    	android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:layout_centerVertical="true"
	    	android:layout_marginRight="10dip"
	    	android:src="@drawable/head"
	    	android:background="@null"
	    />
    	<TextView  
			android:id="@+id/listitem_brief"
		    android:layout_width="wrap_content" 
		    android:layout_height="50dip" 
		    android:layout_weight="1"
		    android:layout_centerVertical="true"
		    android:layout_toRightOf="@id/listitem_author_logo"
		    android:layout_marginRight="10dip"
    	/>
	    <ImageView
	    	android:id="@+id/listitem_enter_logo"
	    	android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:layout_alignParentRight="true"
	    	android:layout_centerVertical="true"
	    	android:src="@drawable/show_next"
	    	android:background="@null"
	    />
    </RelativeLayout>
    
    <TextView
    	android:id="@+id/listitem_comment"
    	android:layout_below="@id/listitem_brief_layout"
    	android:layout_width="fill_parent"
    	android:layout_height="20dip"
    />
</RelativeLayout>

loadmore。xml

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout
	xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="70dip"
>
	<Button
		android:id="@+id/btn_loadmore"
		android:layout_width="fill_parent"
    	android:layout_height="40dip"
    	android:text="@string/convertview_loadmore"
	/>
	<RelativeLayout
		android:id="@+id/loading_layout"
		android:layout_width="fill_parent"
    	android:layout_height="30dip"
    	android:gravity="center_horizontal"
    	android:layout_below="@id/btn_loadmore"
	>
		<ImageView
			android:id="@+id/wait_progress"
			android:layout_width="wrap_content"
			android:layout_height="wrap_content"
			android:layout_centerVertical="true"
			android:background="@anim/logining_anim"
		/>
		<TextView
			android:id="@+id/wait_txt"
			android:layout_width="wrap_content"
			android:layout_height="30dip"
			android:gravity="center"
			android:layout_toRightOf="@id/wait_progress"
			android:text="@string/loading"
		/>
	</RelativeLayout>
</RelativeLayout>

string。xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, Convertview_listActivity!</string>
    <string name="app_name">Convertview_list</string>
    <string name="convertview_loadmore">加载更多</string>
    <string name="loading">正在加载...</string>
</resources>

动画文件：loging_anim。xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list 
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:oneshot="false">
	<item
		android:duration="150"
		android:drawable="@drawable/login_1">
	</item>
	<item
		android:duration="150"
		android:drawable="@drawable/login_2">
	</item>
	<item
		android:duration="150"
		android:drawable="@drawable/login_3">
	</item>
	<item
		android:duration="150"
		android:drawable="@drawable/login_4">
	</item>
	<item
		android:duration="150"
		android:drawable="@drawable/login_5">
	</item>
	<item
		android:duration="150"
		android:drawable="@drawable/login_6">
	</item>
</animation-list>

图片资源：

fuuckwtu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ListView 动态加载

今天看了一篇blog，说发布了博客园android的客户端，自己就下载用了下，感觉还行，文件不大1M都没有。在使用过程，我就看到了ListView动态加载这个功能：一次不全加载完成，等用户滑动到显示完一次加载的条目，就出现了footview，即加载更多的按钮，很多网页，微薄上都有这样的功能，我就想说不定我哪天也要用到，于是就去想做一个这样的demo，以备不时之需。网上找了点资料：http://
复制链接

扫一扫