android抽屉实现

现在的位置: 首页 > 综合 > 正文

android抽屉实现

2013年01月04日 ⁄ 综合 ⁄ 共 3221字 ⁄ 字号小中大 ⁄ 评论关闭

今天在手机上实现了抽屉效果，其实很简单，但是效果却很酷。

首先在layout 下设置xml布局文件

<?xml version="1.0" encoding="utf-8"?><br />
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"<br />
    android:layout_width="fill_parent"<br />
    android:layout_height="fill_parent" ></p>
<p>    <SlidingDrawer<br />
        android:id="@+id/sliding"<br />
        android:layout_width="match_parent"<br />
        android:layout_height="match_parent"<br />
        android:content="@+id/allApps"<br />
        android:handle="@+id/imageViewIcon"<br />
        android:orientation="vertical" ></p>
<p>        <GridView<br />
            android:id="@+id/allApps"<br />
            android:layout_width="wrap_content"<br />
            android:layout_height="wrap_content"<br />
            android:background="@drawable/bk"<br />
            android:columnWidth="60dp"<br />
            android:gravity="center"<br />
            android:horizontalSpacing="10dp"<br />
            android:numColumns="auto_fit"<br />
            android:padding="10dp"<br />
            android:stretchMode="columnWidth"<br />
            android:verticalSpacing="10dp" /></p>
<p>        <ImageView<br />
            android:id="@+id/imageViewIcon"<br />
            android:layout_width="wrap_content"<br />
            android:layout_height="wrap_content"<br />
            android:src="@drawable/touch_handler" /><br />
    </SlidingDrawer></p>
<p></RelativeLayout>

SlidingDrawer就是重要的抽屉控件，handle是抽屉的拖动按钮，content是抽屉中的内容。

然后建立 chouti的activity类：

import android.app.Activity;<br />
import android.content.Intent;<br />
import android.content.pm.ResolveInfo;<br />
import android.os.Bundle;<br />
import android.view.View;<br />
import android.view.ViewGroup;<br />
import android.widget.BaseAdapter;<br />
import android.widget.GridView;<br />
import android.widget.ImageView;<br />
import android.widget.SlidingDrawer;</p>
<p>public class Chouti extends Activity {<br />
	private GridView gv;<br />
	private SlidingDrawer sd;<br />
	private ImageView iv;<br />
	private List<ResolveInfo> apps;</p>
<p>	/** Called when the activity is first created. */<br />
	@Override<br />
	public void onCreate(Bundle savedInstanceState) {<br />
		super.onCreate(savedInstanceState);<br />
		setContentView(R.layout.slidingdrawer);<br />
		loadApps();<br />
		gv = (GridView) findViewById(R.id.allApps);<br />
		sd = (SlidingDrawer) findViewById(R.id.sliding);<br />
		iv = (ImageView) findViewById(R.id.imageViewIcon);<br />
		gv.setAdapter(new GridAdapter());<br />
		sd.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()// 开抽屉<br />
		{<br />
			@Override<br />
			public void onDrawerOpened() {<br />
				iv.setImageResource(R.drawable.touch_handler);// 响应开抽屉事件<br />
																// ，把图片设为向下的<br />
			}<br />
		});<br />
		sd.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {<br />
			@Override<br />
			public void onDrawerClosed() {<br />
				iv.setImageResource(R.drawable.touch_handler);// 响应关抽屉事件<br />
			}<br />
		});<br />
	}</p>
<p>	private void loadApps() {<br />
		Intent intent = new Intent(Intent.ACTION_MAIN, null);<br />
		intent.addCategory(Intent.CATEGORY_LAUNCHER);</p>
<p>		apps = getPackageManager().queryIntentActivities(intent, 0);<br />
	}</p>
<p>	public class GridAdapter extends BaseAdapter {<br />
		public GridAdapter() {</p>
<p>		}</p>
<p>		public int getCount() {<br />
			// TODO Auto-generated method stub<br />
			return apps.size();<br />
		}</p>
<p>		public Object getItem(int position) {<br />
			// TODO Auto-generated method stub<br />
			return apps.get(position);<br />
		}</p>
<p>		public long getItemId(int position) {<br />
			// TODO Auto-generated method stub<br />
			return position;<br />
		}</p>
<p>		public View getView(int position, View convertView, ViewGroup parent) {<br />
			// TODO Auto-generated method stub<br />
			ImageView imageView = null;<br />
			if (convertView == null) {<br />
				imageView = new ImageView(Chouti.this);<br />
				imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);<br />
				imageView.setLayoutParams(new GridView.LayoutParams(50, 50));<br />
			} else {<br />
				imageView = (ImageView) convertView;<br />
			}</p>
<p>			ResolveInfo ri = apps.get(position);<br />
			imageView.setImageDrawable(ri.activityInfo<br />
					.loadIcon(getPackageManager()));</p>
<p>			return imageView;<br />
		}</p>
<p>	}<br />
}<br />

loadApps方法是得到主界面上的图片和文字。

然后设置的自定义adapter中去。

看下运行后效果：