关闭

View的滑动

标签: view滑动android
118人阅读 评论(0) 收藏 举报
分类:

scrollBy与scrollTo

在view中都有scrollBy和scrollTo的两个方法,所以所有的view控件都是可以实现滚动的,

 /**
     * 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);
    }
scrollBy是让当前的这个View在当前的位置上向某个方向移动(基于当前位置向某个方向移动多少),而scrollTo是移动到一个确切的目的地


这里涉及两个变量mScrollX和mScrollY,mScrollX的意思就是view的内容的左边缘与view的左边缘的水平距离,单位为px,而mScrollY就是view内容的上边缘与View的上边缘的距离


可以通过getScrollX 和getScrollY得到,默认是0

这里说的View的滑动,指的是view内容的滑动,view的位置是不会改变的

看例子:

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;

public class MainActivity extends AppCompatActivity {

    private Button mScrollTo;
    private Button mScrollBy;
    private LinearLayout root;

    private static final String TAG = "MainActivity";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mScrollTo = (Button) this.findViewById(R.id.scrollToBut);
        mScrollBy = (Button) this.findViewById(R.id.scrollByBut);
        root = (LinearLayout) this.findViewById(R.id.root);

        mScrollBy.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                root.scrollBy(-60, -100);
            }
        });

        mScrollTo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                root.scrollTo(-60, -100);
            }
        });


    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/root"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.jinxiong.scroller1.MainActivity">

    <Button
        android:id="@+id/scrollToBut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="scrollToBut"
        />

    <Button
        android:id="@+id/scrollByBut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="scrollByBut"/>
</LinearLayout>


这里涉及到一个就是它滑动的方向问题,跟view的位置坐标相反

(view的位置坐标)

而它滑动的方向刚刚相反,上图中的+变为-

使用动画

使用动画滑动view 实际上改变的是view 的translationX 和translationY的值,可以使用view动画(补间动画),还可以使用属性动画

 super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView textView = (TextView) this.findViewById(R.id.textView);

        textView.startAnimation(AnimationUtils.loadAnimation(this, R.anim.test));

//        TranslateAnimation animation = new TranslateAnimation(0, 0, 0, 100);
//        animation.setDuration(5000);
//        textView.startAnimation(animation);
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "click" + textView.getTranslationY(), Toast.LENGTH_SHORT).show();
            }
        });
//        ObjectAnimator.ofFloat(textView, "translationY", 0, 100).start();

    }
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
     android:duration="5000"
    >
    <translate
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="0"
        android:toYDelta="100"/>
</set>


如果想要动画停止之后留在动画的最后一个位置的话
     android:fillAfter="true"
把这个设为true,其实补间(view)动画并没有真正的改变这个view的布局,也就是说这个view的真正位置还是在动画开始那个地方,view动画操作的是这个view的影像

上面为列子,当你加上fillAfter = true 之后,动画结束之后你点击你所看到的textView的位置,是不会有Toast出现的,当你点击textView的最开始的地方,就会有Toast出现

Toast显示这个view的translationX和Y是为0,所以并没有改变view的真正布局


当然你可以是有属性动画,

ObjectAnimator.ofFloat(textView, "translationY", 0, 100).start();
这个就可以解决这个问题,因为这个属性动画是通过改变view的translationX和Y的值的


改变布局的参数

就是改变LayoutParams的值,比如书我想把view向左移动100px 那么就可以使marginLeft + 100

 super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final TextView textView = (TextView) this.findViewById(R.id.textView);

        final ViewGroup.MarginLayoutParams marginLayoutParams = (ViewGroup.MarginLayoutParams) textView.getLayoutParams();
        
        textView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "click" + textView.getTranslationY(), Toast.LENGTH_SHORT).show();
                marginLayoutParams.leftMargin += 100;
                textView.requestLayout();
            }
        });
    }

比较

scrollTo/scrollBy:

方便的实现滑动的效果,不会影响view内部元素的点击事件,缺点:它只是滑动view的内容,而并非滑动view本身

动画

view动画的缺点是不是真正的去改变view的布局,属性动画就没有这个缺点,实际使用中,动画适用在那些不需要交互的view上面比较好,并且比较炫酷的效果都是动画实现的

改变布局参数

使用稍微麻烦,没什么了,常用在那些需要交互的view上面


下面有个例子,可以拖动整个view,在屏幕上随意滑动



 super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        RelativeLayout relativeLayout = (RelativeLayout) this.findViewById(R.id.root);


        relativeLayout.setOnTouchListener(new View.OnTouchListener() {
            int mLastX;
            int mLastY;

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN: {
                        mLastX = (int) event.getRawX();
                        mLastY = (int) event.getRawY();
                        break;
                    }
                    case MotionEvent.ACTION_UP: {
                        int x = (int) event.getRawX();
                        int y = (int) event.getRawY();
                        v.setTranslationX(v.getTranslationX() + x - mLastX);
                        v.setTranslationY(v.getTranslationY() + y - mLastY);
                        break;
                    }
                }
                return true;
            }
        });

通过平移这个view 达到这个效果







0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:8345次
    • 积分:273
    • 等级:
    • 排名:千里之外
    • 原创:19篇
    • 转载:3篇
    • 译文:0篇
    • 评论:0条
    文章分类