您的位置:首页 > Web前端

利用pulltoRefeshListView实现网易新闻首页效果(可以上拉下拉加载的viewpager+listview)

2015-02-09 17:26 495 查看
首先,我们需要下载并导入第三方类库pulltoRefesh

下载地址https://github.com/chrisbanes/Android-PullToRefresh

将jar添加到ib文件并导入到工程中(或者添加工程依赖)

在PullToRefreshListview中添加这个公众方法

public void addHeaderView(View v){
mRefreshableView.addHeaderView(v, null, false);
}


在我们的Fragment中动态获得viewpager

首先我们需要动态获得存放我们viewpager的xml

View view =LayoutInflater.from(this.getActivity()).inflate(R.layout.new_information_sv, null);
然后从xml中得到viewpager对象

mPageVp = (SubViewPager)view.findViewById(R.id.new_information_img_vp);
设置一个获得图片的动态view的方法

private ImageView buildImageView(int id)
{
ImageView iv = new ImageView(this.getActivity().getApplicationContext());
iv.setImageResource(id);
LayoutParams params = new LayoutParams(
LayoutParams.FILL_PARENT,
LayoutParams.FILL_PARENT);
iv.setLayoutParams(params);
iv.setScaleType(ImageView.ScaleType.FIT_XY);

return iv;
}


在viewpager中添加数据源

/** Viewpager图像列表 */
private List<View> mDrawableList = new ArrayList<View>();
// 添加图片到viewPager
mDrawableList.add(buildImageView(R.drawable.btn_ok));
mDrawableList.add(buildImageView(R.drawable.btn_cancel));
mDrawableList.add(buildImageView(R.drawable.ic_launcher));
mDrawableList.add(buildImageView(R.drawable.icon));


将viewpager添加到listview的头部

new_information_lv.addHeaderView(view);
// 设置viewpager的数据适配器
mPageVp.setAdapter(new MyViewPagerAdapter(mDrawableList));
new_information_lv.setMode(PullToRefreshBase.Mode.BOTH);//两端刷新


大功告成

来看几个效果图吧

刷新中



刷新后效果

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐