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


首先,我们需要下载并导入第三方类库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);//两端刷新

大功告成

来看几个效果图吧

刷新中

                                               

刷新后效果



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值