通过三种方式可以实现view的滑动:
- 通过View本身提供的
scrollTo
/scrollBy
方法 - 通过动画给View施加平移效果来实现滑动
- 通过改变View的LayoutParams使得View重新布局从而实现滑动
使用scrollTo
/scrollBy
View提供了scrollTo
/scrollBy
方法来实现滑动,这两个方法在源码中如下:
/**
* Set the scrolled position of your view. This will cause a call to
* {@link #onScrollChanged(int, int, int, int)} and the view will be
* invalidated.
* @param x the x position to scroll to
* @param y the y position to scroll to
*/
public void scrollTo(int x, int y) {
if (mScrollX != x || mScrollY != y) {
int oldX = mScrollX;
int oldY = mScrollY;
mScrollX = x;
mScrollY = y;
invalidateParentCaches();
onScrollChanged(mScrollX, mScrollY, oldX, oldY);
if (!awakenScrollBars()) {
postInvalidateOnAnimation();
}
}
}
/**
* Move the scrolled position of your view. This will cause a call to
* {@link #onScrollChanged(int, int, int, int)} and the view will be
* invalidated.
* @param x the amount of pixels to scroll by horizontally
* @param y the amount of pixels to scroll by vertically
*/
public void scrollBy(int x, int y) {
scrollTo(mScrollX + x, mScrollY + y);
}
源码的查看可以在androidStudio中写一下scrollTo
,点击跳转就可以了看到了。从源码中可以看到,scrollBy
实际上也是调用了scrollTo
方法。scrollBy
实现了基于当前位置的相对滑动,scrollTo
实现了基于所传递参数的绝对滑动。
View边缘 View的位置,由四个顶点组成
View内容边缘 View中的内容的边缘
在滑动过程中,mScrollX
的值总是等于View左边缘和View内容左边缘在水平方向的距离;mScrollY
的值总是等于View上边缘和View内容上边缘在竖直方向的距离。scrollTo
和scrollBy
只能改变View内容的位置,而不能改变View在布局中的位置。mScrollX
和mScrollY
的单位为像素。如果从左往右滑动,mScrollX为负值,从上往下滑动,mScrollY为负值。
使用动画
使用动画来移动View,主要是操作View的translationX
和translationY
属性,既可以采用传统的View动画,也可以采用属性动画。
采用View动画的代码如下,在100ms内,将一个View从原始位置向右下角移动100像素。动画文件放到anim文件夹下。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true"
android:zAdjustment="normal">
<translate
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="100"
android:toYDelta="100"
android:duration="100"
android:intepolator="@android:anim/linear_interpolator"
/>
</set>
android:intepolator
表示所使用的插值器,这里使用的是线性插值器,其他的效果可以参考如下链接。
View动画是对View的影像做操作,它并不能真正改变View的位置参数,如果希望动画后的状态得以保留,则需要将fillAfter
设置为true,否则动画完成后其动画结果会消失。
使用属性动画的代码实现水平方向平移100像素的效果
View view = new TextView(mContext);
ObjectAnimator.ofFloat(view,"translationX",0,100).setDuration(100).start();
改变布局参数
即改变LayoutParams。示例代码如下:
ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) mHello.getLayoutParams();
params.width += 100;
params.leftMargin += 100;
mHello.requestLayout();
//或者使用下面的方法
mHello.setLayoutParams(params);
各种滑动方式的对比
scrollTo
/scrollBy
是View
提供的原生方法,它可以比较方便的实现滑动并且不影响内部元素的点击事件。但是只能滑动View
的内容,不能移动View
本身。
动画,如果动画元素不需要响应用户的交互,那么使用动画来做滑动是比较合适的。但是一些复杂的效果必须要通过动画才能实现。
改变布局参数,主要适用对象是一些具有交互性的View
。
总结如下:
-
scrollTo
/scrollBy
:操作简单,适合对 View 内容的滑动; - 动画:操作简单,主要适用于没有交互的 View 和实现复杂的动画效果;
- 改变布局参数:操作稍微复杂,适用于有交互的 View 。
网友评论