Android仿IOS回弹效果 支持任何控件

 更新时间:2019年01月16日 10:23:25   作者:嘎吱喀吧  
这篇文章主要为大家详细介绍了Android仿IOS回弹效果,支持任何控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android仿IOS回弹效果的具体代码,供大家参考,具体内容如下

效果图:

导入依赖:

dependencies {
  // ...

  compile 'me.everything:overscroll-decor-android:1.0.4'
}

RecyclerView

支持线性布局和网格布局管理器(即所有原生Android布局)。可以轻松适应支持自定义布局管理器。

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);

// Horizontal
OverScrollDecoratorHelper.setUpOverScroll(recyclerView, OverScrollDecoratorHelper.ORIENTATION_HORIZONTAL);
// Vertical
OverScrollDecoratorHelper.setUpOverScroll(recyclerView, OverScrollDecoratorHelper.ORIENTATION_VERTICAL);

ListView

ListView listView = (ListView) findViewById(R.id.list_view);
OverScrollDecoratorHelper.setUpOverScroll(listView);

GridView

GridView gridView = (GridView) findViewById(R.id.grid_view);
OverScrollDecoratorHelper.setUpOverScroll(gridView);

ViewPager

ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
OverScrollDecoratorHelper.setUpOverScroll(viewPager);

ScrollView, HorizontalScrollView

ScrollView scrollView = (ScrollView) findViewById(R.id.scroll_view);
OverScrollDecoratorHelper.setUpOverScroll(scrollView);
HorizontalScrollView horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontal_scroll_view);
OverScrollDecoratorHelper.setUpOverScroll(horizontalScrollView);

Any View - Text, Image…

View view = findViewById(R.id.demo_view);  
// Horizontal
OverScrollDecoratorHelper.setUpStaticOverScroll(view, OverScrollDecoratorHelper.ORIENTATION_HORIZONTAL);
// Vertical
OverScrollDecoratorHelper.setUpStaticOverScroll(view, OverScrollDecoratorHelper.ORIENTATION_VERTICAL);

高级用法

// Horizontal RecyclerView
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
new HorizontalOverScrollBounceEffectDecorator(new RecyclerViewOverScrollDecorAdapter(recyclerView));

// ListView (vertical)
ListView listView = (ListView) findViewById(R.id.list_view);
new VerticalOverScrollBounceEffectDecorator(new AbsListViewOverScrollDecorAdapter(listView));

// GridView (vertical)
GridView gridView = (GridView) findViewById(R.id.grid_view);
new VerticalOverScrollBounceEffectDecorator(new AbsListViewOverScrollDecorAdapter(gridView));

// ViewPager
ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
new HorizontalOverScrollBounceEffectDecorator(new ViewPagerOverScrollDecorAdapter(viewPager));

// A simple TextView - horizontal
View textView = findViewById(R.id.title);
new HorizontalOverScrollBounceEffectDecorator(new StaticOverScrollDecorAdapter(view));

RecyclerView 使用 ItemTouchHelper 进行拖动

从版本1.0.1起,效果可以与RecyclerView内置的滑动机制(基于ItemTouchHelper)平滑运行。但是,还需要一些很少显式的配置工作:

// Normally you would attach an ItemTouchHelper & a callback to a RecyclerView, this way:
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
ItemTouchHelper.Callback myCallback = new ItemTouchHelper.Callback() {
  ...
};
ItemTouchHelper myHelper = new ItemTouchHelper(myCallback);
myHelper.attachToRecyclerView(recyclerView);

// INSTEAD of attaching the helper yourself, simply use the dedicated adapter
new VerticalOverScrollBounceEffectDecorator(new RecyclerViewOverScrollDecorAdapter(recyclerView, myCallback));

滚动状态改变回调

// Note: over-scroll is set-up using the helper method.
IOverScrollDecor decor = OverScrollDecoratorHelper.setUpOverScroll(recyclerView, OverScrollDecoratorHelper.ORIENTATION_HORIZONTAL);

decor.setOverScrollStateListener(new IOverScrollStateListener() {
  @Override
  public void onOverScrollStateChange(IOverScrollDecor decor, int oldState, int newState) {
    switch (newState) {
      case STATE_IDLE:
        // No over-scroll is in effect.
        break;
      case STATE_DRAG_START_SIDE:
        // Dragging started at the left-end.
        break;
      case STATE_DRAG_END_SIDE:
        // Dragging started at the right-end.
        break;
      case STATE_BOUNCE_BACK:
        if (oldState == STATE_DRAG_START_SIDE) {
          // Dragging stopped -- view is starting to bounce back from the *left-end* onto natural position.
        } else { // i.e. (oldState == STATE_DRAG_END_SIDE)
          // View is starting to bounce back from the *right-end*.
        }
        break;
    }
  }
}

拖拽出View原本范围时回调

当前拖拽的强度(偏移量)

// Note: over-scroll is set-up by explicity instantiating a decorator rather than using the helper; The two methods can be used interchangeably for registering listeners.
VerticalOverScrollBounceEffectDecorator decor = new VerticalOverScrollBounceEffectDecorator(new RecyclerViewOverScrollDecorAdapter(recyclerView, itemTouchHelperCallback));
decor.setOverScrollUpdateListener(new IOverScrollUpdateListener() {
  @Override
  public void onOverScrollUpdate(IOverScrollDecor decor, int state, float offset) {
    final View view = decor.getView();
    if (offset > 0) {
      // 'view' is currently being over-scrolled from the top.
    } else if (offset < 0) {
      // 'view' is currently being over-scrolled from the bottom.
    } else {
      // No over-scroll is in-effect.
      // This is synonymous with having (state == STATE_IDLE).
    }
  }
});

自定义控件

public class CustomView extends View {
  // ...
}

final CustomView view = (CustomView) findViewById(R.id.custom_view);
new VerticalOverScrollBounceEffectDecorator(new IOverScrollDecoratorAdapter() {

  @Override
  public View getView() {
    return view;
  }

  @Override
  public boolean isInAbsoluteStart() {
    // canScrollUp() is an example of a method you must implement
    return !view.canScrollUp();
  }

  @Override
  public boolean isInAbsoluteEnd() {
     // canScrollDown() is an example of a method you must implement
    return !view.canScrollDown();
  }
});

拖拽强度和回弹效果配置

/// Make over-scroll applied over a list-view feel more 'stiff'
new VerticalOverScrollBounceEffectDecorator(new AbsListViewOverScrollDecorAdapter(view),
    5f, // Default is 3
    VerticalOverScrollBounceEffectDecorator.DEFAULT_TOUCH_DRAG_MOVE_RATIO_BCK,
    VerticalOverScrollBounceEffectDecorator.DEFAULT_DECELERATE_FACTOR);

// Make over-scroll applied over a list-view bounce-back more softly
new VerticalOverScrollBounceEffectDecorator(new AbsListViewOverScrollDecorAdapter(view),
    VerticalOverScrollBounceEffectDecorator.DEFAULT_TOUCH_DRAG_MOVE_RATIO_FWD,
    VerticalOverScrollBounceEffectDecorator.DEFAULT_TOUCH_DRAG_MOVE_RATIO_BCK,
    -1f // Default is -2
    );

禁用回弹效果和开启回弹效果

IOverScrollDecor decor = OverScrollDecoratorHelper.setUpOverScroll(view);

// Detach. You are strongly encouraged to only call this when overscroll isn't
// in-effect: Either add getCurrentState()==STATE_IDLE as a precondition,
// or use a state-change listener.
decor.detach();
// Attach.
decor.attach();

源码地址:Android仿IOS回弹效果

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

相关文章

  • Android Spinner和GridView组件的使用示例

    Android Spinner和GridView组件的使用示例

    Spinner其实是一个列表选择框,不过Android的列表选择框并不需要显示下拉列表,而是相当于弹出一个菜单供用户选择,GridView是一个在二维可滚动的网格中展示内容的控件。网格中的内容通过使用adapter自动插入到布局中
    2022-03-03
  • Android开发手册Button实现selector选择器

    Android开发手册Button实现selector选择器

    这篇文章主要为大家介绍了Android开发手册Button实现selector选择器,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • Android DrawerLayout实现抽屉效果实例代码

    Android DrawerLayout实现抽屉效果实例代码

    这篇文章主要介绍了Android DrawerLayout实现抽屉效果的实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • 浅析Android 的 MediaPlayer类

    浅析Android 的 MediaPlayer类

    本文主要介绍了Android的mediaplayer类作用和用法,并附上了关键代码,有需要的朋友可以参考下
    2014-10-10
  • Android 开机充电图标和充电动画效果

    Android 开机充电图标和充电动画效果

    这篇文章主要介绍了Android 开机充电图标和充电动画效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • Android PopupMenu弹出菜单的实现

    Android PopupMenu弹出菜单的实现

    这篇文章主要介绍了 Android PopupMenu弹出菜单的实现的相关资料,希望通过本文能帮助到大家,实现这样的功能,需要的朋友可以参考下
    2017-10-10
  • Android  CardView详解及使用方法和实例

    Android CardView详解及使用方法和实例

    这篇文章主要介绍了Android CardView详解及使用方法和实例的相关资料,这里附有实例代码及实现效果图,需要的朋友可以参考下
    2016-12-12
  • Android动画之3D翻转效果实现函数分析

    Android动画之3D翻转效果实现函数分析

    Android中的翻转动画效果的实现,Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,那么我们首先来分析一下Animation 和 Transformation,感兴趣的朋友可以了解下啊
    2013-01-01
  • Android Flutter制作交错动画的示例代码

    Android Flutter制作交错动画的示例代码

    这篇文章我们将用Flutter实现一个交错动画的应用实例,我们让轮子在草地滚动着前进,而且还能粘上“绿色的草”,感兴趣的可以动手尝试一下
    2022-06-06
  • Android实现文件存储并读取的示例代码

    Android实现文件存储并读取的示例代码

    本篇文章主要介绍了Android实现文件存储的示例代码,文件内容可以分别存储在手机内存和外存中,并且都可以读去取出来,有兴趣的可以了解一下。
    2017-01-01

最新评论