Android提高之多方向抽屉实现方法

说起在android上要实现类似Launch的抽屉效果,大家一定首先会想起SlidingDrawer。SlidingDrawer是android官方控件之一,但是本文的主角并不是它,而是民间的控件工具集合:android-misc-widgets。android-misc-widgets里面包含几个widget:Panel、SmoothButton、Switcher、VirtualKeyboard,还有一些动画特效,本文主要介绍抽屉容器Panel的用法。android-misc-widgets的google工程地址:-widgets/http://code.google.com/p/android-misc。

工程代码中Panel的演示效果如下所示:

这个Panel控件可以轻易实现不同方向的抽屉效果,比SlidingDrawer有更强的扩展性!

在多次使用Panel的过程中,发现Panel有个bug,会间断性出现“闪烁”,也就是在onTouchListener里面的触发ACTION_DOWN后,抽屉瞬间弹出然后瞬间回收(版本日期为Feb 3, 2009)。把原Panel的OnTouchListener加以替换,即以下代码:

OnTouchListener touchListener = new OnTouchListener() {
 int initX;
 int initY;
 boolean setInitialPosition;
 public boolean onTouch(View v, MotionEvent event) {
 if (mState == State.ANIMATING) {
  // we are animating
  return false;
 }
//  Log.d(TAG, "state: " + mState + " x: " + event.getX() + " y: " + event.getY());
 int action = event.getAction();
 if (action == MotionEvent.ACTION_DOWN) {
  if (mBringToFront) {
  bringToFront();
  }
  initX = 0;
  initY = 0;
  if (mContent.getVisibility() == GONE) {
  // since we may not know content dimensions we use factors here
  if (mOrientation == VERTICAL) {
   initY = mPosition == TOP? -1 : 1;
  } else {
   initX = mPosition == LEFT? -1 : 1;
  }
  }
  setInitialPosition = true;
 } else {
  if (setInitialPosition) {
  // now we know content dimensions, so we multiply factors...
  initX *= mContentWidth;
  initY *= mContentHeight;
  // ... and set initial panel's position
  mGestureListener.setScroll(initX, initY);
  setInitialPosition = false;
  // for offsetLocation we have to invert values
  initX = -initX;
  initY = -initY;
  }
  // offset every ACTION_MOVE & ACTION_UP event
  event.offsetLocation(initX, initY);
 }
 if (!mGestureDetector.onTouchEvent(event)) {
  if (action == MotionEvent.ACTION_UP) {
  // tup up after scrolling
  post(startAnimation);
  }
 }
 return false;
 }
};

替换为:

OnTouchListener touchListener = new OnTouchListener() {
 float touchX, touchY;
 public boolean onTouch(View v, MotionEvent event) {
 if (mState == State.ANIMATING) {
  // we are animating
  return false;
 }
 int action = event.getAction();
 if (action == MotionEvent.ACTION_DOWN) {
  if (mBringToFront) {
  bringToFront();
  }
  touchX = event.getX();
  touchY = event.getY();
 }
 if (!mGestureDetector.onTouchEvent(event)) {
  if (action == MotionEvent.ACTION_UP) {
  // tup up after scrolling
  int size = (int) (Math.abs(touchX - event.getX()) + Math
   .abs(touchY - event.getY()));
  if (size == mContentWidth || size == mContentHeight) {
   mState = State.ABOUT_TO_ANIMATE;
   //Log.e("size", String.valueOf(size));
   //Log.e(String.valueOf(mContentWidth),String.valueOf(mContentHeight));
  }
  post(startAnimation);
  }
 }
 return false;
 }
};

即可修复这个bug,并且也同样实现了OnClickListener的功能,可以把原Panel的OnClickListener给删掉了!

希望本文所述实例对于大家进行Android项目开发能有所帮助。

(0)

相关推荐

  • Android自定义控件仿QQ抽屉效果

    其实网上类似的实现已经很多了,原理也并不难,只是网上各种demo运行下来,多少都有一些问题.折腾了半天,决定自己实现一个. 首先我们看看实现效果: 对比网上各类demo,这次要实现的主要表现在以下几点: 1.侧滑显示抽屉view 2.侧滑抽屉隐藏view控件点击事件 3.单击任意item隐藏显示的抽屉view 4.滑动list隐藏显示的抽屉view 5.增加SwipeLayout点击事件和Swipe touch事件判断处理 6.优化快速划开多个抽屉隐藏view时多个SwipeLayout滑动状态

  • Android DrawerLayout实现抽屉效果实例代码

    官网:https://developer.android.com/training/implementing-navigation/nav-drawer.html 贴上主要的逻辑和布局文件: activity_main.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://schema

  • Android编程实现抽屉效果的方法详解

    本文实例讲述了Android编程实现抽屉效果的方法.分享给大家供大家参考,具体如下: android的UI开发确实是一件很有趣的事情,也是一件很有挑战性的事情. 本文章是将自己在开发中的项目中使用到的比较好的抽屉效果的原理以及代码整理后写上来的,以备忘记后可以查阅 抽屉效果的原理很简单,就是给其一个事件监听(动作),然后对此动作所作出的反应(开 or 关): 在编写代码的时候要注意的几点如下: 1. 打开抽屉的图标(即触发抽屉的把手),打开后的界面都是布局在<SlidingDrawer/>与&

  • Android实现自定义滑动式抽屉效果菜单

    在Andoird使用Android自带的那些组件,像SlidingDrawer和DrawerLayout都是抽屉效果的菜单,但是在项目很多要实现的功能都收到Android这些自带组件的限制,导致很难完成项目的需求,自定义的组件,各方面都在自己的控制之下,从而根据需求做出调整.想要实现好的效果,基本上都的基于Android的OnTouch事件自己实现响应的功能. 首先,给大家先看一下整体的效果: 滑动的加速度效果都是有的,具体的体验,只能安装后才能查看. 接下来,看代码: 代码从MainActiv

  • Android SlidingDrawer 抽屉效果的实现

    SlidingDrawer隐藏屏外的内容,并允许用户通过handle以显示隐藏内容.它可以垂直或水平滑动,它有俩个View组成,其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局,在布局文件中必须指定handle和content. 1.布局layou文件 复制代码 代码如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_w

  • Android抽屉导航Navigation Drawer实例解析

    我们重点来研究一下Android抽屉导航 NavigationDrawer.先来感性认识一下这种效果吧: 看了很多应用,觉得这种侧滑的抽屉效果的菜单很好.不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 最简单就是用官方的抽屉导航 NavigationDrawerLayout 来实现.DrawerLayout这个类是在Support Library里的,需要加上android-support-v4.jar这个包.然后程序中用时在前面导

  • Android App中DrawerLayout抽屉效果的菜单编写实例

    抽屉效果的导航菜单 看了很多应用,觉得这种侧滑的抽屉效果的菜单很好. 不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 库的引用: 首先, DrawerLayout这个类是在Support Library里的,需要加上android-support-v4.jar这个包. 然后程序中用时在前面导入import android.support.v4.widget.DrawerLayout; 如果找不到这个类,首先用SDK Manager更

  • Android 自定义View实现抽屉效果

    Android 自定义View实现抽屉效果 说明 这个自定义View,没有处理好多点触摸问题 View跟着手指移动,没有采用传统的scrollBy方法,而是通过不停地重新布局子View的方式,来使得子View产生滚动效果menuView.layout(menuLeft, 0, menuLeft + menuWidth, menuHeight); 相应的,由于没有使用scrollBy方法,就没有产生getScrollX值,所以不能通过Scroller的startScroll方法来完成手指离开后的平

  • Android 抽屉效果的导航菜单实现代码实例

    看了很多应用,觉得这种侧滑的抽屉效果的菜单很好. 不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 关于实现,搜索了一下,有如下两种: 1.用SlidingDrawer:http://developer.android.com/reference/android/widget/SlidingDrawer.html 但是不知道为什么这个类官方不建议再继续用了:Deprecated since API level 17 2.用Drawer

  • Android组件之DrawerLayout实现抽屉菜单

    DrawerLayout组件同样是V4包中的组件,也是直接继承于ViewGroup类,所以这个类也是一个容器类. 抽屉菜单的摆放和布局通过android:layout_gravity属性来控制,可选值为left.right或start.end.通过xml来布局的话,需要把DrawerLayout作为父容器,组界面布局作为其第一个子节点,抽屉布局则紧随其后作为第二个子节点,这样就做就已经把内容展示区和抽屉菜单区独立开来,只需要分别为两个区域设置内容即可.android提供了一些实用的监听器,重载相

  • Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑)

    自己实现了一下侧滑的三种方式(注释都写代码里了) 本文Demo下载地址:Andriod侧滑 本文实现所需框架:nineoldandroids下载地址:nineoldandroids 1.普通侧滑: 主要是基于HorizontalScrollView做的:示例代码如下 主要布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://sche

  • Android实现右边抽屉Drawerlayout效果

    侧边栏是Android应用中很常见的一个界面效果(抽屉效果).而利用DrawerLayout实现右侧栏是相对简单的.而且这个控件自带滑动效果,十分方便. DrawerLayout属于android-support-v4.jar的包的内容,sdk新的就不用更新了,如果旧版本就需要导入这个包了. 先来看看效果 这里实现了抽屉效果和为了方便使用者在各处可以随意打开这个抽屉,我在这里定义在点击菜单可出现抽屉. 代码说明 1.activity的布局文件 <android.support.v4.widget

随机推荐