大家好，我是本期栏目编辑小友，现在为大家讲解Android提高篇之自定义Menu(TabMenu)问题。
使用过UCWEB-Android版本的人应该对它的特殊菜单印象深刻。制作菜单Tab-Menu(支持分页的菜单)，可以容纳比安卓传统菜单更丰富的内容(6项以上的安卓菜单在【更多】中缩写)。本文参考在线示例(作者：CoffeeCole，email : long kefan @ foxmail.com)，简化并封装示例，使其可以作为复合控件集成到自己的框架中。
我们先来看看这个节目的效果：
菜单本身是一个弹出窗口，在弹出窗口上有两个网格视图。第一个GridView是分页选项卡，位于弹出窗口的顶部，第二个GridView是菜单，位于弹出窗口的主体。为了实现PopupWindow的动画效果，本文使用了以下代码：
在项目的res文件夹中添加anim子目录，然后创建一个新的文件popup_enter.xml:
[xhtml]查看plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“100%p” android:toYDelta=“0” android:duraTIon=“1000” /》
《alpha android:fromAlpha=“0.0” android:toAlpha=“1.0” android:duraTIon=“1000” /》
《/set》
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“100%p” android:toYDelta=“0” android:duraTIon=“1000” /》
《alpha android:fromAlpha=“0.0” android:toAlpha=“1.0” android:duraTIon=“1000” /》
《/set》
创建新文件popup_exit.xml:
[xhtml]查看plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“0” android:toYDelta=“100%p” android:duration=“1000” /》
《alpha android:fromAlpha=“1.0” android:toAlpha=“0.0” android:duration=“1000” /》
《/set》
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“0” android:toYDelta=“100%p” android:duration=“1000” /》
《alpha AnDroid : from Alpha=" 1.0 " AnDroid : ToalPha=LD
quo;0.0” android:duration=“1000” /》《/set》
在工程的values文件夹里新建文件popup_animation.xml：
《？xml version=“1.0” encoding=“utf-8”？》
《resources》
《style name=“PopupAnimation” parent=“android:Animation”》
《item name=“android:windowEnterAnimation”》@anim/popup_enter《/item》
《item name=“android:windowExitAnimation”》@anim/popup_exit《/item》
《/style》
《/resources》
main.xml的源码如下：
［xhtml］ view plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《LinearLayout android:id=“@+id/LinearLayout01”
android:layout_width=“fill_parent” android:layout_height=“fill_parent”
xmlns:android=“http://schemas.android.com/apk/res/android”》
《TextView android:id=“@+id/TextView01” android:layout_height=“wrap_content”
android:layout_width=“fill_parent” android:text=“扩展Menu----hellogv”》《/TextView》
《/LinearLayout》
《？xml version=“1.0” encoding=“utf-8”？》
《LinearLayout android:id=“@+id/LinearLayout01”
android:layout_width=“fill_parent” android:layout_height=“fill_parent”
xmlns:android=“http://schemas.android.com/apk/res/android”》
《TextView android:id=“@+id/TextView01” android:layout_height=“wrap_content”
android:layout_width=“fill_parent” android:text=“扩展Menu----hellogv”》《/TextView》
《/LinearLayout》
TabMenu的封装类TabMenu.java的源码如下：
［java］ view plaincopyprint？
package com.testTabMenu;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.LinearLayout.LayoutParams;
public class TabMenu extends PopupWindow{
private GridView gvBody， gvTitle;
private LinearLayout mLayout;
private MenuTitleAdapter titleAdapter;
public TabMenu（Context context，OnItemClickListener titleClick，OnItemClickListener bodyClick，
MenuTitleAdapter titleAdapter，int colorBgTabMenu，int aniTabMenu）{
super（context）;
mLayout = new LinearLayout（context）;
mLayout.setOrientation（LinearLayout.VERTICAL）;
//标题选项栏
gvTitle = new GridView（context）;
gvTitle.setLayoutParams（new LayoutParams（LayoutParams.FILL_PARENT， LayoutParams.WRAP_CONTENT））;
gvTitle.setNumColumns（titleAdapter.getCount（））;
gvTitle.setStretchMode（GridView.STRETCH_COLUMN_WIDTH）;
gvTitle.setVerticalSpacing（1）;
gvTitle.setHorizontalSpacing（1）;
gvTitle.setGravity（Gravity.CENTER）;
gvTitle.setOnItemClickListener（titleClick）;
gvTitle.setAdapter（titleAdapter）;
gvTitle.setSelector（new ColorDrawable（Color.TRANSPARENT））;//选中的时候为透明色
this.titleAdapter=titleAdapter;
//子选项栏
gvBody = new GridView（context）;
gvBody.setLayoutParams（new LayoutParams（LayoutParams.FILL_PARENT，LayoutParams.WRAP_CONTENT））;
gvBody.setSelector（new ColorDrawable（Color.TRANSPARENT））;//选中的时候为透明色
gvBody.setNumColumns（4）;
gvBody.setStretchMode（GridView.STRETCH_COLUMN_WIDTH）;
gvBody.setVerticalSpacing（10）;
gvBody.setHorizontalSpacing（10）;
gvBody.setPadding（10， 10， 10， 10）;
gvBody.setGravity（Gravity.CENTER）;
gvBody.setOnItemClickListener（bodyClick）;
mLayout.addView（gvTitle）;
mLayout.addView（gvBody）;
//设置默认项
this.setContentView（mLayout）;
this.setWidth（LayoutParams.FILL_PARENT）;
this.setHeight（LayoutParams.WRAP_CONTENT）;
this.setBackgroundDrawable（new ColorDrawable（colorBgTabMenu））;// 设置TabMenu菜单背景
this.setAnimationStyle（aniTabMenu）;
this.setFocusable（true）;// menu菜单获得焦点 如果没有获得焦点menu菜单中的控件事件无法响应
}
public void SetTitleSelect（int index）
{
gvTitle.setSelection（index）;
this.titleAdapter.SetFocus（index）;
}
public void SetBodySelect（int index，int colorSelBody）
{
int count=gvBody.getChildCount（）;
for（int i=0;i《count;i++）
{
if（i！=index）
（（LinearLayout）gvBody.getChildAt（i））.setBackgroundColor（Color.TRANSPARENT）;
}
（（LinearLayout）gvBody.getChildAt（index））.setBackgroundColor（colorSelBody）;
}
public void SetBodyAdapter（MenuBodyAdapter bodyAdapter）
{
gvBody.setAdapter（bodyAdapter）;
}
/**
* 自定义Adapter，TabMenu的每个分页的主体
*
*/
static public class MenuBodyAdapter extends BaseAdapter {
private Context mContext;
private int fontColor，fontSize;
private String［］ texts;
private int［］ resID;
用过UCWEB-Android版的人都应该对其特殊的menu有印象，把menu做成Tab-Menu（支持分页的Menu），可以容纳比Android传统的menu更丰富的内容（Android的menu超过6项则缩略在［更多］里），本文参考网上的例子（作者：CoffeeCole，email:longkefan@foxmail.com），对例子进行简化以及封装，使其作为一个复合控件融入自己的framework。
先来看看本文程序运行的效果：
TabMenu本身就是一个PopupWindow，PopupWindow上面放了两个GridView，第一个GridView就是分页标签，位于PopupWindow的顶部，第二个GridView是菜单，位于PopupWindow的主体。为了实现PopupWindow的弹出/退出的动画效果，本文使用了以下代码：
在工程的res文件夹里添加anim子目录，再新建文件popup_enter.xml：
［xhtml］ view plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“100%p” android:toYDelta=“0” android:duraTIon=“1000” /》
《alpha android:fromAlpha=“0.0” android:toAlpha=“1.0” android:duraTIon=“1000” /》
《/set》
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“100%p” android:toYDelta=“0” android:duraTIon=“1000” /》
《alpha android:fromAlpha=“0.0” android:toAlpha=“1.0” android:duraTIon=“1000” /》
《/set》
新建文件popup_exit.xml：
［xhtml］ view plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“0” android:toYDelta=“100%p” android:duration=“1000” /》
《alpha android:fromAlpha=“1.0” android:toAlpha=“0.0” android:duration=“1000” /》
《/set》
《？xml version=“1.0” encoding=“utf-8”？》
《set xmlns:android=“http://schemas.android.com/apk/res/android”》
《translate android:fromYDelta=“0” android:toYDelta=“100%p” android:duration=“1000” /》
《alpha android:fromAlpha=“1.0” android:toAlpha=“0.0” android:duration=“1000” /》
《/set》
在工程的values文件夹里新建文件popup_animation.xml：
《？xml version=“1.0” encoding=“utf-8”？》
《resources》
《style name=“PopupAnimation” parent=“android:Animation”》
《item name=“android:windowEnterAnimation”》@anim/popup_enter《/item》
《item name=“android:windowExitAnimation”》@anim/popup_exit《/item》
《/style》
《/resources》
main.xml的源码如下：
［xhtml］ view plaincopyprint？
《？xml version=“1.0” encoding=“utf-8”？》
《LinearLayout android:id=“@+id/LinearLayout01”
android:layout_width=“fill_parent” android:layout_height=“fill_parent”
xmlns:android=“http://schemas.android.com/apk/res/android”》
《TextView android:id=“@+id/TextView01” android:layout_height=“wrap_content”
android:layout_width=“fill_parent” android:text=“扩展Menu----hellogv”》《/TextView》
《/LinearLayout》
《？xml version=“1.0” encoding=“utf-8”？》
《LinearLayout android:id=“@+id/LinearLayout01”
android:layout_width=“fill_parent” android:layout_height=“fill_parent”
xmlns:android=“http://schemas.android.com/apk/res/android”》
《TextView android:id=“@+id/TextView01” android:layout_height=“wrap_content”
android:layout_width=“fill_parent” android:text=“扩展Menu----hellogv”》《/TextView》
《/LinearLayout》
TabMenu的封装类TabMenu.java的源码如下：
［java］ view plaincopyprint？
package com.testTabMenu;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.LinearLayout.LayoutParams;
public class TabMenu extends PopupWindow{
private GridView gvBody， gvTitle;
private LinearLayout mLayout;
private MenuTitleAdapter titleAdapter;
public TabMenu（Context context，OnItemClickListener titleClick，OnItemClickListener bodyClick，
MenuTitleAdapter titleAdapter，int colorBgTabMenu，int aniTabMenu）{
super（context）;
mLayout = new LinearLayout（context）;
mLayout.setOrientation（LinearLayout.VERTICAL）;
//标题选项栏
gvTitle = new GridView（context）;
gvTitle.setLayoutParams（new LayoutParams（LayoutParams.FILL_PARENT， LayoutParams.WRAP_CONTENT））;
gvTitle.setNumColumns（titleAdapter.getCount（））;
gvTitle.setStretchMode（GridView.STRETCH_COLUMN_WIDTH）;
gvTitle.setVerticalSpacing（1）;
gvTitle.setHorizontalSpacing（1）;
gvTitle.setGravity（Gravity.CENTER）;
gvTitle.setOnItemClickListener（titleClick）;
gvTitle.setAdapter（titleAdapter）;
gvTitle.setSelector（new ColorDrawable（Color.TRANSPARENT））;//选中的时候为透明色
this.titleAdapter=titleAdapter;
//子选项栏
gvBody = new GridView（context）;
gvBody.setLayoutParams（new LayoutParams（LayoutParams.FILL_PARENT，LayoutParams.WRAP_CONTENT））;
gvBody.setSelector（new ColorDrawable（Color.TRANSPARENT））;//选中的时候为透明色
gvBody.setNumColumns（4）;
gvBody.setStretchMode（GridView.STRETCH_COLUMN_WIDTH）;
gvBody.setVerticalSpacing（10）;
gvBody.setHorizontalSpacing（10）;
gvBody.setPadding（10， 10， 10， 10）;
gvBody.setGravity（Gravity.CENTER）;
gvBody.setOnItemClickListener（bodyClick）;
mLayout.addView（gvTitle）;
mLayout.addView（gvBody）;
//设置默认项
this.setContentView（mLayout）;
this.setWidth（LayoutParams.FILL_PARENT）;
this.setHeight（LayoutParams.WRAP_CONTENT）;
this.setBackgroundDrawable（new ColorDrawable（colorBgTabMenu））;// 设置TabMenu菜单背景
this.setAnimationStyle（aniTabMenu）;
this.setFocusable（true）;// menu菜单获得焦点 如果没有获得焦点menu菜单中的控件事件无法响应
}
public void SetTitleSelect（int index）
{
gvTitle.setSelection（index）;
this.titleAdapter.SetFocus（index）;
}
public void SetBodySelect（int index，int colorSelBody）
{
int count=gvBody.getChildCount（）;
for（int i=0;i《count;i++）
{
if（i！=index）
（（LinearLayout）gvBody.getChildAt（i））.setBackgroundColor（Color.TRANSPARENT）;
}
（（LinearLayout）gvBody.getChildAt（index））.setBackgroundColor（colorSelBody）;
}
public void SetBodyAdapter（MenuBodyAdapter bodyAdapter）
{
gvBody.setAdapter（bodyAdapter）;
}
/**
* 自定义Adapter，TabMenu的每个分页的主体
*
*/
static public class MenuBodyAdapter extends BaseAdapter {
private Context mContext;
private int fontColor，fontSize;
private String［］ texts;
private int［］ resID;
技术专区 睿赛德科技喜迁新址 ，RT-Thread进入新的加速发展阶段 可靠性高、控制灵活、低功耗可调速风扇散热系统 安防监控摄像头LED驱动解决方案 如何定制嵌入式Linux发行版 基于SoC实现的数据采集系统详解