关于View的ScrollTo, getScrollX 和 getScrollY

下载地址源代码

当利用 Scroller 去滑动屏幕或者扩展 ScrollView 的时候,总是会用到 getScrollX 和 getScrollY 去获取当前View 滑动到的位置,那么getScrollX() 和 getScrollY() 获取的究竟是什么呢? 

因为getScrollX 和 getScrollY 本质 上是一样的东西。以下仅仅说明一下getScrollX, 通常是在屏幕上面左右划动的时候会去获取这个值。

请看下图:

图上面,褐色的框,事实上就是我们眼睛看到的手机界面。就是一个窗体。

而绿色的长方体呢,就是一块能够左右拉动的幕布啦,事实上也就是我们要显示在窗体上面的内容,它事实上是能够非常大的,大到无限大,仅仅是没在窗体中间的,所以我们就看不到。

getScrollX 事实上获取的值,就是这块 幕布在窗体左边界时候的值了,而幕布上面哪个点是原点(00)呢?就是初始化时内容显示的位置。

所以当我们将幕布往右推动的时候,幕布在窗体左边界的值就会在0的左边(-100),而向左推动,则其值会是在0的右边(100)。

以下以一个实际样例来看一下。

我们在一个LinearLayout 里面定义了三个TextView 来显示 getScrollX() 的值,三个ImageView来显示图片都是指向同一张图片,布局例如以下:

<?xml version="1.0" encoding="utf-8"?

><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="#000000"    android:orientation="vertical" > <TextView        android:id="@+id/textView"        android:textColor="#FFFFFF"        android:textSize="16sp"        android:layout_height="wrap_content"         android:layout_width="match_parent"/>    <ImageView         android:id="@+id/scrollImageView"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/scroll_testing"        android:contentDescription="Testing Scrolling"/>    <TextView        android:id="@+id/textViewToRight"        android:textColor="#FFFFFF"        android:textSize="16sp"        android:layout_height="wrap_content"         android:layout_width="match_parent"/>    <ImageView         android:id="@+id/scrollImageViewToRight"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/scroll_testing"        android:contentDescription="Testing Scrolling"/>    <TextView        android:id="@+id/textViewToLeft"        android:textColor="#FFFFFF"        android:textSize="16sp"        android:layout_height="wrap_content"         android:layout_width="match_parent"/>    <ImageView         android:id="@+id/scrollImageViewToLeft"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/scroll_testing"        android:contentDescription="Testing Scrolling"/> </LinearLayout>

然后我们在Activity 中,分别对以下两张ImageView 进行 scrollTo 操作。然后获取其getScrollX()  的值,放到相应的TextView 上面,其代码例如以下:

public class ScrollActivity extends Activity{  protected void onCreate(Bundle savedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.scroll_layout); ImageView imageView = (ImageView) findViewById(R.id.scrollImageView); TextView textView = (TextView) findViewById(R.id.textView); textView.setText("getScrollX() = " + imageView.getScrollX()); ImageView imageViewToRight = (ImageView) findViewById(R.id.scrollImageViewToRight); imageViewToRight.scrollTo(-100, 0); TextView textViewToRight = (TextView) findViewById(R.id.textViewToRight); textViewToRight.setText("getScrollX() = " + imageViewToRight.getScrollX()); ImageView imageViewToLeft = (ImageView) findViewById(R.id.scrollImageViewToLeft); imageViewToLeft.scrollTo(100, 0); TextView textViewToLeft = (TextView) findViewById(R.id.textViewToLeft); textViewToLeft.setText("getScrollX() = " + imageViewToLeft.getScrollX()); }}

以下是执行后的效果

能够看到。正如上面所说的,向右滚动的时候。等于是把背后的幕布向右推动,使得没有内容的幕布(X < 0)显示出来而向左滚动,则是把幕左向左推动,让右边的内容(X > 0)移到窗体的左边缘上。

View上面还一个叫ScrollBy的函数,跟ScrollTo的差别在于。ScrollTo 是 到那个位置,ScrollBy 是经过这段位置,这个从英文的To 跟 By 来理解就非常easy了。

 下载地址源代码

posted on 2017-06-06 09:22  slgkaifa  阅读(157)  评论(0编辑  收藏  举报

导航