android 页面icon拉伸_让几乎所有的 Android View 具有类似 MIUI 系统里面的一个弹性拉伸的效果...

First, this library is base on Over-Scroll

Elasticity Support For Android's RecyclerView, ListView, GridView, ScrollView ...

The library provides an elasticity over-scrolling effect applicable over almost all Android native scrollable views. It is also built to allow for very easy adaptation to support custom views.

The core effect classes are loose-decorators of Android views, and are thus decoupled from the actual view classes' implementations. That allows developers to apply the effect over views while keeping them as untampered 'black-boxes'. Namely, it allows for keeping important optimizations such as view-recycling intact.

demo.gif

Gradle Dependency

Add the following to your project's build.gradle file:

allprojects {

repositories {

...

maven { url "https://jitpack.io" }

}

}

Add the following to your module's build.gradle file:

dependencies {

// ...

compile 'com.github.XanderWang:elasticity:1.0.1'

}

Usage

RecyclerView

Supports both linear and staggered-grid layout managers (i.e. all native Android layouts). Can be easily adapted to support custom layout managers.

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

// Horizontal

ElasticityHelper.setUpOverScroll(recyclerView, ORIENTATION.HORIZONTAL);

// Vertical

ElasticityHelper.setUpOverScroll(recyclerView, ORIENTATION.VERTICAL);

RecyclerView with items swiping / dragging

See Advanced Usage.

ListView

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

ElasticityHelper.setUpOverScroll(listView);

GridView

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

ElasticityHelper.setUpOverScroll(gridView);

ViewPager

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

ElasticityHelper.setUpOverScroll(viewPager);

ScrollView, HorizontalScrollView

ScrollView scrollView = (ScrollView) findViewById(R.id.scroll_view);

ElasticityHelper.setUpOverScroll(scrollView);

HorizontalScrollView horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontal_scroll_view);

ElasticityHelper.setUpOverScroll(horizontalScrollView);

Any View - Text, Image... (Always Over-Scroll Ready)

View view = findViewById(R.id.demo_view);

// Horizontal

ElasticityHelper.setUpStaticOverScroll(view, ORIENTATION.HORIZONTAL);

// Vertical

ElasticityHelper.setUpStaticOverScroll(view, ORIENTATION.VERTICAL);

Advanced Usage

// Horizontal RecyclerView

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

new HorizontalElasticityBounceEffect(new RecyclerViewElasticityAdapter(recyclerView));

// ListView (vertical)

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

new VerticalElasticityBounceEffect(new AbsListViewElasticityAdapter(listView));

// GridView (vertical)

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

new VerticalElasticityBounceEffect(new AbsListViewElasticityAdapter(gridView));

// ViewPager

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

new HorizontalElasticityBounceEffect(new ViewPagerElasticityAdapter(viewPager));

// A simple TextView - horizontal

View textView = findViewById(R.id.title);

new HorizontalElasticityBounceEffect(new StaticElasticityAdapter(view));

RecyclerView with ItemTouchHelper based swiping / dragging

The effect can work smoothly with the RecyclerView's built-in mechanism for items swiping and dragging (based on ItemTouchHelper). BUT, it requires some (very little) explicit configuration work:

// 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 c'tor, e.g.:

new VerticalElasticityBounceEffect(new RecyclerViewElasticityAdapter(recyclerView, myCallback));

For more info on the swiping / dragging mechanism, try this useful tutorial.

Over-Scroll Listeners

The effect provides a means for registering listeners of over-scroll related events. There are two types of listeners, as follows.

State-Change Listener

The over-scroll manager dispatches events onto a state-change listener denoting transitions in the effect's state:

// Note: over-scroll is set-up using the helper method.

IElasticity elasticity = ElasticityHelper.setUpOverScroll(recyclerView, ORIENTATION.HORIZONTAL);

elasticity.setOverScrollStateListener(new IElasticityStateListener() {

@Override

public void onOverScrollStateChange(IElasticity elasticity, 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;

}

}

}

Real-time Updates Listener

The over-scroll manager can also dispatch real-time, as-it-happens over-scroll events denoting the current offset resulting due to an over-scroll being in-effect (the offset thus denotes the current 'intensity').

// 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.

IElasticity elasticity = new VerticalElasticityBounceEffect(new RecyclerViewElasticityAdapter(recyclerView, itemTouchHelperCallback));

elasticity.setOverScrollUpdateListener(new IElasticityUpdateListener() {

@Override

public void onOverScrollUpdate(IElasticity elasticity, int state, float offset) {

final View view = elasticity.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).

}

}

});

The two type of listeners can be used either separately or in conjunction, depending on your needs. Refer to the demo project's RecyclerView-demo section for actual concrete usage.

Custom Views

public class CustomView extends View {

// ...

}

final CustomView view = (CustomView) findViewById(R.id.custom_view);

new VerticalElasticityBounceEffect(new IElasticityAdapter() {

@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();

}

});

Effect Behavior Configuration

/// Make over-scroll applied over a list-view feel more 'stiff'

new VerticalElasticityBounceEffect(new AbsListViewElasticityAdapter(view),

5f, // Default is 3

VerticalElasticityBounceEffect.DEFAULT_TOUCH_DRAG_MOVE_RATIO_BCK,

VerticalElasticityBounceEffect.DEFAULT_DECELERATE_FACTOR,

VerticalElasticityBounceEffect.MAX_SCALE_FACTOR);

// Make over-scroll applied over a list-view bounce-back more softly

new VerticalElasticityBounceEffect(new AbsListViewElasticityAdapter(view),

VerticalElasticityBounceEffect.DEFAULT_TOUCH_DRAG_MOVE_RATIO_FWD,

VerticalElasticityBounceEffect.DEFAULT_TOUCH_DRAG_MOVE_RATIO_BCK,

-1f // Default is -2,

VerticalElasticityBounceEffect.MAX_SCALE_FACTOR);

Credits

fix bug

fix the bug can not click sometime

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值