android中SwipeRefresh实现各种上拉,下拉刷新示例

SwipeRefresh

基于原生的SwipeRefreshLayout 做了封装处理

此项目中包括种:

1.原生SwipeRefreshLayout(上拉可通过滚动监听实现)

2.自定义支持上拉刷新的组件

3.自定义支持ViewPage的刷新组件VPSwipeRefreshLayout

4.RecyclerView+SwpieRefreshLayout实现下拉刷新效果同时实现上拉功能

主界面

1.原生SwipeRefreshLayout(上拉可通过滚动监听实现)

除了OnRefreshListener接口外,SwipRefreshLayout中还有一些其他重要的方法,具体如下:

1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色(已经弃用)

setProgressBackgroundColorSchemeResource (可以)。

setProgressBackgroundColorSchemeColor(Color c) (可以)

3、setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

4、setRefreshing(Boolean refreshing):设置组件的刷洗状态,显示或者隐藏刷新进度条

5、setSize(int size):设置进度圈的大小,只有两个值:DEFAULT、LARGE

6、postDelayed(new Runable(),long min) 设置刷新延迟时间

7、isRefreshing():检查是否处于刷新状态

下拉刷新

布局,具体内容如下:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:id="@+id/swipeLayout" >

  <ListView
    android:id="@+id/mylist"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

</android.support.v4.widget.SwipeRefreshLayout>

Activity核心代码如下:

swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);
 /*加载的渐变动画*/
    swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,
        R.color.swipe_color_2,
        R.color.swipe_color_3,
        R.color.swipe_color_4);
    swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);;
    swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color);
    //swipeRefreshLayout.setPadding(20, 20, 20, 20);
    //swipeRefreshLayout.setProgressViewOffset(true, 100, 200);
    //swipeRefreshLayout.setDistanceToTriggerSync(50);
    swipeRefreshLayout.setProgressViewEndTarget(true, 100);
    swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() {
      @Override
      public void onRefresh() {
        new Thread(new Runnable() {
          @Override
          public void run() {
            data.clear();
            for(int i=0;i<20;i++){
              data.add("SwipeRefreshLayout下拉刷新"+i);
            }
            try {
              Thread.sleep(5000);
            } catch (InterruptedException e) {
              e.printStackTrace();
            }
            mHandler.sendEmptyMessage(1);
          }
        }).start();
      }
    });
  //handler
  private Handler mHandler = new Handler(){
    @Override
    public void handleMessage(Message msg) {
      super.handleMessage(msg);
      switch (msg.what) {
      case 1:

        swipeRefreshLayout.setRefreshing(false);
        adapter.notifyDataSetChanged();
        //swipeRefreshLayout.setEnabled(false);
        break;
      default:
        break;
      }
    }
  };

原生实现上拉效果

通过监听滚动事件,对listview添加底部的组件实现上拉

implements AbsListView.OnScrollListener {···

 ···
 /**
     * 对listview添加底部的组件实现上拉
     */
    footerView = getLayoutInflater().inflate(R.layout.refresh_footview_layout, null);
    lv.addFooterView(footerView);
 /**
     * 设置滚动监听
     */
  lv.setOnScrollListener(this);

  /**
   * 重写滚动方法
   * @param view
   * @param scrollState
   */
  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {
    if (adapter.getCount() == visibleLastIndex && scrollState == SCROLL_STATE_IDLE) {
      Toast.makeText(this, "加载更多完成", Toast.LENGTH_SHORT).show();
      footerView.setVisibility(View.GONE);
      /*在此处加载更多数据*/
//      new LoadDataThread().start();
    }else {
      footerView.setVisibility(View.VISIBLE);
//      Toast.makeText(this, "加载更多...", Toast.LENGTH_SHORT).show();
    }

  }

2.自定义支持上拉刷新的组件

上拉刷新

实现下拉和上拉监听

···AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener,
    RefreshLayout.OnLoadListener {
    ···

下拉和原先一样用法:

 //下拉监听
    swipeLayout.setOnRefreshListener(this);
    //上拉监听
    swipeLayout.setOnLoadListener(this);

     /**
   * 上拉刷新
   */
  @Override
  public void onRefresh() {
    swipeLayout.postDelayed(new Runnable() {

      @Override
      public void run() {
        // 更新数据 更新完后调用该方法结束刷新
        list.clear();
        for (int i = 0; i < 8; i++) {
          HashMap<String, String> map = new HashMap<String, String>();
          map.put("itemImage", i + "刷新");
          map.put("itemText", i + "刷新");
          list.add(map);
        }
        adapter.notifyDataSetChanged();
        swipeLayout.setRefreshing(false);
      }
    }, 2000);

  }

  /**
   * 加载更多
   */
  @Override
  public void onLoad() {
    swipeLayout.postDelayed(new Runnable() {
      @Override
      public void run() {
        // 更新数据 更新完后调用该方法结束刷新
        swipeLayout.setLoading(false);
        for (int i = 1; i < 10; i++) {
          HashMap<String, String> map = new HashMap<String, String>();
          map.put("itemImage", i + "更多");
          map.put("itemText", i + "更多");
          list.add(map);
        }
        adapter.notifyDataSetChanged();
      }
    }, 2000);
  }

自定义组件如下:

/**
 * Created by huangshuyuan on 2017/3/9.
 * email:hshuuyuan@foxmail.com
 * version:v1.0
 * <p>
 * 自定义view
 */

/**
 * 继承自SwipeRefreshLayout,从而实现滑动到底部时上拉加载更多的功能.
 */
public class RefreshLayout extends SwipeRefreshLayout implements
    OnScrollListener {
  /**
   * 滑动到最下面时的上拉操作
   */

  private int mTouchSlop;
  /**
   * listview实例
   */
  private ListView mListView;

  /**
   * 上拉监听器, 到了最底部的上拉加载操作
   */
  private OnLoadListener mOnLoadListener;

  /**
   * ListView的加载中footer
   */
  private View mListViewFooter;

  /**
   * 按下时的y坐标
   */
  private int mYDown;
  /**
   * 抬起时的y坐标, 与mYDown一起用于滑动到底部时判断是上拉还是下拉
   */
  private int mLastY;
  /**
   * 是否在加载中 ( 上拉加载更多 )
   */
  private boolean isLoading = false;

  /**
   * @param context
   */
  public RefreshLayout(Context context) {
    this(context, null);
  }

  @SuppressLint("InflateParams")
  public RefreshLayout(Context context, AttributeSet attrs) {
    super(context, attrs);

    mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();

    mListViewFooter = LayoutInflater.from(context).inflate(
        R.layout.listview_footer, null, false);
  }

  @Override
  protected void onLayout(boolean changed, int left, int top, int right,
              int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    // 初始化ListView对象
    if (mListView == null) {
      getListView();
    }
  }

  /**
   * 获取ListView对象
   */
  private void getListView() {
    int childs = getChildCount();
    if (childs > 0) {
      View childView = getChildAt(0);
      if (childView instanceof ListView) {
        mListView = (ListView) childView;
        // 设置滚动监听器给ListView, 使得滚动的情况下也可以自动加载
        mListView.setOnScrollListener(this);
        Log.d(VIEW_LOG_TAG, "### 找到listview");
      }
    }
  }

  /*
   * (non-Javadoc)
   *
   * @see android.view.ViewGroup#dispatchTouchEvent(android.view.MotionEvent)
   */
  @Override
  public boolean dispatchTouchEvent(MotionEvent event) {
    final int action = event.getAction();

    switch (action) {
      case MotionEvent.ACTION_DOWN:
        // 按下
        mYDown = (int) event.getRawY();
        break;

      case MotionEvent.ACTION_MOVE:
        // 移动
        mLastY = (int) event.getRawY();
        break;

      case MotionEvent.ACTION_UP:
        // 抬起
        if (canLoad()) {
          loadData();
        }
        break;
      default:
        break;
    }

    return super.dispatchTouchEvent(event);
  }

  /**
   * 是否可以加载更多, 条件是到了最底部, listview不在加载中, 且为上拉操作.
   *
   * @return
   */
  private boolean canLoad() {
    return isBottom() && !isLoading && isPullUp();
  }

  /**
   * 判断是否到了最底部
   */
  private boolean isBottom() {

    if (mListView != null && mListView.getAdapter() != null) {
      return mListView.getLastVisiblePosition() == (mListView
          .getAdapter().getCount() - 1);
    }
    return false;
  }

  /**
   * 是否是上拉操作
   *
   * @return
   */
  private boolean isPullUp() {
    return (mYDown - mLastY) >= mTouchSlop;
  }

  /**
   * 如果到了最底部,而且是上拉操作.那么执行onLoad方法
   */
  private void loadData() {
    if (mOnLoadListener != null) {
      // 设置状态
      setLoading(true);
      //
      mOnLoadListener.onLoad();
    }
  }

  /**
   * @param loading
   */
  public void setLoading(boolean loading) {
    isLoading = loading;
    if (isLoading) {
      mListView.addFooterView(mListViewFooter);
    } else {
      mListView.removeFooterView(mListViewFooter);
      mYDown = 0;
      mLastY = 0;
    }
  }

  /**
   * @param loadListener
   */
  public void setOnLoadListener(OnLoadListener loadListener) {
    mOnLoadListener = loadListener;
  }

  @Override
  public void onScrollStateChanged(AbsListView view, int scrollState) {

  }

  @Override
  public void onScroll(AbsListView view, int firstVisibleItem,
             int visibleItemCount, int totalItemCount) {
    // 滚动时到了最底部也可以加载更多
    if (canLoad()) {
      loadData();
    }
  }

  /**
   * 设置刷新
   */
  public static void setRefreshing(SwipeRefreshLayout refreshLayout,
                   boolean refreshing, boolean notify) {
    Class<? extends SwipeRefreshLayout> refreshLayoutClass = refreshLayout
        .getClass();
    if (refreshLayoutClass != null) {

      try {
        Method setRefreshing = refreshLayoutClass.getDeclaredMethod(
            "setRefreshing", boolean.class, boolean.class);
        setRefreshing.setAccessible(true);
        setRefreshing.invoke(refreshLayout, refreshing, notify);
      } catch (NoSuchMethodException e) {
        e.printStackTrace();
      } catch (IllegalAccessException e) {
        e.printStackTrace();
      } catch (InvocationTargetException e) {
        e.printStackTrace();
      }
    }
  }

  /**
   * 加载更多的监听器
   */
  public static interface OnLoadListener {
    public void onLoad();
  }
}

3.自定义支持ViewPage的刷新组件VPSwipeRefreshLayout


支持viewpager刷新

原生SwipeRefreshLayout会存在以下问题:

1、 SwipeRefreshLayout会吃掉ViewPager的滑动事件。

2、 SwipeRefreshLayout需要套在ScrollView和ListView上的时候才表现的比较友好,在其他ViewGroup上有点问题

重写后的SwipeRefreshLayout,直接复制到项目就可以使用了。

public class VpSwipeRefreshLayout extends SwipeRefreshLayout {

private float startY;
private float startX;
// 记录viewPager是否拖拽的标记
private boolean mIsVpDragger;
private final int mTouchSlop;

public VpSwipeRefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
// 记录手指按下的位置
startY = ev.getY();
startX = ev.getX();
// 初始化标记
mIsVpDragger = false;
break;
case MotionEvent.ACTION_MOVE:
// 如果viewpager正在拖拽中,那么不拦截它的事件,直接return false;
if(mIsVpDragger) {
return false;
}

// 获取当前手指位置
float endY = ev.getY();
float endX = ev.getX();
float distanceX = Math.abs(endX - startX);
float distanceY = Math.abs(endY - startY);
// 如果X轴位移大于Y轴位移,那么将事件交给viewPager处理。
if(distanceX > mTouchSlop && distanceX > distanceY) {
mIsVpDragger = true;
return false;
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
// 初始化标记
mIsVpDragger = false;
break;
}
// 如果是Y轴位移大于X轴,事件交给swipeRefreshLayout处理。
return super.onInterceptTouchEvent(ev);
}
}

4.RecyclerView+SwpieRefreshLayout实现下拉刷新效果同时实现上拉功能

RecyclerView+SwpieRefreshLayout

RecyclerView实现的列表,默认情况下面是不带下拉刷新和上拉记载更多效果的,但是我在我们的实际项目当中,为了提高用户体验,这种效果一般都需要实现

SwipeRefreshLayout本身自带下拉刷新的效果,那么我们可以选择在RecyclerView布局外部嵌套一层SwipeRefreshLayout布局即可,具体布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_recycle_view_refresh"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"

  tools:context="com.hsy.refresh.ui.RecycleViewRefreshActivity">

  <include
    layout="@layout/common_top_bar_layout"
    android:visibility="gone" />

  <android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/demo_swiperefreshlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="vertical">

    <android.support.v7.widget.RecyclerView
      android:id="@+id/demo_recycler"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">

    </android.support.v7.widget.RecyclerView>
  </android.support.v4.widget.SwipeRefreshLayout>
</LinearLayout>

在Activity中引用这个布局并初始化

 @Override
  protected void onCreate(Bundle savedInstanceState) {
    //去除系统标题
    this.requestWindowFeature(Window.FEATURE_NO_TITLE);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_recycle_view_refresh);
    ButterKnife.bind(this);

    initView();
  }

  /*RecyclerView 管理器*/
  private LinearLayoutManager linearLayoutManager;
  MyRecyclerViewAdapter adapter;
  private int lastVisibleItem;//记录滚动位置

  /**
   * 初始化组件
   */
  private void initView() {
        topBarTitle.setText("RecyclerView 刷新");

    //设置刷新时动画的颜色,可以设置4个
    swiperefreshLayout.setProgressBackgroundColorSchemeResource(android.R.color.white);
    swiperefreshLayout.setColorSchemeResources(android.R.color.holo_blue_light,
        android.R.color.holo_red_light, android.R.color.holo_orange_light,
        android.R.color.holo_green_light);
    // 这句话是为了,第一次进入页面的时候显示加载进度条
    swiperefreshLayout.setProgressViewOffset(false, 0, (int) TypedValue
        .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources()
            .getDisplayMetrics()));

    //设置竖直方向
    linearLayoutManager = new LinearLayoutManager(this);
    linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);
    //设置管理器
    recylerview.setLayoutManager(linearLayoutManager);
    //添加分隔线
    recylerview.addItemDecoration(new AdvanceDecoration(this, OrientationHelper.VERTICAL));

    recylerview.setAdapter(adapter = new MyRecyclerViewAdapter(this));
    /*实现下拉*/

    swiperefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
      @Override
      public void onRefresh() {
        new Handler().postDelayed(new Runnable() {
          @Override
          public void run() {
            List<String> newDatas = new ArrayList<String>();
            for (int i = 0; i < 5; i++) {
              int index = i + 1;
              newDatas.add("new item" + index);
            }
            adapter.addItem(newDatas);/*添加数据*/
            swiperefreshLayout.setRefreshing(false);
            Toast.makeText(RecycleViewRefreshActivity.this, "更新了五条数据...", Toast.LENGTH_SHORT).show();
          }
        }, 3000);
      }
    });

    /**
     * 添加滚动监听,实现上拉刷新
     */

    recylerview.setOnScrollListener(new RecyclerView.OnScrollListener() {
      @Override
      public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        //当滚动到底部时刷新数据
        if (newState == RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 == adapter.getItemCount()) {
          new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
              List<String> newDatas = new ArrayList<String>();
              for (int i = 0; i < 5; i++) {
                int index = i + 1;
                newDatas.add("more item" + index);
              }
              adapter.addMoreItem(newDatas);
              swiperefreshLayout.setRefreshing(false);

            }
          }, 1000);
        }
      }

      @Override
      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        //获取滚动的最后位置
        lastVisibleItem = linearLayoutManager.findLastVisibleItemPosition();
      }
    });

  }

实现下拉刷新用SwipeRefreshLayout 自带的进度条, 上拉刷新用类似ListView的刷新 提示“加载中”等信息。

我们可以给RecyclerView 也添加一个类似FooterView的item。

我们在Adapter中实现:

/**
   * RecyclerView的适配器
   */

  class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {//自定义viewHoder
    List<String> datas;
    Context context;
    /*加载更多*/
    private static final int TYPE_ITEM = 0;
    private static final int TYPE_FOOTER = 1;

    public MyRecyclerViewAdapter(Context context) {
      this.context = context;

      /*初始化数据*/
      this.datas = new ArrayList<String>();
      for (int i = 0; i < 20; i++) {
        int index = i + 1;
        datas.add("item" + index);
      }
      /*addItem(datas);*/
    }

    //自定义的ViewHolder,持有每个Item的的所有界面元素
    public class ViewHolder extends RecyclerView.ViewHolder {

      public ViewHolder(View view) {
        super(view);
      }
    }

    //自定义的ViewHolder,持有每个Item的的所有界面元素
    public class ItemViewHolder extends ViewHolder {
      public TextView item_tv;

      public ItemViewHolder(View view) {
        super(view);
        item_tv = (TextView) view.findViewById(R.id.text);
      }
    }

    /**
     * 底部view
     */

    class FooterViewHolder extends ViewHolder {

      public FooterViewHolder(View view) {
        super(view);
      }

    }

    /**
     * 绑定布局文件
     *
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
      if (viewType == TYPE_FOOTER) {
        final View view = LayoutInflater.from(context).inflate(R.layout.refresh_footview_layout, parent, false);
//        view.setLayoutParams(new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT,
//            RecyclerView.LayoutParams.WRAP_CONTENT));
        FooterViewHolder viewHolder = new FooterViewHolder(view);
        return viewHolder;

      } else if (viewType == TYPE_ITEM) {

        final View view = LayoutInflater.from(context).inflate(R.layout.item_recycler_layout, parent, false);
        //这边可以做一些属性设置,甚至事件监听绑定
        //view.setBackgroundColor(Color.RED);
        ItemViewHolder viewHolder = new ItemViewHolder(view);
        return viewHolder;
      }
      return null;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
      if (holder instanceof ItemViewHolder) {
        //设置数据
        ((ItemViewHolder) holder).item_tv.setText(datas.get(position));
        ((ItemViewHolder) holder).item_tv.setTag(position);
      }

    }

    /*返回每一项的类型*/
    @Override
    public int getItemViewType(int position) {
      // 最后一个item设置为footerView
      if (position + 1 == getItemCount()) {
        return TYPE_FOOTER;
      } else {
        return TYPE_ITEM;
      }
    }

    // RecyclerView的count设置为数据总条数+ 1(footerView)
    @Override
    public int getItemCount() {
      return datas.size() + 1;
    }

    //添加数据

    public void addItem(List<String> newDatas) {
      //mTitles.add(position, data);
      //notifyItemInserted(position);
      newDatas.addAll(datas);
      datas.removeAll(datas);
      datas.addAll(newDatas);
      notifyDataSetChanged();
    }

    /**
     * 添加更多数据
     *
     * @param newDatas
     */

    public void addMoreItem(List<String> newDatas) {
      datas.addAll(newDatas);
      adapter.notifyDataSetChanged();
    }
  }

refresh_footview_layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal">

  <ProgressBar
    android:id="@+id/progressBar"
    style="?android:attr/progressBarStyleSmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/refresh_text" />
</LinearLayout>

item_recycler_layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <TextView
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</LinearLayout>

项目源码:SwipeRefresh_jb51.rar

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

(0)

相关推荐

  • Android SwipeRefreshLayout下拉刷新组件示例

    SwipeRefreshLayout概述 SwipeRefrshLayout是Google官方更新的一个Widget,可以实现下拉刷新的效果.该控件集成自ViewGroup在support-v4兼容包下,不过我们需要升级supportlibrary的版本到19.1以上. 用户通过手势或者点击某个按钮实现内容视图的刷新,布局里加入SwipeRefreshLayout嵌套一个子视图如ListView. RecyclerView等,触发刷新会通过OnRefreshListener的onRefresh方

  • Android SwipeRefreshLayout下拉刷新源码解析

    本文实例为大家分享了SwipeRefreshLayout下拉刷新源码,供大家参考,具体内容如下 1.SwipeRefreshLayout是Google在support v4 19.1版本的library更新的一个下拉刷新组件,实现刷新效果更方便. 弊端:只有下拉 //设置刷新控件圈圈的颜色 swipe_refresh_layout.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_orang

  • Android下拉刷新SwipeRefreshLayout控件使用方法

    我们知道现在的material design十分的流行,而SwipeRefreshLayout 就是原生的一个效果(也是Facebook下拉刷新效果)SwipeRefreshLayout 是一个下拉刷新控件,几乎可以包裹一个任何可以滚动的内容(ListView GridView ScrollView RecyclerView),可以自动识别垂直滚动手势.使用起来非常方便. 他强大到可以有很多个子view来继承,进而可以实现不同效果(博主未研究) 话不多说先来看图 看到上面那个绿色的小圆圈没?就是

  • android组件SwipeRefreshLayout下拉小球式刷新效果

    swiperefreshlayout实现下拉小球式的刷新,供大家参考,具体内容如下 布局文件: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools&quo

  • Android官方下拉刷新控件SwipeRefreshLayout使用详解

    可能开发安卓的人大多数都用过很多下拉刷新的开源组件,但是今天用了官方v4支持包的SwipeRefreshLayout觉得效果也蛮不错的,特拿出来分享. 简介: SwipeRefreshLayout组件只接受一个子组件:即需要刷新的那个组件.它使用一个侦听机制来通知拥有该组件的监听器有刷新事件发生,换句话说我们的Activity必须实现通知的接口.该Activity负责处理事件刷新和刷新相应的视图.一旦监听者接收到该事件,就决定了刷新过程中应处理的地方.如果要展示一个"刷新动画",它必须

  • Android实现SwipeRefreshLayout首次进入自动刷新

    看到了Android版知乎实现了这种效果,就自己也实现了一下. 先来一张效果图 实现方式: 方法一: ①在onWindowFocusChanged()方法中,设置为刷新状态为true @Override public void onWindowFocusChanged(boolean hasFocus) { super.onWindowFocusChanged(hasFocus); mSwipeRefreshLayout.setRefreshing(true); } ②在获取数据完成后设置刷新状

  • Android自定义SwipeRefreshLayout高仿微信朋友圈下拉刷新

    上一篇文章里把SwipeRefreshLayout的原理简单过了一下,大致了解了其工作原理,不熟悉的可以去看一下:http://www.jb51.net/article/89310.htm 上一篇里最后提到,SwipeRefreshLayout的可定制性是比较差的,看源码会发现跟样式相关的几个类都是private的而且方法是写死的,只暴露出了几个颜色设置的方法.这样使得SwipeRefreshLayout的使用比较简单,主要就是设置一个监听器在onRefresh方法里完成刷新逻辑.讲道理Swip

  • Android下拉刷新控件SwipeRefreshLayout源码解析

    SwipeRefreshLayout是Android官方的下拉刷新控件,使用简单,界面美观,不熟悉的朋友可以随便搜索了解一下,这里就不废话了,直接进入正题. 首先给张流程图吧,标出了几个主要方法的作用,可以结合着看一下哈. 这种下拉刷新控件的原理不难,基本就是监听手指的运动,获取手指的坐标,通过计算判断出是哪种操作,然后就是回调相应的接口了.SwipeRefreshLayout是继承自ViewGroup的,根据Android的事件分发机制,触摸事件应该是先传递到ViewGroup,根据onInt

  • android中SwipeRefresh实现各种上拉,下拉刷新示例

    SwipeRefresh 基于原生的SwipeRefreshLayout 做了封装处理 此项目中包括种: 1.原生SwipeRefreshLayout(上拉可通过滚动监听实现) 2.自定义支持上拉刷新的组件 3.自定义支持ViewPage的刷新组件VPSwipeRefreshLayout 4.RecyclerView+SwpieRefreshLayout实现下拉刷新效果同时实现上拉功能 主界面 1.原生SwipeRefreshLayout(上拉可通过滚动监听实现) 除了OnRefreshList

  • Android仿网易一元夺宝客户端下拉加载动画效果(一)

    上上周写的一个demo,仿照网易一元夺宝的下拉刷新效果. 原效果是(第一部分)一个小太阳拉下来,然后松开回弹上去, (第二部分)再掉下来一个硬币进行中轴旋转. 本文实现的效果的是第一部分的,效果演示图如下: Gif图看起来比较卡顿...其实真机演示效果还是很流畅的. 下面分析实现过程: 当时因为时间有限没有写在下拉刷新的组件中,也没有封装成一个单独的组件,只是在主布局后面写了一个View然后实现相应的操作,进行封装并不难,这里就不花时间BB了,下面是布局文件: <RelativeLayout x

  • Android自定义组合控件之自定义下拉刷新和左滑删除实例代码

    绪论 最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一个,做完了和QQ的对比了一下,并没有太大区别,今天分享给大家,其实并不难,但是不知道为什么网上没有比较好的Demo,当你的项目真的很急的时候,又没有比较好的Demo,那么"那条友谊的小船儿真是说翻就翻啊",好了,下面先来具体看一下实现后的效果吧: 代码已经上传到Github上了,小伙伴们记

  • Android开发使用自定义view实现ListView下拉的视差特效功能

    本文实例讲述了Android开发使用自定义view实现ListView下拉的视差特效功能.分享给大家供大家参考,具体如下: 一.概述: 现在流型的APP如微信朋友圈,QQ空间,微博个人展示都有视差特效的影子. 如图:下拉图片会产生图片拉升的效果,放手后图片有弹回到原处: 那我们如何实现呢? 1)重写ListView控件: 2)重写里面的overScrollBy方法 3)在松手后执行值动画 二.具体实现: 1.创建ParallaListView 自定义ListView public class P

  • android中实现在ImageView上随意画线涂鸦的方法

    我实现的思路: 1.继承ImageView类 2.重写onTouchEvent方法,在ACTION_MOVE(即移动时),记录下所经过的点坐标,在ACTION_UP时(即手指离开时,这时一条线已经画完),将所画的线(点的集合)保存在一个集合中 3.重写onDraw方法,利用canvas和所记录下的线和点画出线来 可能我讲的十分笼统,下面来看看实际的代码吧 //代表ImageView上的一点 public class ViewPoint { float x; float y; } //表示一条线

  • 在Angular中实现一个级联效果的下拉框的示例代码

    实现一个具有级联效果的下拉搜索框,实现的结果如下图所示 我们主要通过这个组件,来学习一些细微的逻辑,比如: 如何计算input框内文字的长度: 如何获取光标的位置:如何实现滚动条随着上下键盘的按动进行移动...... 具体需求如下 级联搜索最多不超过三级,以"."作为级联搜索的连接符 搜索框跟着文本框中的"."进行向后移动,向右移动的最大距离不能超过文本框的宽度 当用户修改之前的级联内容,则不进行搜索,并隐藏搜索框:若用户在之前输入的是".",

  • Android中EditText如何去除边框添加下划线

    废话不多说了,直接给大家贴代码了. <span style="font-family: Arial, Helvetica, sans-serif;"><?xml version="1.0" encoding="utf-8"?> </span> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android中解决页签手指按下从左到右滑动的bug

    有一种方法可以阻止父层的View截获touch事件,就是调用 getParent().requestDisallowInterceptTouchEvent(true);方法. 一旦底层View收到touch的 action后调用这个方法那么父层View就不会再调用onInterceptTouchEvent了,也无法截获以后的action 在ViewPagerIndicator项目中找到TabPageIndicator该类,添加如下代码 @Override public boolean dispa

  • laravel中数据显示方法(默认值和下拉option默认选中)

    如下所示: <div class="form-group"> <label>ap状态:</label> <select name="ap_status_id"> <option value ="1">进行中</option> <option value ="2">开始</option> <option value="

  • Android 中解决Viewpage调用notifyDataSetChanged()时界面无刷新的问题

    Android 中解决Viewpage调用notifyDataSetChanged()时界面无刷新的问题 问题描述 相信很多做过Viewpager的人肯定遇到过这个问题,这个是bug还是Android就是如此设计的,我们不做讨论.总之,它确实影响我们功能的实现了. 可能不少同学选择为Viewpager重新设置一遍适配器adapter,达到刷新的目的.但是这种方法在大多数情况下,是有问题的. 解决办法 以我们可以尝试着修改适配器的写法,覆盖getItemPosition()方法,当调用notify

随机推荐