android之抽屉布局应用

我们有时后希望在一个界面中显示另外一个布局,但是又要不需要占用太多布局空间,这个时候我们可以考虑用到抽屉布局,这个名词大家可以充分发挥能动想象,相信通过下面的介绍大家一定可以对这种方式有所了解.

好了,直接上一个简单的小项目.

1、首先我们建一个主activity

package com.jindegege.activity;

import com.jindegege.service.MyAdapter;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SlidingDrawer;
public class SlidingdrawerActivity extends Activity {
	 
	  private GridView gridview;
	  private SlidingDrawer slidingdrawer;
	  private ImageView imageview;
	  private int[] icons={R.drawable.main1,R.drawable.main2,
	                        R.drawable.main3,R.drawable.main4,
	                        R.drawable.main5,R.drawable.main6,
	                        R.drawable.main7,R.drawable.main8,R.drawable.main9};
	  private String[] items={"华仔","发哥","雅芝","柏芝","周星星","jindegege","老毛","老毕","涵涵"};
	     
	    /** Called when the activity is first created. */
	    @Override
	    public void onCreate(Bundle savedInstanceState) {
	        super.onCreate(savedInstanceState);
	        setContentView(R.layout.main);
	        gridview = (GridView)findViewById(R.id.gridview); 
	        slidingdrawer = (SlidingDrawer)findViewById(R.id.sd);
	        imageview=(ImageView)findViewById(R.id.imageview);
	        MyAdapter adapter=new MyAdapter(this,items,icons);//通过构造函数实例化一个MyAdapter对象，这个MyAdapter对象必须继承BaseAdapter类
	        gridview.setAdapter(adapter);
	        slidingdrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener()//打开抽屉
	        {
	          @Override
	          public void onDrawerOpened()
	          {
	        	  imageview.setImageResource(R.drawable.photo);//打开抽屉事件 
	          }
	        });
	        slidingdrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener()
	        {
	          @Override
	          public void onDrawerClosed()
	          {
	        	  imageview.setImageResource(R.drawable.ic_launcher);//关闭抽屉事件
	          }
	        });
	    }
	}

2、新建这个主activity要加载的布局文件

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout  
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent"
>
  <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    android:textSize="20sp"
  />
  <SlidingDrawer 
    android:id="@+id/sd" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:handle="@+id/imageview" 
    android:content="@+id/gridview" 
    android:orientation="vertical"
  >

      <ImageView
        android:id="@id/imageview"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/ic_launcher"
      />

      <GridView 
      android:id="@id/gridview" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:numColumns="3"
      android:background="#EE82EE" 
      android:gravity="center"
    />  
       
  </SlidingDrawer>
</RelativeLayout>

第三步：在主activity中，我们要通过构造函数实例化一个MyAdapter对象，这个MyAdapter对象必须继承BaseAdapter类，

以用来自定义一个适配器，先新建一个xml文件item.xml,这只是一个简单的样式。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
>
  <ImageView 
    android:id="@+id/icon"
    android:layout_width="wrap_content"
    android:layout_height="40px"
    android:layout_gravity="center"
  />
  <TextView 
    android:id="@+id/text"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textColor="#000000"
  />
</LinearLayout>

第四步：这个时候就是设计我们自定义的类了。

package com.jindegege.service;

import com.jindegege.activity.R;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter 
{ 
  private Context context;
  private String[] items;
  private int[] icons;

  public MyAdapter(Context context,String[] items,int[] icons) //构造器
  {
    this.context=context;
    this.items=items;
    this.icons=icons;
  }

  @Override
  public int getCount()
  {
    return items.length;
  }

  @Override
  public Object getItem(int arg0)
  {
    return items[arg0];
  }

  @Override
  public long getItemId(int position)
  {
    return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent)
  {
    LayoutInflater factory = LayoutInflater.from(context);
    View v = (View) factory.inflate(R.layout.item, null);//绑定自定义的layout
    ImageView iv = (ImageView) v.findViewById(R.id.icon);
    TextView tv = (TextView) v.findViewById(R.id.text);
    iv.setImageResource(icons[position]);
    tv.setText(items[position]);
    return v;
  }

 
}

好的，效果图就不给大家贴出了，大家可以自己下载该小项目，看看效果，自己也可以修改实现更好的效果。

源代码下载地址：http://download.csdn.net/detail/jindegegesun/4086564