android 类似人人侧边栏开发

本文介绍了一种不依赖于继承ViewGroup实现侧边栏滑动退出效果的方法。通过在布局文件中直接安排主界面与侧边栏的位置,并利用线程控制LinearLayout参数的变化,达到平滑的滑动效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这几天一直研究类似人人客户端的侧边栏退出效果,网友大多提供的方式是继承viewgroup,重写onMeasure和onLayout方法,之后用scrollTo实现滚动滑出的效果。这个网上源码很容易下载。

但是我遇到一个问题,因为是基于定位的开发,主界面是一个MapView,使用上面的方法,在滚动时,主界面(也就是MapView)滑动过后,会留下一片阴影,盖住侧边栏。当我对地图进行移动或缩放操作后,阴影会消失。侧边栏与主界面的view都是存在的,猜想是哪里刷新出了问题,或者和MapView的刷新有冲突什么的,花了不少时间,最后也没解决,时间关系只好找别的路子。


直接在布局文件里把两个界面写好,用LinearLayout包裹横向排列,在Activity中重新设置其坐标,之后点击手柄,用线程控制滚动速度,也能有同样的效果。


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <include
        android:id="@+id/viewMenu"
        layout="@layout/layout_main_left" />

    <include
        android:id="@+id/viewContent"
        layout="@layout/layout_main" />
</LinearLayout>

/**
	 * 屏幕宽度值。
	 */
	private int screenWidth;
	/**
	 * menu布局的参数,通过此参数来更改leftMargin的值。
	 */
	private LinearLayout.LayoutParams menuParams;
	/**
	 * menu完全显示时,留给content的宽度值。
	 */
	private int menuPadding;
	/**
	 * menu最多可以滑动到的左边缘。值由menu布局的宽度来定,marginLeft到达此值之后,不能再减少。
	 */
	private int leftEdge;
	/**
	 * menu最多可以滑动到的右边缘。值恒为0,即marginLeft到达0之后,不能增加。
	 */
	private int rightEdge = 0;
	/**
	 * menu当前是显示还是隐藏。只有完全显示或隐藏menu时才会更改此值,滑动过程中此值无效。
	 */
	private boolean isMenuVisible;

private void initSliding() {
		WindowManager window = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
		screenWidth = window.getDefaultDisplay().getWidth();
		menuParams = (LinearLayout.LayoutParams) viewMenu.getLayoutParams();
		// menuPadding = Utility.dip2px(this, 100);
		menuParams.width = Utility.dip2px(this, 210);
		// 左边缘的值赋值为menu宽度的负数
		leftEdge = -menuParams.width;
		// menu的leftMargin设置为左边缘的值,这样初始化时menu就变为不可见
		menuParams.leftMargin = leftEdge;
		// 将content的宽度设置为屏幕宽度
		viewContent.getLayoutParams().width = screenWidth;
	}




class ScrollTask extends AsyncTask<Integer, Integer, Integer> {

		@Override
		protected Integer doInBackground(Integer... speed) {
			int leftMargin = menuParams.leftMargin;
			// 根据传入的速度来滚动界面,当滚动到达左边界或右边界时,跳出循环。
			while (true) {
				leftMargin = leftMargin + speed[0];
				if (leftMargin > rightEdge) {
					leftMargin = rightEdge;
					break;
				}
				if (leftMargin < leftEdge) {
					leftMargin = leftEdge;
					break;
				}
				publishProgress(leftMargin);
				// 为了要有滚动效果产生,每次循环使线程睡眠20毫秒,这样肉眼才能够看到滚动动画。
				sleep(Contents.SLEEP_TIME);
			}
			if (speed[0] > 0) {
				isMenuVisible = true;
			} else {
				isMenuVisible = false;
			}
			return leftMargin;
		}

		@Override
		protected void onProgressUpdate(Integer... leftMargin) {
			menuParams.leftMargin = leftMargin[0];
			viewMenu.setLayoutParams(menuParams);
		}

		@Override
		protected void onPostExecute(Integer leftMargin) {
			menuParams.leftMargin = leftMargin;
			viewMenu.setLayoutParams(menuParams);
		}
	}

	/**
	 * 使当前线程睡眠指定的毫秒数。
	 * 
	 * @param millis
	 *            指定当前线程睡眠多久,以毫秒为单位
	 */
	private void sleep(long millis) {
		try {
			Thread.sleep(millis);
		} catch (InterruptedException e) {
			e.printStackTrace();
		}
	}



手柄监听:

if (isMenuVisible) {
				new ScrollTask().execute(-Contents.SLIDING_SPEED);
			} else {
				new ScrollTask().execute(Contents.SLIDING_SPEED);
			}

网上找的demo链接:http://download.youkuaiyun.com/detail/qiaoming_scorpio/5923307

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值