转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/28441197

如今非常多APP都给ScrollView加入了反弹效果。QQ、小米私密短信等。恰好在网上看到一个类:BounceScrollView ,

原创地址是:http://blog.csdn.net/h7870181/article/details/8960430 。 可惜作者没有提供一个效果图。于是我发现小米短信列表页往下拉。有反弹效果,且拉到1/3以上时,会打开私密短信列表。小米的用户能够试试。

我在作者BounceScrollView 类的基础上改动了一下。写了一个样例,给大家分享下。

效果图:(模拟器的效果不佳,凑合能够看出来效果)

1、首先是布局文件:

<RelativeLayout 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"
> <com.example.zhy_bouncescrollview02.BounceScrollView
android:background="@drawable/shakehideimg_man"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/id_scrollView" > <com.example.zhy_bouncescrollview02.MyListView
android:background="#fff"
android:id="@+id/id_listView"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
</com.example.zhy_bouncescrollview02.MyListView>
</com.example.zhy_bouncescrollview02.BounceScrollView> </RelativeLayout>

一个自己定义的ScrollView内部包括着一个自己定义的ListView,自己定义ScrollView是为了加入反弹效果,自己定义ListView是为了解决ScrollView和ListView嵌套产生的问题。

2、BounceScrollView

package com.example.zhy_bouncescrollview02;

import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.ScrollView; /**
* 支持上下反弹效果的ScrollView
*
* @author zhy
*
*/
public class BounceScrollView extends ScrollView
{ private boolean isCalled ; private Callback mCallback; /**
* 包括的View
*/
private View mView;
/**
* 存储正常时的位置
*/
private Rect mRect = new Rect(); /**
* y坐标
*/
private int y; private boolean isFirst = true; public BounceScrollView(Context context, AttributeSet attrs)
{
super(context, attrs);
} /***
* 依据 XML 生成视图工作完毕.该函数在生成视图的最后调用,在全部子视图加入完之后. 即使子类覆盖了 onFinishInflate
* 方法。也应该调用父类的方法,使该方法得以运行.
*/
@Override
protected void onFinishInflate()
{
if (getChildCount() > 0)
mView = getChildAt(0);
super.onFinishInflate();
} @Override
public boolean onTouchEvent(MotionEvent ev)
{
if (mView != null)
{
commonOnTouch(ev);
} return super.onTouchEvent(ev);
} private void commonOnTouch(MotionEvent ev)
{
int action = ev.getAction();
int cy = (int) ev.getY();
switch (action)
{
case MotionEvent.ACTION_DOWN:
break;
/**
* 尾随手指移动
*/
case MotionEvent.ACTION_MOVE: int dy = cy - y;
if (isFirst)
{
dy = 0;
isFirst = false;
}
y = cy; if (isNeedMove())
{
if (mRect.isEmpty())
{
/**
* 记录移动前的位置
*/
mRect.set(mView.getLeft(), mView.getTop(),
mView.getRight(), mView.getBottom());
} mView.layout(mView.getLeft(), mView.getTop() + 2 * dy / 3,
mView.getRight(), mView.getBottom() + 2 * dy / 3); if (shouldCallBack(dy))
{
if (mCallback != null)
{
if(!isCalled)
{
isCalled = true ;
resetPosition();
mCallback.callback(); }
}
}
} break;
/**
* 反弹回去
*/
case MotionEvent.ACTION_UP:
if (!mRect.isEmpty())
{
resetPosition();
}
break; }
} /**
* 当从上往下,移动距离达到一半时,回调接口
*
* @return
*/
private boolean shouldCallBack(int dy)
{ if (dy > 0 && mView.getTop() > getHeight() / 2)
return true;
return false;
} private void resetPosition()
{
Animation animation = new TranslateAnimation(0, 0, mView.getTop(),
mRect.top);
animation.setDuration(200);
animation.setFillAfter(true);
mView.startAnimation(animation);
mView.layout(mRect.left, mRect.top, mRect.right, mRect.bottom);
mRect.setEmpty();
isFirst = true;
isCalled = false ;
} /***
* 是否须要移动布局 inner.getMeasuredHeight():获取的是控件的总高度
*
* getHeight():获取的是屏幕的高度
*
* @return
*/
public boolean isNeedMove()
{
int offset = mView.getMeasuredHeight() - getHeight();
int scrollY = getScrollY();
// 0是顶部,后面那个是底部
if (scrollY == 0 || scrollY == offset)
{
return true;
}
return false;
} public void setCallBack(Callback callback)
{
mCallback = callback;
} interface Callback
{
void callback();
} }

主要就是监听onTouchEvent,当MOVE时,ScrollView中的控件尾随手指移动,UP时恢复原来的位置;当达到1/2时。会调用用户设置的回调,细节就自己看代码了。

3、MyListView

package com.example.zhy_bouncescrollview02;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView; /**
* 解决ScrollView与ListView的嵌套问题
* @author zhy
*
*/
public class MyListView extends ListView
{ public MyListView(Context context, AttributeSet attrs)
{
super(context, attrs);
} public MyListView(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
} public MyListView(Context context)
{
super(context);
} @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{ /**
* 解决ScrollView与ListView的嵌套问题
*/
int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
MeasureSpec.AT_MOST); super.onMeasure(widthMeasureSpec, expandSpec);
} }

4、主Activity

package com.example.zhy_bouncescrollview02;

import java.util.ArrayList;
import java.util.Arrays; import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast; import com.example.zhy_bouncescrollview02.BounceScrollView.Callback; public class MainActivity extends Activity
{ private ListView mListView;
private BounceScrollView mScrollView; @Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mScrollView = (BounceScrollView) findViewById(R.id.id_scrollView);
mScrollView.setCallBack(new Callback()
{ @Override
public void callback()
{
Toast.makeText(MainActivity.this, "you can do something!", 0)
.show();
Intent intent = new Intent(MainActivity.this,
SecondActivity.class);
startActivity(intent);
overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
}
});
mListView = (ListView) findViewById(R.id.id_listView);
mListView.setAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, new ArrayList<String>(
Arrays.asList("Hello", "World", "Welcome", "Java",
"Android", "Lucene", "C++", "C#", "HTML",
"Welcome", "Java", "Android", "Lucene", "C++",
"C#", "HTML"))));
} }

MainActivity代码也非常easy,初始化两个控件,设置了下ScrollView的Callback。

好了,好几天没写代码了。就这样吧。

源代码点击下载

ScrollView反弹效果 仿小米私密短信效果的更多相关文章

  1. jQ效果:jQuery之插件开发短信发送倒计时功能

    实现的主要功能如下: 1.点击按钮的时候,可以进行倒计时,倒计时自定义. 2.当接收短信失败后,倒计时停止,可点击重新发送短信. 3.点击的元素支持一般标签和input标签. html代码: < ...

  2. discuz! 设置私密论坛版块的方法

    Discuz!的强大功能不用细说, 话说对于有一部分需要设置具有一定访问权限的用户才能浏览的版块内容的话. 可能很多朋友不太清楚, 为了解决这个问题, 第一步以管理员的身份登陆, 然后 论坛-> ...

  3. android sim 卡短信读写

    因为对短信读写操作的api 被隐藏了 , 我们须要使用<Java反射机制的学习>一文中提到的反射的方法得到隐藏API . 这有一个用例大家能够下载http://zhushou.360.cn ...

  4. Android收发短信

    效果:点击发送短信开始发送短信 收到短信时将短信的内容显示出来 代码如下: 一.权限声明 <uses-permission android:name="android.permissi ...

  5. java实现发短信功能---腾讯云短信

    目录 java实现发短信功能 前言 开发环境 腾讯云 ---短信 代码 效果 结束语 java实现发短信功能 前言 如今发短信功能已经成为互联网公司的标配,本篇文章将一步步实现java发送短信 考察了 ...

  6. ScrollView反弹效果的实现

    发现非常多APP的界面都能够滑动,QQ.微信等等,自己琢磨了下.效果例如以下: 代码:ScrollView package com.wsj.wsjdemo; import android.conten ...

  7. uni-app仿抖音APP短视频+直播+聊天实例|uniapp全屏滑动小视频+直播

    基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive. uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目.支持全屏丝滑般上 ...

  8. iOS仿支付宝首页的刷新布局效果

    代码地址如下:http://www.demodashi.com/demo/12753.html XYAlipayRefreshDemo 运行效果 动画效果分析 1.UI需要变动,向上滑动的时候,顶部部 ...

  9. 【Github】 Github访问不是私密连接问题

    前言 GitHub是一个软件项目的托管平台,是我们经常需要访问的,我原本在学校时候虽然网速比较慢,但是还以能够满足一些代码下载和上传的,在暑假回到家,再去访问的时候就出现了不能访问的问题. 问题描述 ...

随机推荐

  1. Mac OS X 10.9 编译C++11

    Notice: How to compile C++ with C++ 11 support in Mac Terminal stackoverflow上面的问题 其实mac里面的不是g++而是cla ...

  2. 面试java简答题

    1.  sleep() 和 wait() 有什么区别? 答:1.这两个方法来自不同的类分别是Thread和Object      2.最主要是sleep方法没有释放锁,而wait方法释放了锁,使得其他 ...

  3. 二叉树单色路径最长&amp;&amp;穿珠子

    对树的操作,特别理解递归的好处. //对于一棵由黑白点组成的二叉树,我们需要找到其中最长的单色简单路径,其中简单路径的定义是从树上的某点开始沿树边走不重复的点到树上的 //另一点结束而形成的路径,而路 ...

  4. 一款APP从设计稿到切图过程全方位揭秘 Mark

    纯干货!一款APP从设计稿到切图过程全方位揭秘   @BAT_LCK:我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不 ...

  5. TopFreeTheme精选免费模板【20130701.特别版】

    今天我们整理了16款WordPress和Joomla的最新主题.它们都是来自Themeforest,RocketTheme,YooTheme以及TemPlaza的高质量主题,赶快收藏起来吧. Este ...

  6. Windows Azure存储容器私有,公共容器,公共Blob的区别

    当我们在Windows Azure中创建或编辑存储的容器时,需要选择访问类型,本文将描述一下这三个选项的区别. 1. 私有: 默认选项,顾名思义,用户不能通过URL匿名进行访问容器或容器内的任何Blo ...

  7. 代理模式(proxy)

    1.代理模式 代理模式的作用是:为其他对象提供一种代理以控制对这个对象的访问. 在某些情况下,一个客户不想或者不能直接引用另一个对象,而代理对象可以在客户端和目标对象之间起到中介的作用. 代理模式一般 ...

  8. table表格的属性

    border="1"----边框 cellpadding="10%"----单元边缘与其内容之间的空白距离 cellspacing="10%" ...

  9. Angular 中得 scope 作用域梳理

    $scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 ...

  10. AFNetworking 与 NSURLSession

    转载自:http://blog.sina.com.cn/s/blog_8157560c0101kt7h.html 1. 也就是说在IOS 7.1 之后你想用网络请求的话有两种途径,NSUrlSessi ...