Android仿IOS回弹效果 支持任何控件
2019-10-17 18:07
4960 查看
本文实例为大家分享了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 ScrollView实现横向和竖向拖动回弹效果
- Android ScrollView的顶部下拉和底部上拉回弹效果
- Android自定义ScrollView实现放大回弹效果
- Android 实现ViewPager边界回弹效果实例代码
- Android自定义ScrollView实现放大回弹效果实例代码
- Android界面上拉下拉的回弹效果实例代码
- android仿QQ个人主页下拉回弹效果
- Android RecyclerView上拉加载更多功能回弹实现代码
- Android ReboundScrollView仿IOS拖拽回弹效果
- Android编程ViewPager回弹效果实例分析
- Android自定义控件仿ios下拉回弹效果
相关文章推荐
- 仿IOS回弹效果支持任何控件
- Android 自定义ScrollView 支持惯性滑动,惯性回弹效果。支持上拉加载更多
- Android自定义加载等待Dialog弹窗控件(仿ios效果实现)
- 自定义控件之------仿ios下拉回弹效果
- WPF实现Android或IOS的Tab控件效果
- Android 自定义ScrollView 支持惯性滑动,惯性回弹效果。支持上拉加载更多
- Android ReboundScrollView仿IOS拖拽回弹效果
- Android仿IOS回弹效果 ScrollView回弹 总结
- android 仿qq5.3,下拉刷新,自动加载更多,下拉回弹,仿IOS橡皮筋效果,通用版,效果完美
- android仿IOS页面回弹效果
- Android仿IOS回弹效果 ScrollView回弹 总结
- Android 实现IOS上的水滴效果控件
- 使用react-native-pull实现跨平台Android&IOS下拉刷新滑动回弹效果
- 使用react-native-pull实现跨平台Android&IOS下拉刷新滑动回弹效果
- Android 自定义ScrollView 支持惯性滑动,惯性回弹效果。支持上拉加载更多
- Android中自定义仿IOS回弹效果的ListView
- Android仿IOS回弹效果 ScrollView回弹
- 写了个html5播放视频的video控件,只支持mp4和3gp(android和ios默认支持的格式就写了这个)
- android ListView 仿IOS 回弹效果
- Android仿IOS回弹效果 ScrollView回弹 总结