本文實例為大家分享了Android仿IOS回彈效果的具體代碼,供大家參考,具體內(nèi)容如下
效果圖:
導入依賴:
dependencies { // ... compile 'me.everything:overscroll-decor-android:1.0.4'}
RecyclerView
支持線性布局和網(wǎng)格布局管理器(即所有原生Android布局)。可以輕松適應支持自定義布局管理器。
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycler_view);// HorizontalOverScrollDecoratorHelper.setUpOverScroll(recyclerView, OverScrollDecoratorHelper.ORIENTATION_HORIZONTAL);// VerticalOverScrollDecoratorHelper.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); // HorizontalOverScrollDecoratorHelper.setUpStaticOverScroll(view, OverScrollDecoratorHelper.ORIENTATION_HORIZONTAL);// VerticalOverScrollDecoratorHelper.setUpStaticOverScroll(view, OverScrollDecoratorHelper.ORIENTATION_VERTICAL);
高級用法
// Horizontal RecyclerViewRecyclerView 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));// ViewPagerViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);new HorizontalOverScrollBounceEffectDecorator(new ViewPagerOverScrollDecorAdapter(viewPager));// A simple TextView - horizontalView textView = findViewById(R.id.title);new HorizontalOverScrollBounceEffectDecorator(new StaticOverScrollDecorAdapter(view));
RecyclerView 使用 ItemTouchHelper 進行拖動
從版本1.0.1起,效果可以與RecyclerView內(nèi)置的滑動機制(基于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 adapternew VerticalOverScrollBounceEffectDecorator(new RecyclerViewOverScrollDecorAdapter(recyclerView, myCallback));
滾動狀態(tài)改變回調(diào)
// 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原本范圍時回調(diào)
當前拖拽的強度(偏移量)
// 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 softlynew 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回彈效果
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網(wǎng)。
新聞熱點
疑難解答