PullToRefreshListView上拉加载、下拉刷新

 

eclipse中的项目:

//注意:此刷新功能是使用的第三方的PullToRefreshScrollView,因此需要导入第三方library作为依赖

步骤:导入第三方library,依赖:点击你的应用程序右击,再点击properties,再点击Android,再点击add,选中library,点击OK

//请求网路需要配置完网络权限   <uses-permission android:name="android.permission.INTERNET"/>
Android Studio中的项目:导入library,并依赖
 

 导入:点击File,New——>import Module 打开libray的位置,选中libray ,点击OK

依赖:点击Android studio工具栏中的有多个小方块的那个,再点击 app,再点击Dependencies,再点击+符号,再点击Module dependency,选中libray,点击OK,依赖成功
//布局文件
<com.handmark.pulltorefresh.library.PullToRefreshListView
    android:id="@+id/list_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
package com.bw.com.yuekao1;

import android.content.Context;
import android.os.AsyncTask;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.util.Xml;
import android.widget.ListView;
import android.widget.Toast;

import com.bw.com.yuekao1.com.bw.yuekao1.bean.News;
import com.bw.com.yuekao1.com.bw.yuekao1.bean.com.bw.yuekao1.adapter.MyAdapter;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;
import com.lidroid.xutils.HttpUtils;
import com.lidroid.xutils.exception.HttpException;
import com.lidroid.xutils.http.ResponseInfo;
import com.lidroid.xutils.http.callback.RequestCallBack;
import com.lidroid.xutils.http.client.HttpRequest;


import org.xmlpull.v1.XmlPullParser;
import org.xmlpull.v1.XmlPullParserException;

import java.io.ByteArrayInputStream;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    //封装结合
    private List<News> news=new ArrayList<News>();
    //PullToRefreshListView用于上拉加载、上拉刷新
    private PullToRefreshListView lv;
    private MyAdapter adapter;
    //定义一个页数,分页加载
    private int ye=1;
    //使用Handler更新UI
    private Handler handler=new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);
            switch (msg.what) {
                case 0:
                    //获得线程发来的数据
                    String text=(String) msg.obj;
                    //XML解析
                    toXml(text);
                    break;

                default:
                    break;
            }
        }
    };


    private void toXml(String text) {
        News newss=null;
        try {
            //将读取到的结果码   添加到XML里面
            XmlPullParser Parser = Xml.newPullParser();
            ByteArrayInputStream byteArrayInputStream = new ByteArrayInputStream(text.getBytes());
           Parser.setInput(byteArrayInputStream,"utf-8");
            //通过parse获得项目类型      相当于文件里面的属性吧
            int eventType = Parser.getEventType();
            //判断
            while ((eventType != XmlPullParser.END_DOCUMENT)) {
                String name = Parser.getName();
                switch (eventType) {
                    case XmlPullParser.START_TAG:
                        if (name.equals("news")) {
                            newss = new News();
                        } else if (name.equals("id")) {
                            String id = Parser.nextText();
                            newss.setId(id);
                        } else if (name.equals("title")) {
                            String title = Parser.nextText();
                            newss.setTitle(title);
                        } else if (name.equals("body")) {
                            String body = Parser.nextText();
                            newss.setBody(body);
                        } else if (name.equals("commentCount")) {
                            String commentCount = Parser.nextText();
                            newss.setCommentCount(commentCount);
                        }
                        else if (name.equals("author")) {
                            String author = Parser.nextText();
                            newss.setAuthor(author);
                        }
                        else if (name.equals("pubDate")) {
                            String pubDate = Parser.nextText();
                            newss.setPubDate(pubDate);
                        }
                        break;
                    case XmlPullParser.END_TAG:
                        if (name.equals("news")) {
                            news.add(newss);
                            //更新适配器
                            if (adapter == null) {
                                adapter = new MyAdapter(news,this);
                                lv.setAdapter(adapter);
                            } else {
                                adapter .notifyDataSetChanged();
                            }
                        }
                        break;
                    default:
                        break;
                }
                eventType=Parser.next();
            }
        } catch (XmlPullParserException e) {
            e.printStackTrace();
        } catch (IOException e) {
            e.printStackTrace();
        }

    };


//-------------onCreate中--------------
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到PullToRefreshListView的控件
        lv= (PullToRefreshListView) findViewById(R.id.list_view);
        //获得网络数据-传一个页数
        huodeshuju(ye);
        //设置适配器
        adapter = new MyAdapter(news,this);
        lv.setAdapter(adapter);
        //设置PullToRefreshListView的模式,BOTH时,既可以刷新也可以加载
        lv.setMode(PullToRefreshBase.Mode.BOTH);
        //设置刷新的方法
        lv.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override//下拉刷新
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                //重新定义为第一页
                ye=1;
                Toast.makeText(MainActivity.this,""+ye,Toast.LENGTH_SHORT).show();
               //获得数据
             huodeshuju(ye);
                //刷新适配器
                adapter.notifyDataSetChanged();
                //创建一个方法结束刷新
                new FinishRefresh().execute();
            }

            @Override//上拉加载更多
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
             //使页数加1
                ye++;
                Toast.makeText(MainActivity.this,""+ye,Toast.LENGTH_SHORT).show();
                huodeshuju(ye);
                adapter.notifyDataSetChanged();
                new FinishRefresh().execute();
            }
        });
    }

//使用的是HttpUtils请求网络数据——需要导入一个xuitls.jar包
    private void huodeshuju(int ye) {
        //创建HttpUtils
        HttpUtils httpUtils=new HttpUtils();
        //发送GET请求
        httpUtils.send(HttpRequest.HttpMethod.GET, "http://www.oschina.net/action/api/news_list?catalog=1&pageIndex="+ye+"&pageSize=20", new RequestCallBack<String>() {
            @Override//请求成功的方法
            public void onSuccess(ResponseInfo<String> responseInfo) {
                String str=responseInfo.result;
                Message message=new Message();
                message.what=0;
                message.obj=str;
                handler.sendMessage(message);
            }
         //请求失败的方法
            @Override
            public void onFailure(HttpException e, String s) {

            }
        });
    }

    //完成刷新的方法
    private class FinishRefresh extends AsyncTask<Void, Void, Void> {
        @Override
        protected Void doInBackground(Void... params) {
            return null;
        }

        @Override
        protected void onPostExecute(Void result){
            //刷新完成
            lv.onRefreshComplete();
        }
    }
}
 
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Vue 中实现上拉加载下拉刷新常用的库有`better-scroll`和`vue-pull-to`等。 ## 使用 better-scroll 实现上拉加载下拉刷新 1. 安装 better-scroll 库 ```bash npm install better-scroll -S ``` 2. 在需要实现滚动的组件内引入 better-scroll,并进行初始化配置 ```html <template> <div class="scroll-wrapper"> <div class="scroll-content"> <!-- 这里是滚动内容 --> </div> </div> </template> <script> import BScroll from 'better-scroll' export default { mounted() { this.scroll = new BScroll('.scroll-wrapper', { // better-scroll 的配置项 probeType: 3, // 实时派发scroll事件 pullUpLoad: true, // 开启上拉加载 pullDownRefresh: true // 开启下拉刷新 }) this.scroll.on('pullingUp', () => { // 触发上拉加载时的操作 }) this.scroll.on('pullingDown', () => { // 触发下拉刷新时的操作 }) }, destroyed() { this.scroll.destroy() // 销毁 better-scroll 实例 } } </script> ``` 3. 在 better-scroll 的配置项中开启上拉加载下拉刷新,并添加对应的事件监听 ```javascript this.scroll = new BScroll('.scroll-wrapper', { probeType: 3, pullUpLoad: true, // 开启上拉加载 pullDownRefresh: true // 开启下拉刷新 }) // 上拉加载事件 this.scroll.on('pullingUp', () => { // 执行上拉加载操作 }) // 下拉刷新事件 this.scroll.on('pullingDown', () => { // 执行下拉刷新操作 }) ``` ## 使用 vue-pull-to 实现上拉加载下拉刷新 1. 安装 vue-pull-to 库 ```bash npm install vue-pull-to -S ``` 2. 在需要实现滚动的组件内引入 vue-pull-to,并添加对应的事件监听 ```html <template> <vue-pull-to @refresh="onRefresh" @load-more="onLoadMore" :pullDownText="'下拉刷新'" :pullUpText="'上拉加载更多'" :pullingDownText="'释放立即刷新'" :pullingUpText="'释放立即加载'" > <!-- 这里是滚动内容 --> </vue-pull-to> </template> <script> export default { methods: { onRefresh() { // 触发下拉刷新时的操作 }, onLoadMore() { // 触发上拉加载时的操作 } } } </script> ``` 在 vue-pull-to 组件中,提供了`refresh`和`load-more`两个事件用于触发下拉刷新上拉加载操作。 3. 在 vue-pull-to 组件中设置相应的文字提示和样式等属性 ```html <vue-pull-to @refresh="onRefresh" @load-more="onLoadMore" :pullDownText="'下拉刷新'" :pullUpText="'上拉加载更多'" :pullingDownText="'释放立即刷新'" :pullingUpText="'释放立即加载'" > <!-- 这里是滚动内容 --> </vue-pull-to> ``` 在 vue-pull-to 组件中,可以通过`pullDownText`、`pullUpText`、`pullingDownText`和`pullingUpText`等属性来设置文字提示和样式等属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值