Android上实现仿IOS弹性ScrollView

  次阅读 作者:智能小宝 来源:互联网 2015-10-03 10:53 我要评论(0)

前言

IOS的UI和用户体验是它的优势, 与IOS相比, Android的UI和用户体验可能要差一些。 虽然Android版本已经到了4.4, 对系统的各个方法进行了大量实质性的优化, 但他的显示效果和交互体验依然不及IOS。 例如IOS上的很多控件都是带弹性的, 也就是拖拽一个控件到了该控件的边界, 但是控件依然可以随着手指的移动而移动一段距离。 这样的话, 给用户的感觉就不那么生硬,能在一定程度上提升用户体验。现在有很多Android App都采用了这中弹性控件,例如最常见的QQ,

多个界面都采用了弹性ScrollView。 我不知道腾讯是如何实现的, 在本文中我会给出自己的实现方式。

我之前的文章 Android上实现仿IOS弹性ListView , 在Android上实现了弹性的ListView, 主要的实现原理是为该ListView增加一个初始高度为0的HeaderView,

如果滚动到第一个条目的位置,用户依然向下拖拽, 那么就增加HeaderView的高度,实现拉伸效果,当用户松开手指, 就将HeaderView的高度组件递减到0, 实现回弹效果。感兴趣的同学可以看一下实现细节, 文章的链接已经在上面给出。

弹性ScrollView的实现

本文讨论弹性ScrollView的实现。弹性ScrollView实现原理和ListView不同, 因为ScrollView只能有一个子View,

不能为他添加额外的HeaderView。 弹性ScrollView的实现原理是移动这个唯一的子View的布局。下面首先给出所有的实现代码, 再对实现中的几个关键点进行说明。 (实现原理比较简单, 代码逻辑也不是很复杂, 代码比较少)

import android.content.Context;

import android.graphics.Rect;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

import android.view.animation.TranslateAnimation;

import android.widget.ScrollView;

/**

* 有弹性的ScrollView

* 实现下拉弹回和上拉弹回

* @author zhangjg

* @date Feb 13, 2014 6:11:33 PM

*/

public class ReboundScrollView extends ScrollView {

private static final String TAG = "ElasticScrollView";

//移动因子, 是一个百分比, 比如手指移动了100px, 那么View就只移动50px

//目的是达到一个延迟的效果

private static final float MOVE_FACTOR = 0.5f;

//松开手指后, 界面回到正常位置需要的动画时间

private static final int ANIM_TIME = 300;

//ScrollView的子View, 也是ScrollView的唯一一个子View

private View contentView;

//手指按下时的Y值, 用于在移动时计算移动距离

//如果按下时不能上拉和下拉, 会在手指移动时更新为当前手指的Y值

private float startY;

//用于记录正常的布局位置

private Rect originalRect = new Rect();

//手指按下时记录是否可以继续下拉

private boolean canPullDown = false;

//手指按下时记录是否可以继续上拉

private boolean canPullUp = false;

//在手指滑动的过程中记录是否移动了布局

private boolean isMoved = false;

public ReboundScrollView(Context context) {

super(context);

}

public ReboundScrollView(Context context, AttributeSet attrs) {

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...