当前位置: 首页 > 编程笔记 >

Android下拉刷新官方版

缪远航
2023-03-14
本文向大家介绍Android下拉刷新官方版,包括了Android下拉刷新官方版的使用技巧和注意事项,需要的朋友参考一下

网上关于下拉刷新的文章也不少,不过都太长了。恰好发现了官方的下拉刷新库,而且效果还是不错的,简洁美观,用得也挺方便。
下面是效果图:

我的好友原来是空的,刷新后多了两个。

使用还是挺方便的,在布局文件中加入SwipeRefreshLayout ,这个就是下拉刷新的布局。

我在SwipeRefreshLayout的里面还加入了一个ListView 因为我主要用下拉刷新更新了listView里面的内容 。
布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" > 
 
  <android.support.v4.widget.SwipeRefreshLayout 
    android:id="@+id/id_swipe_ly" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 
 
    <ListView 
      android:id="@+id/id_listview" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" > 
    </ListView> 
  </android.support.v4.widget.SwipeRefreshLayout> 
 
</RelativeLayout> 

代码写到这里后,只要在主界面向下滑动到顶部,就会出现下拉刷新了。

然后我们要实例化这个下拉刷新布局,设置好它在刷新时要干什么,完成刷新后,旋转的图标要消失。

mSwipeLayout = (SwipeRefreshLayout) findViewById(R.id.haoyouliebiaoshuaxin);//实例化

              //handler 用来更新UI的
            haoyouhandler = new Handler(){

              @Override
              public void handleMessage(Message msg) {
                super.handleMessage(msg);

                //要做的事
                Item i1 = new Item();
                i1.name = "呵呵";
                i1.account = 25566;
                haoyou.add(i1);

                Item i2 = new Item();
                i2.name = "哈哈";
                i2.account = 25577;

                haoyou.add(i2);

                haoyouadpter = new liebiaoAdapter(MainActivity.this, R.layout.liebiao, haoyou);

                haoyoulist.setAdapter(haoyouadpter);
                  
                  
                    //取消更新的动画
                mSwipeLayout.setRefreshing(false);

              }
            };
              
              
              //设置监听器
            mSwipeLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
              @Override
                //正在更新的时候执行什么代码
              public void onRefresh() {

                new Thread(new Runnable() {
                  @Override
                  public void run() {
                    
                    //等待一秒
                    try {
                      Thread.sleep(1000);
                    } catch (InterruptedException e) {
                      e.printStackTrace();
                    }
                        
                    //发消息给handler更新UI

                    Message ok = new Message();
                    haoyouhandler.sendMessage(ok);



                  }
                }).start();

我是在监听器的onRefresh函数中,等待一秒,然后发消息给Handler去更新UI,更新完后再取消更新。

以上就是本文的全部内容,希望对大家的学习有所帮助。

 类似资料:
  • 下拉刷新是一个特别的组件,可以用来初始化页面内容的刷新。 下拉刷新的demo <header class="bar bar-nav"> <h1 class='title'>下拉刷新</h1> </header> <!-- content应该拥有"pull-to-refresh-content"类,表示启用下拉刷新 --> <div class="content pull-to-re

  • 下拉刷新是一个特别的组件,可以用来初始化页面内容的刷新。 下拉刷新的HTML布局结构 让我们来看一下如何把下拉刷新组件集成到页面中: <div class="page"> <!-- Page content应该拥有"pull-to-refresh-content"类 --> <div class="page-content pull-to-refresh-content" data-ptr

  • Page.onPullDownRefresh() 在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件 jd.startPullDownRefresh(Object object) 开始下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致 OBJECT 参数说明: 参数 类型 必填 说明 success Function 否 接口调用成功的回调函数

  • 主要内容:实例在加载新数据的时候,我们需要实现下拉刷新效果,代码如下: 实例 HTML 代码 JavaScript 代码 item.json 文件数据: 尝试一下 » 效果如下所示:

  • 介绍 用于提供下拉刷新的交互操作。 引入 import { createApp } from 'vue'; import { PullRefresh } from 'vant'; const app = createApp(); app.use(PullRefresh); 代码演示 基础用法 下拉刷新时会触发 refresh 事件,在事件的回调函数中可以进行同步或异步操作,操作完成后将 v-m

  • 在加载新数据的时候,我们需要实现下拉刷新效果,代码如下: 实例 HTML 代码 <body ng-app="starter" ng-controller="actionsheetCtl" > <ion-pane> <ion-content > <ion-refresher pulling-text="下拉刷新" on-refresh="doRefr