`

仿人人网右边可推出的效果(带拖动)

阅读更多
已不推荐!

添加了拖动功能,按住小图标,拖动超过一半的时候打开,没到一半的时候关闭。只添加了OnGestureListener接口和OnTouchListener。
具体代码看下面:
package com.dl.test;

import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout.LayoutParams;

public class App extends Activity implements OnPanelStatusChangedListener,OnTouchListener,GestureDetector.OnGestureListener{
	private boolean hasMeasured=false;
	private LinearLayout layout_left;
	private LinearLayout layout_right;
	private ImageView iv;
	
	private int layout_left_width,layout_right_width=0;
	/**每次自动展开/收缩的范围*/  
	private int MAX_WIDTH=0;
	/**每次自动展开/收缩的速度*/  
    private final static int SPEED=20;
    
    private GestureDetector mGestureDetector;
	private boolean isScrolling=false;
	private float mScrollX;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
      		
        layout_left=(LinearLayout)findViewById(R.id.layout_left);
        layout_right=(LinearLayout)findViewById(R.id.layout_right);
        iv=(ImageView)findViewById(R.id.iv);
        
        iv.setOnTouchListener(this);
        //定义手势识别
  		mGestureDetector = new GestureDetector(this,this);
  		mGestureDetector.setIsLongpressEnabled(false);
  		
        calculatorWidth();
        
    }
    
    
    @Override
	protected void onResume() {
		// TODO Auto-generated method stub
		super.onResume();
		
	}

	@Override
	public void onAttachedToWindow() {
		// TODO Auto-generated method stub
		super.onAttachedToWindow();
	}

	private void calculatorWidth(){
		 ViewTreeObserver observer = layout_right.getViewTreeObserver();
		//为了取得控件的宽
//       observer.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
//           @Override
//           public void onGlobalLayout() {
//		        if (hasMeasured == false){
//		        	layout_right_width = layout_right.getMeasuredWidth();//105
//		            layout_left_width=layout_left.getMeasuredWidth();//480
//		            MAX_WIDTH=layout_left_width-layout_right_width;//375
//		            hasMeasured = true;
//		        }
//           }
//       });
       //为了取得控件的宽
       observer.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener(){
           public boolean onPreDraw(){
               if (hasMeasured == false){
               	layout_right_width = layout_right.getMeasuredWidth();
                   layout_left_width=layout_left.getMeasuredWidth();
                   MAX_WIDTH=layout_left_width-layout_right_width;
//                   Log.i("tag", "MAX_WIDTH=="+MAX_WIDTH);
                   hasMeasured = true;

//设置可拉动容器的宽为全屏(即不可拉动容器)的宽
                   View layout_max_width=findViewById(R.id.layout_max_width);
                   LinearLayout.LayoutParams lp=(LinearLayout.LayoutParams)layout_max_width.getLayoutParams();
                   lp.width=layout_left_width;
                   layout_max_width.setLayoutParams(lp);
               }
               return true;
           }
       });
	}
	class AsynMove extends AsyncTask<Integer, Integer, Void> {  
    	  
        @Override  
        protected Void doInBackground(Integer... params) {  
            int times;  
            if (MAX_WIDTH % Math.abs(params[0]) == 0)// 整除  
                times = MAX_WIDTH / Math.abs(params[0]);  
            else  
                times = MAX_WIDTH / Math.abs(params[0]) + 1;// 有余数  
  
            for (int i = 0; i < times; i++) {  
                publishProgress(params);  
                try {  
                    Thread.sleep(Math.abs(params[0]));  
                } catch (InterruptedException e) {  
                    // TODO Auto-generated catch block  
                    e.printStackTrace();  
                }  
            }  
            return null;  
        }  
  
        @Override  
        protected void onProgressUpdate(Integer... params) {
            LayoutParams lp = (LayoutParams)layout_right.getLayoutParams();
            if (params[0] < 0)  
                lp.leftMargin = Math.max(lp.leftMargin + params[0], 0);
            else  
                lp.leftMargin = Math.min(lp.leftMargin + params[0], MAX_WIDTH);
  
            if(lp.leftMargin<=0){//展开之后  
                onPanelOpened();//调用OPEN回调函数  
            }
            else if(lp.leftMargin>=MAX_WIDTH){//收缩之后  
                onPanelClosed();//调用CLOSE回调函数  
            }
            layout_right.setLayoutParams(lp);  
        }  
    }

	@Override
	public void onPanelOpened() {
		// TODO Auto-generated method stub
//		Log.i("tag", "=========onPanelOpened========");
	}

	@Override
	public void onPanelClosed() {
		// TODO Auto-generated method stub
//		Log.i("tag", "=========onPanelClosed========");
	}

	@Override
	public boolean onDown(MotionEvent e) {
		// TODO Auto-generated method stub
		mScrollX=0;
		isScrolling=false;
		return true;//需要返回ture才能触发onSingleTapUp
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub
	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		LayoutParams lp = (android.widget.RelativeLayout.LayoutParams)layout_right.getLayoutParams();
		
		if (lp.leftMargin >=MAX_WIDTH)// CLOSE的状态  
            new AsynMove().execute(new Integer[] { -SPEED });// 负数展开  
        else if (lp.leftMargin >= 0)// OPEN的状态  
            new AsynMove().execute(new Integer[] { SPEED });// 正数收缩
		return true;
	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		isScrolling=true;
		mScrollX+=distanceX;//distanceX:向左为正,右为负
		LayoutParams lp = (LayoutParams)layout_right.getLayoutParams();
		lp.leftMargin=lp.leftMargin-(int)mScrollX;
		if(lp.leftMargin<=0){//展开之后  
			isScrolling=false;//拖过头了不需要再执行AsynMove了
			lp.leftMargin=0;
			onPanelOpened();//调用OPEN回调函数  
		}
		if(lp.leftMargin>=MAX_WIDTH){//收缩之后  
			isScrolling=false;
			lp.leftMargin=MAX_WIDTH;
			onPanelClosed();//调用CLOSE回调函数  
		}
		layout_right.setLayoutParams(lp);
		
		return false;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub
		
	}

	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		// TODO Auto-generated method stub
		return false;
	}
	@Override
	public boolean onTouch(View v, MotionEvent event) {
		// TODO Auto-generated method stub
		//拖到一半放开手指时的运动
		if(event.getAction()==MotionEvent.ACTION_UP && isScrolling==true){
			LayoutParams lp=(LayoutParams) layout_right.getLayoutParams();
			if (lp.leftMargin >= (MAX_WIDTH>>1)) {//往左没超过一半
				new AsynMove().execute(new Integer[] { SPEED });
			} 
			else{
				new AsynMove().execute(new Integer[] { -SPEED });
			}
		}
		return mGestureDetector.onTouchEvent(event); 
	}  
      
    
}

其他都和这里的一样。
分享到:
评论
7 楼 jackemark 2013-02-02  
谢谢 你的应用 很有启发 呵呵
6 楼 q9119q 2013-01-08  

楼主威武,^_^
5 楼 lvning10086 2012-09-21  
图片会挤压啊怎么办呢?
4 楼 a173060244 2012-08-28  
楼主,太感谢了。找了这个很久了
3 楼 messigoogle 2012-08-02  
上图啊
 
2 楼 qi19901212 2012-06-20  
没图片啊。望楼主添加
1 楼 weisi2375 2012-06-11  
下来看看。 呵呵

相关推荐

    Android-仿百度地图抽屉拖拽效果

    本项目"Android-仿百度地图抽屉拖拽效果"旨在实现一个类似的功能,让用户在自己的Android应用中也能添加这一特性。 抽屉效果通常通过Android的SlidingPaneLayout或者NavigationView来实现,但在这个项目中,开发者...

    仿支付宝首页可拖动可排序可删除

    "仿支付宝首页可拖动可排序可删除"这个项目就是这样一个例子,它旨在提供与支付宝类似的功能,让用户能够自由地组织和管理应用内的元素。在这个项目中,我们将深入探讨以下几个核心知识点: 1. **可拖动布局...

    仿google个性化首页模块拖拽效果

    ### 仿Google个性化首页模块拖拽效果解析 #### 背景与意义 随着Web技术的发展,用户界面的交互性和个性化需求越来越高。本案例“仿google个性化首页模块拖拽效果”旨在实现一种类似Google首页的功能模块,即允许...

    android拖拽效果仿zaker 优化性能版本

    这个“android拖拽效果仿zaker 优化性能版本”项目旨在提供一种优化的解决方案,使得用户在浏览内容时能享受到平滑且响应迅速的交互体验。 拖拽效果在Android应用中通常用于实现各种功能,如整理桌面图标、滑动切换...

    仿qq拖拽红点效果

    "仿qq拖拽红点效果"是一个关于提升用户体验的特定设计元素,通常用于移动应用或桌面软件中,模仿了QQ聊天应用中的未读消息提示功能。这个效果使得用户能够直观地看到有新的消息或者更新,并且通过拖动红点来查看具体...

    js仿百度地图放大缩小拖拽查看效果

    这个项目专注于创建一个可拖拽、放大和缩小的地图功能,让我们深入了解一下这些技术细节。 首先,我们要明白地图的基本原理。地图是通过经纬度坐标系统来定位地球表面的点,而Web上的地图通常是通过切片(tiles)...

    js 可拖放、合并文件夹仿手机桌面效果

    在本项目中,我们主要探讨的是一个利用JavaScript技术实现的交互式桌面效果,它具有可拖放、合并文件夹的功能,模拟了手机桌面的操作体验。这个效果是通过一个名为"jtop"的库来实现的,它使得网页界面能够动态响应...

    仿QQ拖拽滑动效果实现

    在Android开发中,实现仿QQ拖拽滑动效果是一项常见的需求,这主要涉及到对RecyclerView的自定义适配和交互处理。QQ的拖拽滑动效果允许用户通过手指拖动列表中的项来改变它们的位置,同时提供了上滑删除或下滑恢复的...

    仿百度地图抽屉拖拽效果Demo

    详情文章请参考:https://blog.csdn.net/liu_yunzhao/article/details/80387158

    js 仿 igoogle 拖拽 效果

    JavaScript仿iGoogle拖拽效果是一种常见的前端交互技术,主要用于网页元素的动态布局和用户自定义配置。iGoogle是Google提供的一项个性化主页服务,允许用户通过拖放小工具来定制自己的首页。这种拖拽功能在现代网页...

    仿360鼠标拖动图片切换效果

    【标题】"仿360鼠标拖动图片切换效果"涉及的是在Qt环境中实现一个类似于360浏览器图片浏览的交互功能,通过鼠标拖动来实现图片的平滑切换,并结合了Mac系统的动画效果,给予用户更为流畅和自然的操作体验。...

    JS仿iGoogle自定义首页模块拖拽效果

    JS仿iGoogle自定义首页模块拖拽效果

    vue仿支付宝拖拽添加删除.zip

    在本项目中,“vue仿支付宝拖拽添加删除.zip”是一个基于Vue.js框架的示例,旨在模拟支付宝应用菜单的功能。这个应用菜单具有动态性,允许用户执行以下操作: 1. **拖动应用**:Vue.js提供了强大的数据绑定和组件化...

    仿淘宝网登录拖动滑块验证码效果

    仿淘宝网登录拖动滑块验证码效果

    仿Google首页的模块拖动效果源码

    仿Google首页的模块拖动效果源码 可以直接运行,兼容FF IE ,已测试过

    swift-高仿支付宝可拖拽排序编辑动画效果集合视图

    在本案例中,我们关注的是一个名为"swift-高仿支付宝可拖拽排序编辑动画效果集合视图"的项目,它利用了Swift的高级功能来实现类似支付宝应用中的可拖拽排序和编辑动画效果。这个项目的核心是`WHC_...

    js仿萤石云的视频回放插件拖动效果-时间标尺timeRuler

    "js仿萤石云的视频回放插件拖动效果-时间标尺timeRuler"是一个专门针对视频播放控件进行优化的JavaScript实现,它旨在提供类似萤石云平台的时间标尺功能,使用户可以更直观地控制和浏览视频内容。这个功能允许用户...

    js仿百度弹出登录框支持鼠标拖拽效果

    总结起来,实现“js仿百度弹出登录框支持鼠标拖拽效果”主要涉及到JavaScript的DOM操作、事件监听、CSS样式控制以及简单的拖拽算法。通过结合HTML、CSS和JavaScript,我们可以创建出一个功能齐全、交互友好的弹出...

    Android 仿 窗帘效果 和 登录界面拖动效果

    在提供的压缩包中,`Android 仿 窗帘效果 和 登录界面拖动效果 (Scroller类的应用)`可能包含了示例代码,通过阅读和学习这段代码,你可以更深入地理解如何在实际项目中应用这些效果。`本源码使用帮助.txt`提供了...

    DIV可拖动,可改造为仿igoogle效果实例

    在本文中,我们将深入探讨如何使用JavaScript实现一个可拖动的DIV元素,以此来创建一个类似于iGoogle的效果。iGoogle是Google提供的一款个性化主页服务,允许用户自定义页面布局,添加各种小工具。通过理解其核心...

Global site tag (gtag.js) - Google Analytics