zoukankan      html  css  js  c++  java
  • 关于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了。

     下载地址源代码

  • 相关阅读:
    原笔迹手写实现平滑和笔锋效果之:笔迹的平滑(二)
    区块链入门(4)Truffle创建项目,编译,及项目部署
    github的基本使用
    ES6新特性之傻瓜式说明
    webpack之傻瓜式教程及前端自动化入门
    查找树莓派ip地址的常用方法
    树莓派的无屏幕安装的教程
    采用QHD分辨率使用kinect2_calibration,完成QHD图像校正
    编译ORBSLAM2 build_ros.sh,实现kinect2在ROS环境下运行ORBSLAM2
    重写kinect2_viewer,编译高博kinect2在orbslam2上跑的程序(解决cmakefile中库依赖和头文件的问题)
  • 原文地址:https://www.cnblogs.com/slgkaifa/p/6949841.html
Copyright © 2011-2022 走看看