事实上,有非常多方法能够实现一个Layout的抽屉拉伸效果,最常常的方法就是自己定义一个ViewGroup,然后控制点击事件。控制移动之类的,这样的方法的代码量多,并且实现起来复杂,后期维护添加其它效果也非常麻烦,直到今天看到了 ViewDragHelper这个类,就是专门为实现View的移动而生的。我就试着开发了一个抽屉拉伸的效果,效果图例如以下:

全部移动的控制在ViewDragHelper.Callback里面来实现。移动就用dragHelper.smoothSlideViewTo来实现,并且Callback集成了很多的方法。方便后期的维护或者添加其它功能。

首先看下最核心的DragLayout的代码

public class DragLayout extends LinearLayout {
private ViewDragHelper dragHelper;
private View mDragView, contentView;
private int dragRange; public DragLayout(Context context) {
super(context);
init();
} public DragLayout(Context context, AttributeSet attrs) {
super(context, attrs);
init();
} @TargetApi(Build.VERSION_CODES.LOLLIPOP)
public DragLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
init();
} public DragLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
} private void init() {
dragHelper = ViewDragHelper.create(this, callback);
} @Override
protected void onFinishInflate() {
super.onFinishInflate();
mDragView = findViewById(R.id.dragView);
contentView = findViewById(R.id.contentView);
} private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
return child == mDragView;
} @Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { contentView.layout(0, top + mDragView.getHeight(), getWidth(), top + mDragView.getHeight() + dragRange);
} @Override
public int clampViewPositionVertical(View child, int top, int dy) {
int topBound = getHeight() - dragRange - mDragView.getHeight();
int bottomBound = getHeight() - mDragView.getHeight();
final int newHeight = Math.min(Math.max(topBound, top), bottomBound);
return newHeight;
} @Override
public int getViewVerticalDragRange(View child) {
return dragRange;
} @Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
if (yvel > 0) {
smoothToBottom();
}else if (yvel < 0) {
smoothToTop();
}
}
}; @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
dragRange = contentView.getMeasuredHeight();
} @Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
mDragView.layout(0, getHeight() - mDragView.getHeight(), getWidth(), getHeight());
contentView.layout(0, getHeight(), getWidth(), getHeight() + dragRange);
} @Override
public boolean onInterceptHoverEvent(MotionEvent event) {
final int action = MotionEventCompat.getActionMasked(event);
if (action == MotionEvent.ACTION_CANCEL || action == MotionEvent.ACTION_UP) {
dragHelper.cancel();
return false;
}
return dragHelper.shouldInterceptTouchEvent(event);
} @Override
public boolean onTouchEvent(MotionEvent event) {
dragHelper.processTouchEvent(event);
return true;
} private void smoothToTop() {
if (dragHelper.smoothSlideViewTo(mDragView, getPaddingLeft(), getHeight() - dragRange - mDragView.getHeight())) {
ViewCompat.postInvalidateOnAnimation(this);
}
} private void smoothToBottom() {
if (dragHelper.smoothSlideViewTo(mDragView, getPaddingLeft(), getHeight() - mDragView.getHeight())) {
ViewCompat.postInvalidateOnAnimation(this);
}
} @Override
public void computeScroll() {
if (dragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
} }

在这里面,初始化了ViewDragHelper

dragHelper = ViewDragHelper.create(this, callback);

设置垂直方向的移动距离,这里设置为listview的高度:

@Override

        public int clampViewPositionVertical(View child, int top, int dy) {

            int topBound = getHeight() - dragRange - mDragView.getHeight();

            int bottomBound = getHeight() - mDragView.getHeight();

            final int newHeight = Math.min(Math.max(topBound, top), bottomBound);

            return newHeight;

        }

监听位置的移动,移动listview。让他始终挨在DrawView的以下:

@Override
public void onViewPositionChanged(View changedView, int left, int top, int dx, int dy) { contentView.layout(0, top + mDragView.getHeight(), getWidth(), top + mDragView.getHeight() + dragRange);
}

在OnLayout里面又一次布局。隐藏listView:
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
super.onLayout(changed, l, t, r, b);
mDragView.layout(0, getHeight() - mDragView.getHeight(), getWidth(), getHeight());
contentView.layout(0, getHeight(), getWidth(), getHeight() + dragRange);
}

接下来是XML的布局:

<cn.xm.weidongjian.verticaldrawerlayout.DragLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"> <View
android:id="@+id/dragView"
android:layout_width="match_parent"
android:layout_height="80dp"
android:background="@android:color/holo_blue_light"/> <ListView
android:scrollbars="none"
android:id="@+id/contentView"
android:layout_width="match_parent"
android:layout_height="200dp"
android:background="@android:color/holo_green_light"/> </cn.xm.weidongjian.verticaldrawerlayout.DragLayout>

非常easy。自己定义的View里面放置两个View

最后的MainActivity:

public class MainActivity extends AppCompatActivity {
String[] listItems = {"item 1", "item 2 ", "list", "android", "item 3", "foobar", "bar", }; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ListView listView = (ListView) findViewById(R.id.contentView);
listView.setAdapter(new ArrayAdapter(this, android.R.layout.simple_list_item_1, listItems));
}
}

最后,这个Demo仅仅是实现一个非常easy的功能,只是大概能够看到ViewDragHelper的强大。强烈建议去了解下,这个是两个API的地址

ViewDraghelper

Callback

最后,附上源代码链接

Android开发:使用ViewDragHelper实现抽屉拉伸效果的更多相关文章

  1. Android开发:ImageView阴影和图层效果

    import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import  ...

  2. Android开发之自定义Spinner样式的效果实现(源代码实现)

    android系统自带的Spinner样式是远远满足不了我们实际开发过程中对Spinner UI风格的要求,因此我们肯定需要为了切合整个应用的风格,修改我们的Spinner样式.系统给我们提供了两种常 ...

  3. Android开发:带动画的分享效果

    这几天做了个带动画的分享页面.如今把它分享出来,假设你认为实用,请直接使用,避免反复造轮子 先看下效果图 认为仅仅是看效果图不明显.那么用手机扫描以下的二维码下载安装包:

  4. Android开发Activity全局切换的动画效果

    切换动画 slide_left_in.xml 从左边进 --> 退出的时候使用 <?xml version="1.0" encoding="utf-8&quo ...

  5. 50个Android开发人员必备UI效果源码[转载]

    50个Android开发人员必备UI效果源码[转载] http://blog.csdn.net/qq1059458376/article/details/8145497 Android 仿微信之主页面 ...

  6. [转载] 50个Android开发人员必备UI效果源码

    好东西,多学习! Android 仿微信之主页面实现篇Android 仿微信之界面导航篇Android 高仿QQ 好友分组列表Android 高仿QQ 界面滑动效果Android 高仿QQ 登陆界面A ...

  7. Android开发——为EditText添加烟花效果的实现

    )什么时候发射烟花:监听EditText的文字改变,获取文字数量的变化以确定风的方向,还有获取光标的位置确定爆炸的位置.光标的位置没有具体的方法确定坐标,要通过反射自己计算. 2.  主要实现类 库里 ...

  8. 《推送开发全面盘点当前Android后台保活方案的真实运行效果》

        登录 立即注册 TCP/IP详解 资讯 动态 社区 技术精选 首页   即时通讯网›专项技术区›推送开发全面盘点当前Android后台保活方案的真实运行效果(截止2 ...   帖子 打赏 分 ...

  9. Android开发:文本控件详解——TextView(二)文字跑马灯效果实现

    一.需要使用的属性: 1.android:ellipsize 作用:若文字过长,控制该控件如何显示. 对于同样的文字“Android开发:文本控件详解——TextView(二)文字跑马灯效果实现”,不 ...

随机推荐

  1. Eclipse中Git插件使用技巧:[5]还原文件

    如果修改了某个文件并未提交至本地库(add index),那么怎么还原呢?Git插件中并不像Svn插件直接提供有还原方式.其实无论是否提交至本地库或者远程库,还原操作的本质都是将文件的当前版本还原至之 ...

  2. PHP用socket连接SMTP服务器发送邮件

    PHP用socket连接SMTP服务器发送邮件 PHP用socket连接SMTP服务器发送邮件学习实验记录: 分析与SMTP会话的一般流程 1. HELO XXX \r\n //XXX就是自己起个名字 ...

  3. 84.setlocale

    用法示例 #include <Windows.h> #include <stdio.h> #include<locale.h> void main() { //se ...

  4. Redis的高级应用-事务处理、持久化、发布与订阅消息、虚拟内存使用

    三.事务处理 Redis的事务处理比较简单.只能保证client发起的事务中的命令可以连续的执行,而且不会插入其他的client命令,当一个client在连接 中发出multi命令时,这个连接就进入一 ...

  5. 展示C代码覆盖率的gcovr工具简单介绍及相关命令使用演示样例

    (本人正在參加2015博客之星评选,诚邀你来投票,谢谢:username=zhouzxi">http://vote.blog.csdn.net/blogstar2015/candida ...

  6. PyCharm下载主题以及个性化设置(详细)

    说明:该篇博客是博主一字一码编写的,实属不易,请尊重原创,谢谢大家! 一.下载主题 1.在http://www.themesmap.com/theme.html上选择自己喜欢的主题点进去后进行下载. ...

  7. 微服务实战(三):深入微服务架构的进程间通信 - DockOne.io

    原文:微服务实战(三):深入微服务架构的进程间通信 - DockOne.io [编者的话]这是采用微服务架构创建自己应用系列第三篇文章.第一篇介绍了微服务架构模式,和单体式模式进行了比较,并且讨论了使 ...

  8. GO语言学习(五)Go 语言基础语法

    Go 标记 Go 程序可以由多个标记组成,可以是关键字,标识符,常量,字符串,符号.如以下 GO 语句由 6 个标记组成: fmt.Println("Hello, World!") ...

  9. [Angular] Design API for show / hide components based on Auth

    Simple Auth service: import { Injectable } from '@angular/core'; import {HttpClient} from '@angular/ ...

  10. x264代码剖析(十五):核心算法之宏块编码中的变换编码

    x264代码剖析(十五):核心算法之宏块编码中的变换编码 为了进一步节省图像的传输码率.须要对图像进行压缩,通常採用变换编码及量化来消除图像中的相关性以降低图像编码的动态范围.本文主要介绍变换编码的相 ...