类SldingDrawer的实现

最新推荐文章于 2024-07-25 23:12:21 发布
最新推荐文章于 2024-07-25 23:12:21 发布
阅读量114 收藏
点赞数
分类专栏： Android 文章标签： 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bkship/article/details/84012734
版权
来自海涛给的例子，谢谢海涛一直的指导！

系统的slidingDrawer貌似只能从下往上，或者从右往左！

这个例子是 实现 任意方向，当然你可以将布局改为相对布局将其放在任何地方

其实就是一个自定义组件，然后将其放在 你的主程序的布局中，类似slidingDrawer那样：

一个handler，一个content布局

自定义组件的class: 

public class PanelView extends LinearLayout {
	private int mDuration;
	private int mPosition;
	private Boolean isAnimation;
	private int mOrientation;
	private int BOTTOM = 1;
	private int TOP = 0;
	private int LEFT = 2;
	private int RIGHT = 3;
	private Drawable mOpenedHandle;
	private Drawable mClosedHandle;
	private Button mHandle;
	private LinearLayout mContent;

	public PanelView(Context context, AttributeSet attrs) {
		super(context, attrs);

		TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.Panel);

		mDuration = a.getInteger(R.styleable.Panel_animationDuration, 750);
		mPosition = a.getInteger(R.styleable.Panel_position, BOTTOM);
		isAnimation = a.getBoolean(R.styleable.Panel_animationEnable, true);
		a.recycle();

		// 根据mPosition 决定LinearLayout的android:orientation属性
		mOrientation = (mPosition == TOP || mPosition == BOTTOM) ? VERTICAL
				: HORIZONTAL;
		setOrientation(mOrientation);

		initialHandlerBg();
	}

	// 设置mHandle所用背景图
	private void initialHandlerBg() {

		if (mPosition == LEFT) {
			mOpenedHandle = getResources().getDrawable(
					R.drawable.right_switcher_expanded_background);
			mClosedHandle = getResources().getDrawable(
					R.drawable.left_switcher_expanded_background);

		} else if(mPosition == TOP){
			mOpenedHandle = getResources().getDrawable(
					R.drawable.top_switcher_collapsed_background);
			mClosedHandle = getResources().getDrawable(
					R.drawable.top_switcher_expanded_background);
		} else {
			mOpenedHandle = getResources().getDrawable(
					R.drawable.left_switcher_collapsed_background);
			mClosedHandle = getResources().getDrawable(
					R.drawable.right_switcher_expanded_background);

		}
	}

	// 回调函数 界面初始化快结束时调用 用于得到 mHandle/mContent
	protected void onFinishInflate() {
		super.onFinishInflate();
		// 得到mHandle实例
		mHandle = (Button) this.getChildAt(0);

		if (mHandle == null) {
			throw new RuntimeException("Your Panel must have a View - mHandle");
		}
		mHandle.setOnClickListener(clickListener);

		mContent = (LinearLayout) this.getChildAt(1);
		if (mContent == null) {
			throw new RuntimeException("Your Panel must have a View - mContent");
		}

		// 先移除mHandle/mContent 然后根据position决定二者的添加次序
		removeView(mHandle);
		removeView(mContent);

		if (mPosition == TOP || mPosition == LEFT) {
			addView(mContent);
			addView(mHandle);
		} else {
			addView(mHandle);
			addView(mContent);
		}

		if (mClosedHandle != null) {
			mHandle.setBackgroundDrawable(mClosedHandle);
		}

		// 隐藏 mContent
		mContent.setVisibility(GONE);

	}

	private int mContentWidth=200;
	private int mContentHeight=100;
	private int paddingTop;
	private int paddingLeft;
	private Boolean isContentExpand = false;

	@Override
	// 回调函数 此时其内所有子View 宽度/高度 都已确定
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		// TODO Auto-generated method stub
		super.onLayout(changed, l, t, r, b);
//		mContentWidth = mContent.getWidth();
//		mContentHeight = mContent.getHeight();

		paddingTop = this.getPaddingTop();
		paddingLeft = this.getPaddingLeft();

	}

	// 定义mHandle监听器 用于开合mContent
	OnClickListener clickListener = new OnClickListener() {

		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			if (!isContentExpand) {
				open();
			} else {
				close();
			}

			// 置反 即：开-合-开-合-开-...
			isContentExpand = !isContentExpand;

		}
	};

	// 回调函数 用于监听 Panel 的开合 效果见：setOnClickLstener(OnClickListener listener)
	public static interface OnPanelListener {
		// - open
		public void onPanelOpened(PanelView panel);

		// - close
		public void onPanelClosed(PanelView panel);
	}

	public void open() {
		if (isAnimation) {
			doAnimationOpen();
		} else {
			doOpen();
		}

	}

	public void doOpen() {
		mContent.setVisibility(VISIBLE);

	}

	public void doAnimationOpen() {

		post(aOpen);

	}

	Runnable aOpen = new Runnable() {
		public void run() {
			TranslateAnimation animation;
			int fromXDelta = 0, toXDelta = 0, fromYDelta = 0, toYDelta = 0;
			int calculatedDuration = 0;

			if (mPosition == TOP) {
				fromYDelta = -1 * mContentHeight;
				toXDelta = 0;

				calculatedDuration = mDuration
						* Math.abs(toYDelta - fromYDelta) / mContentHeight;
			} else if (mPosition == BOTTOM) {
				fromYDelta = paddingTop;
				toYDelta = fromYDelta + 1 * mContentHeight;

				calculatedDuration = mDuration
						* Math.abs(toYDelta - fromYDelta) / mContentHeight;
			} else if (mPosition == LEFT) {
				fromXDelta = -1 * mContentWidth;
				 toXDelta= 0;

				calculatedDuration = mDuration
						* Math.abs(toXDelta - fromXDelta) / mContentWidth;
			} else if (mPosition == RIGHT) {
				fromXDelta = paddingLeft;
				toXDelta = fromYDelta + 1 * mContentHeight;

				calculatedDuration = mDuration
						* Math.abs(toYDelta - fromYDelta) / mContentHeight;
			}

			animation = new TranslateAnimation(fromXDelta, toXDelta,
					fromYDelta, toYDelta);
			animation.setDuration(calculatedDuration);
			animation.setAnimationListener(new AnimationListener() {

				@Override
				public void onAnimationStart(Animation animation) {
					mContent.setVisibility(VISIBLE);
				}

				@Override
				public void onAnimationRepeat(Animation animation) {

				}

				@Override
				public void onAnimationEnd(Animation animation) {
					postProcess();
				}
			});
			startAnimation(animation);

		}
	};

	public void close() {
		if (isAnimation) {
			doAnimationClose();
		} else {
			doClose();
		}
	}

	public void doClose() {
		mContent.setVisibility(GONE);

	}

	public void doAnimationClose() {
		post(aClose);

	}

	Runnable aClose = new Runnable() {
		public void run() {
			TranslateAnimation animation;
			int fromXDelta = 0, toXDelta = 0, fromYDelta = 0, toYDelta = 0;
			int calculatedDuration = 0;

			if (mPosition == TOP) {
				toYDelta = -1 * mContentHeight;

				calculatedDuration = mDuration
						* Math.abs(toYDelta - fromYDelta) / mContentHeight;
			} else if (mPosition == BOTTOM) {
				fromYDelta = 1 * mContentHeight;
				toYDelta = paddingTop;

				calculatedDuration = mDuration
						* Math.abs(toYDelta - fromYDelta) / mContentHeight;
			} else if (mPosition == LEFT) {

				toXDelta = -1 * mContentWidth;

				calculatedDuration = mDuration
						* Math.abs(toXDelta - fromXDelta) / mContentWidth;
			} else if (mPosition == RIGHT) {

			}

			animation = new TranslateAnimation(fromXDelta, toXDelta,
					fromYDelta, toYDelta);
			animation.setDuration(calculatedDuration);
			animation.setAnimationListener(new AnimationListener() {

				@Override
				public void onAnimationStart(Animation animation) {

				}

				@Override
				public void onAnimationRepeat(Animation animation) {

				}

				@Override
				public void onAnimationEnd(Animation animation) {
					mContent.setVisibility(View.GONE);
					postProcess();
				}
			});
			startAnimation(animation);
		}
	};
	private OnPanelListener panelListener;

	// 善后工作 比如：改变mHandle背景图 通知开合监听器
	private void postProcess() {
		if (!isContentExpand) {
			mHandle.setBackgroundDrawable(mClosedHandle);
		} else {
			mHandle.setBackgroundDrawable( mOpenedHandle);
		}

		if (panelListener != null) {
			if (isContentExpand) {
				panelListener.onPanelOpened(PanelView.this);

			} else {
				panelListener.onPanelClosed(PanelView.this);

			}
		}
	}

}


图片自己去搞定咯，随便找个做个测试就可以！

主程序的布局里面 此组件的例子： 

<com.SildingDrawPanel.PanelView
		android:id="@+id/leftPanel" android:layout_width="wrap_content"
		android:layout_height="wrap_content" panel:position="left"
		panel:animationDuration="500" panel:animationEnable="true"
		android:layout_gravity="left">
		<Button android:layout_width="wrap_content"
			android:layout_height="wrap_content" />
		<LinearLayout android:orientation="vertical"
			android:layout_width="wrap_content"         android:layout_height="wrap_content">
			//content
		</LinearLayout>
	</com.SildingDrawPanel.PanelView>


组件里面用到的attrs 

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<declare-styleable name="Panel">
		<attr name="animationDuration" format="integer" />
		<attr name="position">
			<enum name="top" value="0" />
			<enum name="bottom" value="1" />
			<enum name="left" value="2" />
			<enum name="right" value="3" />

		</attr>
		<attr name="animationEnable" format="boolean" />
	</declare-styleable>
</resources>


好了 附上工程
bkship
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android控件之SlidingDrawer（滑动式抽屉）详解与实例
欧锐信息科技
06-08 3161
一、简介　　SlidingDrawer隐藏屏外的内容，并允许用户通过handle以显示隐藏内容。它可以垂直或水平滑动，它有俩个View组成，其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局，在布局文件中必须指定handle和content.　　　例如下面　　< SlidingDrawerandroid:layout_width="fi
Android：UI控件(不常用汇总)sldingdrawer下拉界面
weixin_34356555的博客
11-16 55
1.sldingdrawer下拉界面 本文转自 glblong 51CTO博客，原文链接：http://blog.51cto.com/glblong/1228581，如需转载请自行联系原作者 ...
sldingDrawer多方向抽屉
mengxd200621的专栏
01-17 107
多方向抽屉的参考资料。panel http://blog.csdn.net/hellogv/article/details/6264706 http://blog.csdn.net/lovehong0306/article/details/7451264
launcher 解读之一
maruoying11的专栏
07-03 445
言归正传，要想自己写个一模一样的Launcher来，我们就得先对着模拟器或者Android系统的机子，好好对每次第一个启动起来的这个看似简单却深藏不露的启动器。通过一番折腾，大致可以将Launcher实现的功能分为如下几个：      1、在空的位置长按，具备添加应用、快捷方式、文件夹和小部件的功能      2、左右可以滑动的屏幕      3、可以更换壁纸      4
说说Android桌面(Launcher应用)背后的故事(一)——揭开她神秘的面纱
Red风信子的博客
04-17 312
最近由于项目需要自己定制一套管理系统，遂想到了Android的启动器，下来了源码，一编译到处是错，查了查原因，原来是引用了自家的成员，他们家开发的就是方便，想直接用就直接用。于是下载了个包，终于错误少了一大半。但是还有一些错误，主要是引用了一些不存在的资源。于是改了改，基本可以运行了。 但是，问题来了，一眼望去，红色叉叉是不见了，但是革命依然不容乐观，一个人我认识，但是一下子成千上百个人出现
SlidingDrawer的使用（过时）
面朝大海，春暖花开
04-10 3064
测试例子： 注意： 　SlidingDrawer隐藏屏外的内容，并允许用户通过handle以显示隐藏内容。它可以垂直或水平滑动，它有俩个View组成，其一是可以拖动的handle,其二是隐藏内容的View.它里面的控件必须设置布局，在布局文件中必须指定handle和content.通过设置SlidingDrawer的方向可以设置滑动的方向 二、重要属性 　　android:
自定义抽屉抽出方向与手柄的位置
zhangyf_3364的专栏
11-29 895
抽屉由上向下抽出 java代码: /*  * Copyright (C) 2008 The Android Open Source Project  *  * Licensed under the Apache License, Version 2.0 (the "License");  * you may not use this file except in compliance
Android系统是如何检测到ANR- 应用无响应的？
知行合一
07-24 693
最近debug应用时，发现只要看debug的变量内容太久了，app也会爆出anr问题，遂想对ANR做一个系统的整理。
AvaloniaUI的学习
lishuangquan1987的博客
07-25 445
官方中文文档：https://docs.avaloniaui.net/zh-Hans/docs/welcome。
编程学习之路：从零到一的成长指南
KsuferNotes
07-22 435
在当今数字化时代，编程技能已经成为许多人职业发展的重要组成部分。不论你是已经在IT业从业多年的老手，还是刚刚起步的编程新手，这篇博客将带你走过编程学习的每一个重要阶段，从而顺利完成从零到一的华丽转变。
Object-C语言详解
AOMGyz的博客
07-22 558
Object-C，通常写作Objective-C（简称ObjC或OC），是一种扩充C的面向对象编程语言。它是在C语言的基础上添加了Smalltalk风格的消息传递和反射机制，从而具备了面向对象的特性和优势。Objective-C的流行主要得益于苹果公司的成功，尤其是iPhone和iPad等移动设备的普及，使得Objective-C成为iOS和macOS平台应用开发的首选语言。
基于ClassLoader、自定义Plugin、ASM字节码插桩的热修复方案详解
qq_20089667的博客
07-24 388
Android热修复原理
蚂蚁集团Android一面凉经(2024)
最新发布
景三的专栏
07-25 115
笔者作为一名双非二本毕业7年老Android, 最近面试了不少公司, 目前已告一段落, 整理一下各家的面试问题, 打算陆续发布出来, 供有缘人参考。今天给大家带来的是《蚂蚁集团Android一面凉经(2024)》。
Android 通过接收广播int值来控制GPS开关
qq_46687516的博客
07-25 329
Override} else {try {
Kotlin语言详解
AOMGyz的博客
07-23 451
官网链接基本特点跨平台性：Kotlin可以编译成Java字节码、JavaScript和本地代码（Kotlin/Native），支持在JVM、浏览器、Node.js、iOS和MacOS等多种平台上运行。与Java的互操作性：Kotlin与Java代码无缝互通，可以直接使用Java类和库，方便在Java项目中逐步引入Kotlin代码。简洁性：Kotlin语法简洁，相比Java可以减少很多冗余代码，例如自动推断变量类型、默认参数、字符串模板等。安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值