上一次我们试验了有弹性的ScrollView。详情

这一次,我们来试验有弹性的ScrollView。

国际惯例,效果图:

主要代码:

  1. import android.content.Context;
  2. import android.graphics.Rect;
  3. import android.util.AttributeSet;
  4. import android.view.MotionEvent;
  5. import android.view.animation.Animation;
  6. import android.view.animation.Animation.AnimationListener;
  7. import android.view.animation.TranslateAnimation;
  8. import android.widget.AbsListView;
  9. import android.widget.ListView;
  10. /**
  11. * ElasticScrollView有弹性的ListView
  12. */
  13. public class ElasticListView extends ListView {
  14. private float y;
  15. private Rect normal = new Rect();
  16. private boolean animationFinish = true;
  17. public ElasticListView(Context context) {
  18. super(context);
  19. init();
  20. }
  21. public ElasticListView(Context context, AttributeSet attrs) {
  22. super(context, attrs);
  23. init();
  24. }
  25. protected void onScrollChanged(int l, int t, int oldl, int oldt) {
  26. }
  27. boolean overScrolled = false;
  28. private void init() {
  29. setOnScrollListener(new OnScrollListener() {
  30. @Override
  31. public void onScrollStateChanged(AbsListView view, int scrollState) {
  32. }
  33. @Override
  34. public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  35. overScrolled = false;
  36. }
  37. });
  38. }
  39. @Override
  40. protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
  41. overScrolled = true;
  42. }
  43. @Override
  44. public boolean onTouchEvent(MotionEvent ev) {
  45. commOnTouchEvent(ev);
  46. return super.onTouchEvent(ev);
  47. }
  48. public void commOnTouchEvent(MotionEvent ev) {
  49. if (animationFinish) {
  50. int action = ev.getAction();
  51. switch (action) {
  52. case MotionEvent.ACTION_DOWN:
  53. y = ev.getY();
  54. break;
  55. case MotionEvent.ACTION_UP:
  56. y = 0;
  57. if (isNeedAnimation()) {
  58. animation();
  59. }
  60. break;
  61. case MotionEvent.ACTION_MOVE:
  62. final float preY = y == 0 ? ev.getY() : y;
  63. float nowY = ev.getY();
  64. int deltaY = (int) (preY - nowY);
  65. y = nowY;
  66. // 当滚动到最上或者最下时就不会再滚动,这时移动布局
  67. if (isNeedMove(deltaY)) {
  68. if (normal.isEmpty()) {
  69. // 保存正常的布局位置
  70. normal.set(getLeft(), getTop(), getRight(), getBottom());
  71. }
  72. // 移动布局
  73. layout(getLeft(), getTop() - deltaY / 2, getRight(), getBottom() - deltaY / 2);
  74. }
  75. break;
  76. default:
  77. break;
  78. }
  79. }
  80. }
  81. // 开启动画移动
  82. public void animation() {
  83. // 开启移动动画
  84. TranslateAnimation ta = new TranslateAnimation(0, 0, 0, normal.top - getTop());
  85. ta.setDuration(200);
  86. ta.setAnimationListener(new AnimationListener() {
  87. @Override
  88. public void onAnimationStart(Animation animation) {
  89. animationFinish = false;
  90. }
  91. @Override
  92. public void onAnimationRepeat(Animation animation) {
  93. }
  94. @Override
  95. public void onAnimationEnd(Animation animation) {
  96. clearAnimation();
  97. // 设置回到正常的布局位置
  98. layout(normal.left, normal.top, normal.right, normal.bottom);
  99. normal.setEmpty();
  100. animationFinish = true;
  101. }
  102. });
  103. startAnimation(ta);
  104. }
  105. // 是否需要开启动画
  106. public boolean isNeedAnimation() {
  107. return !normal.isEmpty();
  108. }
  109. // 是否需要移动布局
  110. public boolean isNeedMove(float deltaY) {
  111. if (overScrolled && getChildCount() > 0) {
  112. if (getLastVisiblePosition() == getCount() - 1 && deltaY > 0) {
  113. return true;
  114. }
  115. if (getFirstVisiblePosition() == 0 && deltaY < 0) {
  116. return true;
  117. }
  118. }
  119. return false;
  120. }
  121. }

测试代码:

  1. public class MainActivity extends Activity {
  2. ElasticListView listView;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. listView = (ElasticListView) findViewById(R.id.listview);
  8. String[] listValues = new String[20];
  9. for (int i=0;i<listValues.length;i++) {
  10. listValues[i] = "TextView" + i;
  11. }
  12. listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listValues));
  13. }
  14. }
    1. public class MainActivity extends Activity {
    2. ElasticListView listView;
    3. @Override
    4. protected void onCreate(Bundle savedInstanceState) {
    5. super.onCreate(savedInstanceState);
    6. setContentView(R.layout.activity_main);
    7. listView = (ElasticListView) findViewById(R.id.listview);
    8. String[] listValues = new String[20];
    9. for (int i=0;i<listValues.length;i++) {
    10. listValues[i] = "TextView" + i;
    11. }
    12. listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listValues));
    13. }
    14. }

Android自定义控件(三)——有弹性的ListView的更多相关文章

  1. 老猪带你玩转android自定义控件二——自定义索引栏listview

    带索引栏的listview,在android开发非常普遍,方便用户进行字母索引,就像微信通讯录这样: 今天,我们就从零到一实现这个具有索引栏的listview. 怎么实现这个控件了,我们应当梳理出一个 ...

  2. 玩转android自定义控件二——自定义索引栏listview

    带索引栏的listview,在android开发非常普遍,方便用户进行字母索引,就像微信通讯录这样: 今天,我们就从零到一实现这个具有索引栏的listview. 怎么实现这个控件了,我们应当梳理出一个 ...

  3. Android自定义控件三种方式

    1.组合原生控件(继承自ViewGroup.LinearLayout.FrameLayout.RelativeLayout等)   将原生空间做组合,自定义一些事件 2.自己绘制控件(继承自View) ...

  4. android自定义控件(三) 自定义属性

    书接上回 在xml里建立属性,然后java代码里用typedArray获得这些属性,得到属性后,利用属性做一些事.例:得到xml里的color,赋给paint. 1.在res/values/下新建at ...

  5. android自定义控件(三) 增加内容 自定义属性 format详解

    转自 http://www.gisall.com/html/35/160435-5369.html 1. reference:参考某一资源ID. (1)属性定义: <declare-stylea ...

  6. 【转】Android自定义控件(三)——有弹性的ListView

    原文地址:http://blog.csdn.net/a105865708/article/details/17959459 上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性 ...

  7. Android自定义控件——有弹性的ListView,ScrollView

    上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性的ScrollView. 国际惯例,效果图: 主要代码: [java] view plaincopy import andr ...

  8. Android自定义控件(四)——让每一个Activity UI都具有弹性

    前面我们已经介绍了如何让你的ScrollView,ListView具有弹性, 今天,我们在前面的基础上,做一下适当的修改,让那些既不是ScrollView,也不是ListView的Activity页面 ...

  9. Android自定义控件之自定义组合控件(三)

    前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理(一).自定义属性Android自定义控件之自定义属性(二).今天重点介绍一下如何通过自定义组合控件来提高布局的复用,降低开发 ...

随机推荐

  1. ubuntu server 14.04.4 无线网卡没有启用,找不到wlan0端口

    Ubuntu Server默认的情况下是不会启用无线网卡的,想想实际服务器上怎么可能有无线网卡呢,呵呵.所以我们需要手动来启用无线网卡,难点就在这里了. 使用ifconfig命令,发现没有wlan口, ...

  2. (五)《Java编程思想》——final关键字

    可能使用final的三种情况:数据.方法.类. 1.final数据 final 常量必须是基本类型数据,且在定义时须赋值: 一个既是static又是final的域只占据一段不能改变的存储空间,只有一份 ...

  3. NHIBERNATE之映射文件配置说明(转载4)

    二十.自定义值类型   开发者创建属于他们自己的值类型也是很容易的.比如说,你可能希望持久化Int64类型的属性, 持久化成为VARCHAR 字段.NHibernate没有内置这样一种类型.自定义类型 ...

  4. oracle开机自启动-超简单

    1. 在/etc/oratab中作如下修改$ORACLE_SID:$ORACLE_HOME:Y例如vi /etc/orataborcl:/u01/app/oracle/product/10.2.0/d ...

  5. 你好,C++(6)2.3 C++兵器谱

    2.3  C++兵器谱 正所谓“工欲善其事,必先利其器”,而要想做好C++程序设计,自然也离不开几件像样的兵器.下面我们就来看看C++兵器谱上有哪些神兵利器值得我们学习掌握.排在兵器谱上首要位置的就是 ...

  6. DOM 之Range(范围)

    -------<javascript高级程序设计>  12.4 范围  笔记------- DOM2级在Document类型中定义了createRange()方法,在兼容DOM的浏览器中, ...

  7. Edusoho 的 Arale validator使用说明

    1.js控制器文件开端 var Validator = require('bootstrap.validator'); require('common/validator-rules').inject ...

  8. CSS3控制元素排列

    需求: 将改变为. 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset=& ...

  9. (翻译玩)在使用flask-script的应用上使用gunicorn

    在使用flask-script的应用上使用gunicorn 两周前,我强烈的想要学习一点新知识,像新的语言,新的框架之类的!好让我的大脑忙碌起来,寻找了一些日子后,我决定学习现在越来越流行的云应用平台 ...

  10. 工程和界面—Webstorm入门指南 Webstorm中的工程-备

    1.新建工程 “Quick Start”界面新建工程: 也可以点击顶部菜单栏“File”-> “New Project”. 弹出如下界面: “Location”指向想要创建的工程目录(如果该目录 ...