标签:
上一次我们试验了有弹性的ScrollView。详情
这一次,我们来试验有弹性的ScrollView。
国际惯例,效果图:
主要代码:
public class FlexibleScrollView extends ScrollView {
private Context mContext;
private static int mMaxOverDistance = 50;
public FlexibleScrollView(Context context, AttributeSet attrs,
int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.mContext = context;
initView();
}
public FlexibleScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
this.mContext = context;
initView();
}
public FlexibleScrollView(Context context) {
super(context);
this.mContext = context;
initView();
}
private void initView() {
DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
float density = metrics.density;
mMaxOverDistance = (int) (density * mMaxOverDistance);
}
@Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX,
int scrollY, int scrollRangeX, int scrollRangeY,
int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
return super.overScrollBy(deltaX, deltaY, scrollX, scrollY,
scrollRangeX, scrollRangeY, maxOverScrollX, mMaxOverDistance,
isTouchEvent);
}
} 通过上面这个类也可以实现弹性效果二、仿朋友圈背景图片下拉
public class ScrollDampView extends ScrollView {
/** 该属性具体参数 怎么控制 未解!!!! */
private static final int LEN = 0xc8;
/** 回弹时所用的时间 */
private static final int DURATION = 200;
/** 最大Y坐标 其值一般设定为Scroller对应控件的高度 */
private static final int MAX_DY = 200;
private Scroller mScroller;
/** 阻尼系数 */
private static final float OFFSET_RADIO = 2.5f;
private float startY;
private int imageViewH;
private ImageView imageView;
private boolean scrollerType;
public ScrollDampView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
}
public ScrollDampView(Context context, AttributeSet attrs) {
super(context, attrs);
mScroller = new Scroller(context);
}
public ScrollDampView(Context context) {
super(context);
}
public void setImageView(ImageView imageView) {
this.imageView = imageView;
}
float curY;
@Override
public boolean dispatchTouchEvent(MotionEvent event) {
int action = event.getAction();
if (!mScroller.isFinished()) {
return super.onTouchEvent(event);
}
switch (action) {
case MotionEvent.ACTION_DOWN:// 变量赋初始值
imageViewH = imageView.getHeight();
startY = event.getY();
break;
case MotionEvent.ACTION_MOVE:
if (imageView.isShown()) {
float deltaY = (event.getY() - startY ) / OFFSET_RADIO;
Log.i("syso", "deltaY: "+deltaY+" imageTop: "+imageView.getTop());
//往下拉
if (deltaY > 0 && deltaY <= imageView.getBottom() + LEN) {
android.view.ViewGroup.LayoutParams params = imageView.getLayoutParams();
params.height = (int) (imageViewH + deltaY);// 改变高度
imageView.setLayoutParams(params);
}
scrollerType = false;
}
break;
case MotionEvent.ACTION_UP:
scrollerType = true;
// 开始一个动画控制,由(startX , startY)在duration时间内前进(dx,dy)个单位
// ,即到达坐标为(startX+dx , startY+dy)处
mScroller.startScroll(imageView.getLeft(), imageView.getBottom(),
0 - imageView.getLeft(),
imageViewH - imageView.getBottom(), DURATION);
invalidate();
break;
}
return super.dispatchTouchEvent(event);
}
// //该mScroller针对于imageView的变化
// 被父视图调用,用于必要时候对其子视图的值(mScrollX和mScrollY)
// 进行更新。典型的情况如:父视图中某个子视图使用一个Scroller对象来实现滚动操作,会使得此方法被调用。
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
int x = mScroller.getCurrX();
int y = mScroller.getCurrY();// ImageView的当前Y坐标
imageView.layout(0, 0, x + imageView.getWidth(), y);// 使imageView本身做相应变化
invalidate();
// 滑动还未完成时,手指抬起时,当前y坐标大于其实imageView的高度时
// 设定imageView的布局参数 作用:使除imageView之外的控件做相应变化
if (!mScroller.isFinished() && scrollerType && y > MAX_DY) {
android.view.ViewGroup.LayoutParams params = imageView
.getLayoutParams();
params.height = y;
imageView.setLayoutParams(params);
}
}
}
}
<com.example.dampview.ScrollDampView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dampview"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<!--此处必须设置imageview的scaleType为centerCrop,当然在代码中设置也可以-->
<ImageView
android:id="@+id/img"
android:layout_width="match_parent"
android:layout_height="160dp"
android:scaleType="centerCrop"
android:src="@drawable/image" />
<ImageView
android:id="@+id/iv_photo"
android:layout_width="64dp"
android:layout_height="64dp"
android:layout_marginTop="-32dp"
android:src="@drawable/ic_launcher"
/>
</LinearLayout>
</com.example.dampview.ScrollDampView>Android自定义控件——有弹性的ListView,ScrollView
标签:
原文地址:http://www.cnblogs.com/lbangel/p/4335879.html