Android基础篇之底部菜单栏的编辑

2011-05-03 10:22:04

先看效果图： 如下

下面是代码部分：

1. 在main.xml中添加GridView

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@drawable/background"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <GridView
    	android:id="@+id/grid_view"
    	android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:layout_alignParentBottom="true"
    	android:numColumns="5"
    	android:horizontalSpacing="10dp"
    	android:verticalSpacing="10dp">
	</GridView>
</RelativeLayout>

2.注意：菜单栏中的每一子项都需要一个布局文件

如上图 是一个垂直布局的LinearLayout

menu_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="wrap_content"
  android:layout_height="wrap_content">
  <ImageView
  	android:id="@+id/item_iamge"
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:layout_gravity="center_horizontal"
  	/>
  <TextView
  	android:id="@+id/item_text"
  	android:layout_width="wrap_content"
  	android:layout_height="wrap_content"
  	android:layout_gravity="center_horizontal"/>
</LinearLayout>

3.主要代码部分 MainActivity.java

package com.yin.bottom_menu;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;
public class MainActivity extends Activity {
	//图片资源
	private static int[] images = {
		R.drawable.menu_add_new,
		R.drawable.menu_delete,
		R.drawable.menu_exit,
		R.drawable.menu_search,
		R.drawable.menu__list
	};
	//菜单栏中的文字显示
	private static String[] menu_texts = {
		"增加","删除","退出","查找","菜单"
	};
	
	private ArrayList<HashMap<String,Object>> menu_data ;
	
	private GridView grid_view;
	
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        init_menu();
    }
    //初始化底部菜单栏
    private void init_menu(){
    	grid_view = (GridView) findViewById(R.id.grid_view);
    	
    	add_menu_data();
    	
    	//向菜单栏中的控件添加适配其
    	SimpleAdapter adapter = new SimpleAdapter(this, menu_data, R.layout.menu_item,
    			new String[]{"menu_image","menu_text"}, new int[]{R.id.item_iamge,R.id.item_text});
    	
    	grid_view.setAdapter(adapter);
    }
    //添加菜单栏中显示的数据
    private void add_menu_data(){
    	menu_data = new ArrayList<HashMap<String,Object>>();
    	for(int i=0;i<images.length;i++){
    		HashMap<String,Object> map = new HashMap<String, Object>();
    		map.put("menu_image", images[i]);
    		map.put("menu_text", menu_texts[i]);
    		menu_data.add(map);
    	}
    }
}