【Android面试题】高级UI面试题——View的滑动方式

前小小
197 阅读5分钟

View的滑动方式

这道题想考察什么？

Android中经常看到一些炫酷的效果，这些效果很多伴随着View的滑动。我们想要做出这样的效果，掌握View的滑动方式必不可少。

考察的知识点

View的滑动方式的概念在项目中使用及相关基本原理的理解。

考生应该如何回答

我们在使用View的过程中，经常需要实现View的滑动效果。比如ListView、跟随手指而移动的自定义View等等，前者的滑动效果是SDK为我们提供的，而对于我们自定义View的滑动效果就需要我们自己来实现，下面介绍四种滑动的方式，和大家一起共享一下。另外，在回答这个问题的时候，希望大家也去学习一下 View 的位置相关内容，View的坐标相关内容。

1、使用scrollTo/scrollBy

为了实现View滑动，Android专门提供了这两个方法让我们使用。这两个函数的区别是scrollBy提供的是基于当前位置的相对滑动，而scrollTo提供的是基于起始位置的绝对滑动。

需要注意的是实际的滑动方向与我们想当然的方向不同，这个问题与View的内部变量mScrollX和mScrollY的含义有关，scrollTo函数与scrollBy函数实际上就是对这两个变量做出修改。

mScrollX：View的左边缘坐标减去View内容的左边缘坐标。

mScrollY：View的上边缘坐标减去View内容的上边缘坐标。

另外一个需要注意的地方是超出View边缘范围的内容是不会显示的。

img

2、使用动画

动画的方式主要是操作View的translationX与translationY属性。可以使用XML文件自定义动画效果也可以使用属性动画实现。

2.1、自定义动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true">
    <translate
        android:duration="100"
        android:fromXDelta="0"
        android:fromYDelta="0"
        android:toXDelta="100"
        android:toYDelta="0"
        android:interpolator="@android:anim/linear_interpolator"/>
</set>

View view = findViewById(R.id.target_view);
Animation animation = AnimationUtils.loadAnimation(context, R.anim.target_animation);
view.startAnimation(animation);

注意在XML文件中有一个fillAfter属性，如果设置为false的话当动画结束时View会恢复到原来的位置。

2.2、属性动画

View view = findViewById(R.id.target_view);
ObjectAnimator.ofFloat(view, "translationX", 0, 100)
    .setDuration(100)
    .start();

使用动画来实现View的滑动思想：主要通过改变View的translationX和translationY参数来实现，使用动画的好处在于滑动效果是平滑的。

3、改变布局参数

第三种方法是改变View的LayoutParams，与之前的方法相比，这种方法显得不是很正统，但是也可以实现我们的需求。举个例子，假如我们想把一个View右移10dp，那么最简单的方式就是把它LayoutParams里的marginLeft参数的值增加10dp。但这种方法要根据View所在的父布局灵活调整，在一些情况下改变margin值并不能改变View的位置。

View view = findViewById(R.id.target_view);
ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) view .getLayoutParams();
params.leftMargin += 10;
mTargetTextView.setLayoutParams(params);

还有一个相似的方法，但可用性要好一些，那就是调用View的layout方法，直接修改View相对于父布局的位置。

int offsetX = 10;
View view = findViewById(R.id.target_view);
view.layout(mTargetTextView.getLeft() + offsetX,
            view.getTop(),
            view.getRight() + offsetX,
            view.getBottom());

通过改变布局参数来实现View的滑动的思想很简单：比如向右移动一个View，只需要把它的marginLeft参数增大，向其它方向移动同理，只需改变相应的margin参数；还有一种比较拐弯抹角的方法是在要移动的View的旁边预先放一个View（初始宽高设为0），然后比如我们要向右移动View，只需把预先放置的那个View的宽度增大，这样就把View“挤”到右边了。

4、使用Scroller实现渐进式滑动

上边提到的滑动方式有一个共同的缺点那是他们都不是渐进式的滑动。实现渐进式滑动的共同思想就是将一个滑动行为分解为若干个，在一段时间内按顺序完成。

这里介绍使用Scroller类的实现方式。

public class ScrollerTextView extends TextView {

    private Scroller mScroller;

    public ScrollerTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context);
    }

    public void smoothScrollBy(int dx, int dy) {
        int scrollX = getScrollX();
        int scrollY = getScrollY();
        mScroller.startScroll(scrollX, scrollY, dx, dy);
        invalidate();
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()) {
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            invalidate();
        }
    }
}

大概了解下Scroller实现弹性滑动的原理：invaldate方法会导致View的draw方法被调用，而draw会调用computeScroll方法，因此重写了computeScroll方法，而computeScrollOffset方法会根据时间的流逝动态的计算出很小的一段时间应该滑动多少距离。也就是把一次滑动拆分成无数次小距离滑动从而实现“弹性滑动”。

详细关注公众号：Android老皮
还能解锁  《Android十大板块文档》 ，让学习更贴近未来实战。已形成PDF版

内容如下：

1.Android车载应用开发系统学习指南（附项目实战）
2.Android Framework学习指南，助力成为系统级开发高手
3.2023最新Android中高级面试题汇总+解析，告别零offer
4.企业级Android音视频开发学习路线+项目实战（附源码）
5.Android Jetpack从入门到精通，构建高质量UI界面
6.Flutter技术解析与实战，跨平台首要之选
7.Kotlin从入门到实战，全方面提升架构基础
8.高级Android插件化与组件化（含实战教程和源码）
9.Android 性能优化实战+360°全方面性能调优
10.Android零基础入门到精通，高手进阶之路

avatar
文章
阅读
粉丝