Android腾讯微博客户端开发5:利用FootView实现ListView滑动动态加载实现分页

最新推荐文章于 2022-02-21 10:07:58 发布
最新推荐文章于 2022-02-21 10:07:58 发布
阅读量128 收藏
点赞数
分类专栏： 腾讯微博客户端 文章标签： Android ListView FootView 分页 滑动加载
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_3032/article/details/82098515
版权
老规矩，先上图
这张图片左边部分和右边部分还是有很大的不同，不是指内容上，是指布局上，左边的是我今天写这次代码之前的布局，root是用的RelativeLayout，右边是用的FrameLayout，体现在界面上就是右边的list内容可以顶到最上面，而左边的list是在上面的topBar下面。
[img]http://dl.iteye.com/upload/attachment/525266/3169d1ee-d4be-3b7e-9c6a-9bffd9bfc680.jpg[/img]

看布局代码：布局代码还用到了include，主要是用来重用布局的。 
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent">
	<LinearLayout android:orientation="vertical" android:background="#ffffffff" android:layout_width="fill_parent" android:layout_height="fill_parent">
		<ListView android:id="@id/android:list" android:paddingTop="45.0dip" android:paddingBottom="50.0dip" android:layout_width="fill_parent" android:cacheColorHint="#00000000" android:fadingEdge="none" android:fastScrollEnabled="false" android:clipToPadding="false"
			android:layout_height="wrap_content" android:divider="@drawable/list_divider"/>
		<TextView android:text="" android:textSize="20.0sp" android:textColor="#ff5a5a5a" android:gravity="center_horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:paddingTop="15.0dip" android:visibility="invisible"/>
	</LinearLayout>
	<include android:id="@+id/home_top" layout="@layout/top_panel" android:layout_width="fill_parent" android:layout_height="wrap_content" />
</FrameLayout>

把图片往下拉，此时还未到加载到数据的最底部。
[img]http://dl.iteye.com/upload/attachment/525268/1a0599c6-9b27-3e47-86b2-c91303d65d0b.jpg[/img]
继续往下拉，ok，见底了，看到更多的提示了嘛，点击他
[img]http://dl.iteye.com/upload/attachment/525270/253111e8-1e53-3277-ab01-c6dd66594444.jpg[/img]

出现进度条提示
[img]http://dl.iteye.com/upload/attachment/525272/ec525b13-8fe0-3d15-b6d7-493e23567b79.jpg[/img]
加载完毕之后显示新的一页，继续往下拉，又会看见更多提示，然后如此循环。主要是利用了隐藏。
[img]http://dl.iteye.com/upload/attachment/525274/f4dc9539-ed97-3dc9-a968-eda1e2785886.jpg[/img]

下面看看主的Activity的代码： 

public class HomeTimeLineActivity extends ListActivity implements OnItemClickListener,OnItemLongClickListener{

	private DataHelper dataHelper;
	private UserInfo user;
	private MyWeiboSync weibo;
	private ListView listView;
	private HomeAdapter adapter;
	private JSONArray array;
	private AsyncImageLoader asyncImageLoader;
	private Handler handler;
	private ProgressDialog progressDialog;
	private View top_panel;
	private Button top_btn_left;
	private Button top_btn_right;
	private TextView top_title;
	private LinearLayout list_footer;
	private TextView tv_msg;
	private LinearLayout loading;
	private List<JSONObject> list;//微博数据列表
	private ExecutorService executorService;
	private static int PAGE_SIZE = 5;//每页显示的微博条数
	private int TOTAL_PAGE = 0;//当前已经记在的微博页数
	private static int THREADPOOL_SIZE = 5;//线程池的大小

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.home);
		setUpViews();
		setUpListeners();

		dataHelper = DataBaseContext.getInstance(getApplicationContext());
		weibo = WeiboContext.getInstance();

		List<UserInfo> userList = dataHelper.GetUserList(false);

		SharedPreferences preferences = getSharedPreferences("default_user",Activity.MODE_PRIVATE);
		String nick = preferences.getString("user_default_nick", "");//取得默认账号信息

		if (nick != "") {
			user = dataHelper.getUserByName(nick,userList);
			top_title.setText(nick);//顶部工具栏昵称
		}

		weibo.setAccessTokenKey(user.getToken());
		weibo.setAccessTokenSecrect(user.getTokenSecret());

		progressDialog = new ProgressDialog(HomeTimeLineActivity.this);// 生成一个进度条
		progressDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
		progressDialog.setTitle("请稍等");
		progressDialog.setMessage("正在读取数据中!");
		handler = new GetHomeTimeLineHandler();

		executorService.submit(new GetHomeTimeLineThread());//耗时操作,开启一个新线程获取数据
		progressDialog.show();
	}

	private void setUpViews(){
		list_footer = (LinearLayout)LayoutInflater.from(HomeTimeLineActivity.this).inflate(R.layout.list_footer, null);
		tv_msg = (TextView)list_footer.findViewById(R.id.tv_msg);
		loading = (LinearLayout)list_footer.findViewById(R.id.loading);
		listView = getListView();
		top_panel = (View)findViewById(R.id.home_top);
		top_btn_left = (Button)top_panel.findViewById(R.id.top_btn_left);
		top_btn_right = (Button)top_panel.findViewById(R.id.top_btn_right);
		top_title = (TextView)top_panel.findViewById(R.id.top_title);
		listView.addFooterView(list_footer);//这儿是关键中的关键呀，利用FooterVIew分页动态加载
		list = new ArrayList<JSONObject>();
		executorService = Executors.newFixedThreadPool(THREADPOOL_SIZE);
	}

	private void setUpListeners(){
		listView.setOnItemClickListener(this);
		listView.setOnItemLongClickListener(this);
		top_btn_right.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent = new Intent(HomeTimeLineActivity.this,AddWeiboActivity.class);
				startActivity(intent);
			}
		});
		tv_msg.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				//Toast.makeText(HomeTimeLineActivity.this, "我将消失了", Toast.LENGTH_SHORT).show();
				executorService.submit(new GetHomeTimeLineThread());
				tv_msg.setVisibility(View.GONE);//隐藏更多提示的TextView
				loading.setVisibility(View.VISIBLE);//显示最下方的进度条
			}
		});
	}

	class GetHomeTimeLineHandler extends Handler {
		@Override
		public void handleMessage(Message msg) {
			adapter = new HomeAdapter(HomeTimeLineActivity.this, list);
			listView.setAdapter(adapter);
			listView.setSelection((TOTAL_PAGE-1)*PAGE_SIZE+1);//设置最新获取一页数据成功后显示数据的起始数据
			progressDialog.dismiss();// 关闭进度条
			loading.setVisibility(View.GONE);//隐藏下方的进度条
			tv_msg.setVisibility(View.VISIBLE);//显示出更多提示TextView
		}
	}

	class GetHomeTimeLineThread extends Thread {
		@Override
		public void run() {
			refreshList();
			Message msg = handler.obtainMessage();//通知线程来处理范围的数据
			handler.sendMessage(msg);
		}
	}

	private void refreshList(){
		String jsonStr = weibo.getHomeMsg(weibo.getAccessTokenKey(), weibo.getAccessTokenSecrect(), PageFlag.PageFlag_First, (TOTAL_PAGE+1)*PAGE_SIZE);
		try {
			JSONObject dataObj = new JSONObject(jsonStr).getJSONObject("data");
			array = dataObj.getJSONArray("info");
			if(array!=null&&array.length()>0){
				TOTAL_PAGE++;
				list.clear();
				int lenth =array.length();
				for(int i = 0;i<lenth;i++){
					list.add(array.optJSONObject(i));
				}
			}
		} catch (JSONException e) {
			e.printStackTrace();
		}
	}


	class HomeAdapter extends BaseAdapter {
		private Context context;
		private LayoutInflater inflater;
		private List<JSONObject> list;

		public HomeAdapter(Context context, List<JSONObject> list) {
			super();
			this.context = context;
			this.list = list;
			this.inflater = LayoutInflater.from(context);
		}

		@Override
		public int getCount() {
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			return list.get(position);
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public View getView(final int position, View convertView, ViewGroup parent) {
			asyncImageLoader = new AsyncImageLoader();
			HomeViewHolder viewHolder = new HomeViewHolder();
			JSONObject data = (JSONObject)list.get(position);
			JSONObject source = null;
			convertView = inflater.inflate(R.layout.home_list_item, null);
			try {
				source = data.getJSONObject("source");
			} catch (JSONException e1) {
				e1.printStackTrace(); 
			}
			viewHolder.home_headicon = (ImageView) convertView.findViewById(R.id.home_headicon);
			viewHolder.home_nick = (TextView) convertView.findViewById(R.id.home_nick);
			viewHolder.home_hasimage = (ImageView) convertView.findViewById(R.id.home_hasimage);
			viewHolder.home_timestamp = (TextView) convertView.findViewById(R.id.home_timestamp);
			viewHolder.home_origtext = (TextView) convertView.findViewById(R.id.home_origtext);
			viewHolder.home_source = (TextView) convertView.findViewById(R.id.home_source);

			if(data!=null){
				try {
					convertView.setTag(data.get("id"));
					//viewHolder.home_headicon.setImageDrawable(ImageUtil.getDrawableFromUrl(data.getString("head")+"/100"));//同步加载图片
					viewHolder.home_nick.setText(data.getString("nick"));
					viewHolder.home_timestamp.setText(TimeUtil.converTime(Long.parseLong(data.getString("timestamp"))));
					//viewHolder.home_origtext.setText(data.getString("origtext"), TextView.BufferType.SPANNABLE);

					/*Spannable spannable = (Spannable)viewHolder.home_origtext.getText();//加高亮显示
					spannable.setSpan(new BackgroundColorSpan(Color.RED), 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);*/

					SpannableString spannable = new SpannableString(data.getString("origtext"));
					//把字符串解析成本地表情
					spannable = TextUtil.getImageSpannableString(spannable, RegexUtil.getStartAndEndIndex(data.getString("origtext"), Pattern.compile("\\/[\u4e00-\u9fa5a-zA-Z]{1,3}")), getResources());
					viewHolder.home_origtext.setText(spannable);


					if(source!=null){
						viewHolder.home_source.setText(source.getString("nick")+":"+source.getString("origtext"));
						viewHolder.home_source.setBackgroundResource(R.drawable.home_source_bg);
					}
					//异步加载图片
					Drawable cachedImage = asyncImageLoader.loadDrawable(data.getString("head")+"/100",viewHolder.home_headicon, new ImageCallback(){
	                    @Override
	                    public void imageLoaded(Drawable imageDrawable,ImageView imageView, String imageUrl) {
	                        imageView.setImageDrawable(imageDrawable);
	                    }
	                });
					if (cachedImage == null) {
						viewHolder.home_headicon.setImageResource(R.drawable.icon);
					} else {
						viewHolder.home_headicon.setImageDrawable(cachedImage);
					}
					if(data.getJSONArray("image")!=null){
						viewHolder.home_hasimage.setImageResource(R.drawable.hasimage);
					}
				} catch (JSONException e) {
					e.printStackTrace();
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
			return convertView;
		}
	}

	static class HomeViewHolder {
		private ImageView home_headicon;
		private TextView home_nick;
		private TextView home_timestamp;
		private TextView home_origtext;
		private TextView home_source;
		private ImageView home_hasimage;
	}

	@Override
	public boolean onItemLongClick(AdapterView<?> arg0, View arg1, int position,long arg3) {
		CharSequence [] items = null;
		try {
			items= new CharSequence[]{"转播","对话","点评","收藏",((JSONObject)array.opt(position)).getString("nick"),"取消"};
		} catch (JSONException e) {
			e.printStackTrace();
		}
		new AlertDialog.Builder(HomeTimeLineActivity.this).setTitle("选项").setItems(items,new DialogInterface.OnClickListener() {
			@Override
			public void onClick(DialogInterface dialog, int which) {
						switch (which) {
						case 0: {
						}
							break;
						case 1: {
						}
							break;
						case 2: {
						}
							break;
						case 3: {
						}
							break;
						case 4: {
						}
							break;
						case 5: {
						}
							break;
						default:
							break;
						}
			}
		}).show();
		return false;
	}

	@Override
	public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
		JSONObject weiboInfo = (JSONObject)array.opt(position);
		Intent intent = new Intent(HomeTimeLineActivity.this, WeiboDetailActivity.class);
		try {
			intent.putExtra("weiboid", weiboInfo.getString("id"));
			startActivity(intent);
		} catch (JSONException e) {
			e.printStackTrace();
		}
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu){
		super.onCreateOptionsMenu(menu);
		MenuInflater menuInflater = getMenuInflater();
		menuInflater.inflate(R.menu.home_timeline_menu, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		switch (item.getItemId()) {
		case R.id.menu_settings: {

		}
			break;
		case R.id.menu_official: {

		}
			break;
		case R.id.menu_feedback: {

		}
			break;
		case R.id.menu_account: {
			Intent intent = new Intent(HomeTimeLineActivity.this,
					AccountActivity.class);
			startActivity(intent);
		}
			break;
		case R.id.menu_about: {
			Intent intent = new Intent(HomeTimeLineActivity.this,
					AddWeiboActivity.class);
			startActivity(intent);
		}
			break;
		case R.id.menu_quit: {

		}
			break;
		default:
			break;
		}
		return true;
	}
}


下面的布局文件是你所看见的更多提示和下方的进度条布局文件： 

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:minHeight="?android:listPreferredItemHeight"
  xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView android:textSize="16.0sp" android:textColor="#ff545454" android:gravity="center" android:id="@id/tv_msg" android:layout_width="fill_parent" android:layout_height="fill_parent" android:text="更多"/>
    <LinearLayout android:gravity="center" android:layout_gravity="center" android:orientation="horizontal" android:id="@id/loading" android:layout_width="fill_parent" android:layout_height="fill_parent">
        <ProgressBar android:layout_gravity="center_vertical" android:id="@id/footprogress" android:layout_width="wrap_content" android:layout_height="wrap_content" android:indeterminateBehavior="repeat" style="?android:progressBarStyleSmallInverse" />
        <TextView android:textColor="#ff000000" android:gravity="left|center" android:padding="3.0px" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="读取中" />
    </LinearLayout>
</LinearLayout>
iteye_3032
关注
专栏目录
ListView多屏数据时footer悬停底部
HyperionChen
09-26 909
1. 效果图2. 需求 当数据量比较少不足一屏的时候，footer跟随数据库 当数据量多于一屏的时候，footer固定在底部 3. 分析 我们可以新建一个View作为footer，同时将这个View复制一份固定在底部，初始设置为invisible 数据量小的时候，footer默认就是跟随着ListView的，将底部View设置为invisible。数据量多的时候，将底部的View设置为visible
ym——android源码大放送（实战开发必备）
热门推荐
陈宇明
08-10 4万+
文件夹 PATH 列表 卷序列号为 000A-8F50 E:. │  javaapk.com文件列表生成工具.bat │  使用说明.txt │  免费下载更多源码.url │  目录列表.txt │   ├─android web应用 │      jqmDemo_static.zip │      jqmMobileDemo-master.zip │      jqmMo
listview所带来的滑动冲突
我是传奇
04-28 232
在android中，有时候会遇到子控件和父控件都要滑动的情况，尤其是当子控件为listview的时候。这种情况较常见，典型的launcher，每个屏幕上放上listview就会出现这种情况。 有两点需要注意： 一般来说，view的onTouchEvent返回true，即消耗点击事件，viewgroup的onInterceptTouchEvent返回false，即不拦截点击事件，这一点...
ListView 滑动footerview不断拉长的解决方法
Langxingtianxi的专栏
10-30 1419
ListView 滑动footerview不断拉长的解决方法public void addView(ListView listView,View headerView,View footerView) { if(listView.getFooterViewsCount()==0&&footerView!=null) { listVie
Android 开源之StickyHeaderListView 标题渐变、吸附悬停、筛选分类、动态头部
03-29
Android 开源之StickyHeaderListView 标题渐变、吸附悬停、筛选分类、动态头部，http://www.jianshu.com/p/3bf26722c489#
GridView，(GridView)ListView.setSelector()，ListView中Header/Footer的删除和添加/显示与隐藏
ShareUs的专栏
01-21 1193
>GridView GridView.selector: GridView的设置根据Item选择状态改变背景状态 -- GridView横向滚动 Android： a.包裹HorizontalScrollView控件是GirdView横向滚动的基本条件 b.GirdView外包裹LinearLayout是java代码中参数设置的必要条件 -- mGridView.setOnScrol...
ListView滑动删除 ，仿腾讯QQ 源码程序
04-04
本项目旨在实现一个仿腾讯QQ的ListView滑动删除功能，通过源码分析和实践，我们可以深入理解这一特性的工作原理和实现方式。 首先，滑动删除功能的核心在于监听ListView的滑动手势。在Android中，我们可以使用...
安卓Android源码——仿腾讯通讯录管理.zip
10-14
它可以动态加载数据，支持滑动刷新和下拉加载更多功能。 - CardView：用于创建具有阴影效果的卡片视图，常用于展示单个联系人信息。 - Material Design：遵循谷歌的Material Design设计规范，提供统一的界面风格和...
BAT Android面试关键点解析：流畅性、安全与APK瘦身
"这是关于BAT（百度、阿里巴巴、腾讯）公司Android面试中常见的20个问题的详解，涵盖了ListView优化、Android安全问题以及APK包大小缩减等核心知识点。" 1. **ListView优化**： - **减少布局层级**：通过使用...
Android开源经典项目
Tamic （大白）
09-13 5760
Android开源项目大全，包括经典个人博客，组织和开源项目
android+控件页脚,如何在NavigationView中添加页脚 - Android支持设计库？
weixin_42371226的博客
06-04 267
25 个答案:答案 0 :(得分：131)如果您想在导航菜单中使用固定(非滚动)页脚，则需要将NavigationView包装在另一个布局周围，就像您发布的那样。 NavigationView的工作方式与FrameLayout类似，因此最终会出现＃34;堆叠＆＃34; NavigationView菜单项顶部的内部布局。以下是使用LinearLayout作为页脚项目进行排列的一种方法：固定页脚Che...
android实现悬停效果代码,Android StickListView实现悬停效果
weixin_29547681的博客
05-26 281
先看看效果图：实现思路：监听ListView的滑动，等目的项为列表第一个可见的ItemView时，添加一个一个的布局，产生悬停效果实现代码：public class CustomViewAcyivity extends BaseActivity {Toolbar toolbar;WindowManager mWindowManager;WindowManager.LayoutParams mWin...
RecycleView和ListView 实现悬停头部效果和滑动隐藏顶部效果
蓝枫
08-05 1382
先上一张效果图   代码实现 MainActivity.java   package com.xiaopo.flying.suspensionbar.actvity; import android.graphics.Color; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; i...
ListView（headerView，footerView）
qq_43517257的博客
02-21 1814
ListView 用来显示一个条目列表，条目对应的数据来自于 Model，而每个条目的外观则 由Delegate 决定。我们可以将Delegate 看成如何展示 Item 的一个模板。Android手机上常见 的联系人界面，其实就是使用 ListView 实现的，而且 Android 的 ListView 和 Qt Quick 的 ListView 使用同样的模式：Model、View、Item Template（Delegate）。 要使用 ListView，必须为其指定一个Model、一个Delega.
Android滑动悬停
学习使我快乐_玉祥
05-31 929
先上图 （好多效果文章都不带图，我觉得先放图也能给大家节省时间，合适了在往下看） 今天在开发的时候有这样的一种需求，百度好久，没有满意的，基本上代码扔一堆太复杂而且也没有整理，没心情看，最后放弃。 决定自己研究，尝试了两种思路：为了方便，给要固定的那一栏起个名字叫 A 吧 1.最初我想通过两个ScrollView，第一个Scroll里面放（内容，A和 第二个Scroll）。当第一个Scroll大小滑完之后，会留A和第二个Scroll占满全屏，继续滑动的时候当然只会滑动第二个Scroll...
使用ListView的addFooterView或者addHeaderView报错或者不知名的异常：at android.widget.ListView.clearRecycledState(List
mxnxsyu的专栏
03-14 1085
问题： Caused by: java.lang.NullPointerException at android.widget.ListView.clearRecycledState(ListView.java:522) at android.widget.ListView.resetList(ListView.java:508) at android.widg
android 底部停靠 底部吸附_Android之AppBarLayout实现悬停吸附伸缩效果
weixin_39585761的博客
12-23 347
前几天看到这样一个UI效果,然后自己也仿照实现了下:看着挺酷的,也有很多App都用到了这个UI效果,比如开眼App和沪江开心词场就用到了.所以下面就来简单实现一下这个UI效果吧.组合三剑客实现上面的UI效果需要将这三剑客的组合起来用,下面先介绍下这三个控件:AppBarLayout:1.AppBarLayout简单介绍AppBarLayout是android.support:design包中的支持...
Android腾讯微博客户端开发五:利用FootView实现ListView滑动动态加载实现分页
精益求精
08-17 1419
看布局代码：布局代码还用到了include，主要是用来重用布局的。include一定要放在最下面啊，因为FrameLayout后面的内容会覆盖掉前面的内容，如果你放在上面，将会看不到标题栏。  Java代码                         <List
Android view滑动悬浮固定效果实现-踩坑记
Duncan的Android专栏
04-19 1681
android新特性：使用CollapsingToolbarLayout实现折叠效果及问题解决[有比较严重的卡顿感]https://www.jianshu.com/p/485223349703CollapsingToolbarLayout有滑动折叠有严重的卡顿，不顺畅，实现一波之后，非常不推荐。 推荐以下方式，需要悬浮的View整2个，自定义ScrollView中监听滑动 隐藏显示。Android...
Android ListView动态加载分页：Handler与AsyncTask实现
本文主要介绍了在Android开发中如何实现ListView动态加载数据分页的两种方法，包括使用Handler+线程以及使用AsyncTask。这两种方法都是为了优化用户体验，避免一次性加载大量数据导致应用卡顿。 一、使用Handler+...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值