您的位置: 首页  >  文章  >  Android提高十八篇之自定义Menu(TabMenu)

Android提高十八篇之自定义Menu(TabMenu)

分类: 文章 • 2025-04-28 12:11:22

本文来自http://blog.****.net/hellogv/，引用必须注明出处！

快要过年了，在这里先祝广大的技术宅兔年快乐！Android提高十八篇之自定义Menu(TabMenu)
用过UCWEB-Android版的人都应该对其特殊的menu有印象，把menu做成Tab-Menu(支持分页的Menu)，可以容纳比Android传统的menu更丰富的内容(Android的menu超过6项则缩略在[更多]里)，本文参考网上的例子(作者:CoffeeCole,email:[email protected]),对例子进行简化以及封装，使其作为一个复合控件融入自己的framework。

先来看看本文程序运行的效果：

Android提高十八篇之自定义Menu(TabMenu)

TabMenu本身就是一个PopupWindow，PopupWindow上面放了两个GridView,第一个GridView就是分页标签，位于PopupWindow的顶部，第二个GridView是菜单，位于PopupWindow的主体。为了实现PopupWindow的弹出/退出的动画效果，本文使用了以下代码：

在工程的res文件夹里添加anim子目录，再新建文件popup_enter.xml：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <setxmlns:android="http://schemas.android.com/apk/res/android">
  3. <translateandroid:fromYDelta="100%p"android:toYDelta="0"android:duration="1000"/>
  4. <alphaandroid:fromAlpha="0.0"android:toAlpha="1.0"android:duration="1000"/>
  5. </set>

新建文件popup_exit.xml：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <setxmlns:android="http://schemas.android.com/apk/res/android">
  3. <translateandroid:fromYDelta="0"android:toYDelta="100%p"android:duration="1000"/>
  4. <alphaandroid:fromAlpha="1.0"android:toAlpha="0.0"android:duration="1000"/>
  5. </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的源码如下：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutandroid:id="@+id/LinearLayout01"
  3. android:layout_width="fill_parent"android:layout_height="fill_parent"
  4. xmlns:android="http://schemas.android.com/apk/res/android">
  5. <TextViewandroid:id="@+id/TextView01"android:layout_height="wrap_content"
  6. android:layout_width="fill_parent"android:text="扩展Menu----hellogv"></TextView>
  7. </LinearLayout>

TabMenu的封装类TabMenu.java的源码如下：

view plainprint?
  1. packagecom.testTabMenu;
  2. importandroid.content.Context;
  3. importandroid.graphics.Color;
  4. importandroid.graphics.drawable.ColorDrawable;
  5. importandroid.view.Gravity;
  6. importandroid.view.View;
  7. importandroid.view.ViewGroup;
  8. importandroid.widget.BaseAdapter;
  9. importandroid.widget.GridView;
  10. importandroid.widget.ImageView;
  11. importandroid.widget.LinearLayout;
  12. importandroid.widget.PopupWindow;
  13. importandroid.widget.TextView;
  14. importandroid.widget.AdapterView.OnItemClickListener;
  15. importandroid.widget.LinearLayout.LayoutParams;
  16. publicclassTabMenuextendsPopupWindow{
  17. privateGridViewgvBody,gvTitle;
  18. privateLinearLayoutmLayout;
  19. privateMenuTitleAdaptertitleAdapter;
  20. publicTabMenu(Contextcontext,OnItemClickListenertitleClick,OnItemClickListenerbodyClick,
  21. MenuTitleAdaptertitleAdapter,intcolorBgTabMenu,intaniTabMenu){
  22. super(context);
  24. mLayout=newLinearLayout(context);
  25. mLayout.setOrientation(LinearLayout.VERTICAL);
  26. //标题选项栏
  27. gvTitle=newGridView(context);
  28. gvTitle.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
  29. gvTitle.setNumColumns(titleAdapter.getCount());
  30. gvTitle.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
  31. gvTitle.setVerticalSpacing(1);
  32. gvTitle.setHorizontalSpacing(1);
  33. gvTitle.setGravity(Gravity.CENTER);
  34. gvTitle.setOnItemClickListener(titleClick);
  35. gvTitle.setAdapter(titleAdapter);
  36. gvTitle.setSelector(newColorDrawable(Color.TRANSPARENT));//选中的时候为透明色
  37. this.titleAdapter=titleAdapter;
  38. //子选项栏
  39. gvBody=newGridView(context);
  40. gvBody.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
  41. gvBody.setSelector(newColorDrawable(Color.TRANSPARENT));//选中的时候为透明色
  42. gvBody.setNumColumns(4);
  43. gvBody.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
  44. gvBody.setVerticalSpacing(10);
  45. gvBody.setHorizontalSpacing(10);
  46. gvBody.setPadding(10,10,10,10);
  47. gvBody.setGravity(Gravity.CENTER);
  48. gvBody.setOnItemClickListener(bodyClick);
  49. mLayout.addView(gvTitle);
  50. mLayout.addView(gvBody);
  52. //设置默认项
  53. this.setContentView(mLayout);
  54. this.setWidth(LayoutParams.FILL_PARENT);
  55. this.setHeight(LayoutParams.WRAP_CONTENT);
  56. this.setBackgroundDrawable(newColorDrawable(colorBgTabMenu));//设置TabMenu菜单背景
  57. this.setAnimationStyle(aniTabMenu);
  58. this.setFocusable(true);//menu菜单获得焦点如果没有获得焦点menu菜单中的控件事件无法响应
  59. }
  62. publicvoidSetTitleSelect(intindex)
  63. {
  64. gvTitle.setSelection(index);
  65. this.titleAdapter.SetFocus(index);
  66. }
  68. publicvoidSetBodySelect(intindex,intcolorSelBody)
  69. {
  70. intcount=gvBody.getChildCount();
  71. for(inti=0;i<count;i++)
  72. {
  73. if(i!=index)
  74. ((LinearLayout)gvBody.getChildAt(i)).setBackgroundColor(Color.TRANSPARENT);
  75. }
  76. ((LinearLayout)gvBody.getChildAt(index)).setBackgroundColor(colorSelBody);
  77. }
  79. publicvoidSetBodyAdapter(MenuBodyAdapterbodyAdapter)
  80. {
  81. gvBody.setAdapter(bodyAdapter);
  82. }
  84. /**
  85. *自定义Adapter，TabMenu的每个分页的主体
  86. *
  87. */
  88. staticpublicclassMenuBodyAdapterextendsBaseAdapter{
  89. privateContextmContext;
  90. privateintfontColor,fontSize;
  91. privateString[]texts;
  92. privateint[]resID;
  93. /**
  94. *设置TabMenu的分页主体
  95. *@paramcontext调用方的上下文
  96. *@paramtexts按钮集合的字符串数组
  97. *@paramresID按钮集合的图标资源数组
  98. *@paramfontSize按钮字体大小
  99. *@paramcolor按钮字体颜色
  100. */
  101. publicMenuBodyAdapter(Contextcontext,String[]texts,int[]resID,intfontSize,intfontColor)
  102. {
  103. this.mContext=context;
  104. this.fontColor=fontColor;
  105. this.texts=texts;
  106. this.fontSize=fontSize;
  107. this.resID=resID;
  108. }
  109. publicintgetCount(){
  110. returntexts.length;
  111. }
  112. publicObjectgetItem(intposition){
  114. returnmakeMenyBody(position);
  115. }
  116. publiclonggetItemId(intposition){
  117. returnposition;
  118. }
  120. privateLinearLayoutmakeMenyBody(intposition)
  121. {
  122. LinearLayoutresult=newLinearLayout(this.mContext);
  123. result.setOrientation(LinearLayout.VERTICAL);
  124. result.setGravity(Gravity.CENTER_HORIZONTAL|Gravity.CENTER_VERTICAL);
  125. result.setPadding(10,10,10,10);
  127. TextViewtext=newTextView(this.mContext);
  128. text.setText(texts[position]);
  129. text.setTextSize(fontSize);
  130. text.setTextColor(fontColor);
  131. text.setGravity(Gravity.CENTER);
  132. text.setPadding(5,5,5,5);
  133. ImageViewimg=newImageView(this.mContext);
  134. img.setBackgroundResource(resID[position]);
  135. result.addView(img,newLinearLayout.LayoutParams(newLayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)));
  136. result.addView(text);
  137. returnresult;
  138. }
  140. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  141. returnmakeMenyBody(position);
  142. }
  143. }
  146. /**
  147. *自定义Adapter,TabMenu的分页标签部分
  148. *
  149. */
  150. staticpublicclassMenuTitleAdapterextendsBaseAdapter{
  151. privateContextmContext;
  152. privateintfontColor,unselcolor,selcolor;
  153. privateTextView[]title;
  154. /**
  155. *设置TabMenu的title
  156. *@paramcontext调用方的上下文
  157. *@paramtitles分页标签的字符串数组
  158. *@paramfontSize字体大小
  159. *@paramfontcolor字体颜色
  160. *@paramunselcolor未选中项的背景色
  161. *@paramselcolor选中项的背景色
  162. */
  163. publicMenuTitleAdapter(Contextcontext,String[]titles,intfontSize,
  164. intfontcolor,intunselcolor,intselcolor){
  165. this.mContext=context;
  166. this.fontColor=fontcolor;
  167. this.unselcolor=unselcolor;
  168. this.selcolor=selcolor;
  169. this.title=newTextView[titles.length];
  170. for(inti=0;i<titles.length;i++){
  171. title[i]=newTextView(mContext);
  172. title[i].setText(titles[i]);
  173. title[i].setTextSize(fontSize);
  174. title[i].setTextColor(fontColor);
  175. title[i].setGravity(Gravity.CENTER);
  176. title[i].setPadding(10,10,10,10);
  177. }
  178. }
  179. publicintgetCount(){
  180. returntitle.length;
  181. }
  182. publicObjectgetItem(intposition){
  183. returntitle[position];
  184. }
  185. publiclonggetItemId(intposition){
  186. returntitle[position].getId();
  187. }
  188. /**
  189. *设置选中的效果
  190. */
  191. privatevoidSetFocus(intindex)
  192. {
  193. for(inti=0;i<title.length;i++)
  194. {
  195. if(i!=index)
  196. {
  197. title[i].setBackgroundDrawable(newColorDrawable(unselcolor));//设置没选中的颜色
  198. title[i].setTextColor(fontColor);//设置没选中项的字体颜色
  199. }
  200. }
  201. title[index].setBackgroundColor(0x00);//设置选中项的颜色
  202. title[index].setTextColor(selcolor);//设置选中项的字体颜色
  203. }
  205. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  206. Viewv;
  207. if(convertView==null){
  208. v=title[position];
  209. }else{
  210. v=convertView;
  211. }
  212. returnv;
  213. }
  214. }
  215. }

testTabMenu介绍了数据的定义以及TabMenu的使用，源码如下：

view plainprint?
  1. packagecom.testTabMenu;
  2. importandroid.app.Activity;
  3. importandroid.graphics.Color;
  4. importandroid.os.Bundle;
  5. importandroid.view.Gravity;
  6. importandroid.view.Menu;
  7. importandroid.view.View;
  8. importandroid.widget.AdapterView;
  9. importandroid.widget.AdapterView.OnItemClickListener;
  10. importandroid.widget.Toast;
  11. publicclasstestTabMenuextendsActivity{
  12. TabMenu.MenuBodyAdapter[]bodyAdapter=newTabMenu.MenuBodyAdapter[3];
  13. TabMenu.MenuTitleAdaptertitleAdapter;
  14. TabMenutabMenu;
  15. intselTitle=0;
  16. @Override
  17. publicvoidonCreate(BundlesavedInstanceState){
  18. super.onCreate(savedInstanceState);
  19. setContentView(R.layout.main);
  20. //设置分页栏的标题
  21. titleAdapter=newTabMenu.MenuTitleAdapter(this,newString[]{"常用",
  22. "设置","工具"},16,0xFF222222,Color.LTGRAY,Color.WHITE);
  23. //定义每项分页栏的内容
  24. bodyAdapter[0]=newTabMenu.MenuBodyAdapter(this,newString[]{"常用1","常用2",},
  25. newint[]{R.drawable.menu_test,
  26. R.drawable.menu_bookmark},13,0xFFFFFFFF);
  28. bodyAdapter[1]=newTabMenu.MenuBodyAdapter(this,newString[]{"设置1","设置2",
  29. "设置3"},newint[]{R.drawable.menu_edit,
  30. R.drawable.menu_delete,R.drawable.menu_fullscreen},13,0xFFFFFFFF);
  32. bodyAdapter[2]=newTabMenu.MenuBodyAdapter(this,newString[]{"工具1","工具2",
  33. "工具3","工具4"},newint[]{R.drawable.menu_copy,
  34. R.drawable.menu_cut,R.drawable.menu_normalmode,
  35. R.drawable.menu_quit},13,0xFFFFFFFF);
  38. tabMenu=newTabMenu(this,
  39. newTitleClickEvent(),
  40. newBodyClickEvent(),
  41. titleAdapter,
  42. 0x55123456,//TabMenu的背景颜色
  43. R.style.PopupAnimation);//出现与消失的动画
  45. tabMenu.update();
  46. tabMenu.SetTitleSelect(0);
  47. tabMenu.SetBodyAdapter(bodyAdapter[0]);
  48. }
  50. classTitleClickEventimplementsOnItemClickListener{
  51. @Override
  52. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
  53. longarg3){
  54. selTitle=arg2;
  55. tabMenu.SetTitleSelect(arg2);
  56. tabMenu.SetBodyAdapter(bodyAdapter[arg2]);
  57. }
  58. }
  60. classBodyClickEventimplementsOnItemClickListener{
  61. @Override
  62. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
  63. longarg3){
  64. tabMenu.SetBodySelect(arg2,Color.GRAY);
  65. Stringstr="第"+String.valueOf(selTitle)+"栏/n/r"
  66. +"第"+String.valueOf(arg2)+"项";
  67. Toast.makeText(testTabMenu.this,str,500).show();
  69. }
  71. }
  72. @Override
  73. /**
  74. *创建MENU
  75. */
  76. publicbooleanonCreateOptionsMenu(Menumenu){
  77. menu.add("menu");//必须创建一项
  78. returnsuper.onCreateOptionsMenu(menu);
  79. }
  80. @Override
  81. /**
  82. *拦截MENU
  83. */
  84. publicbooleanonMenuOpened(intfeatureId,Menumenu){
  85. if(tabMenu!=null){
  86. if(tabMenu.isShowing())
  87. tabMenu.dismiss();
  88. else{
  89. tabMenu.showAtLocation(findViewById(R.id.LinearLayout01),
  90. Gravity.BOTTOM,0,0);
  91. }
  92. }
  93. returnfalse;//返回为true则显示系统menu
  94. }
  96. }

本文来自http://blog.****.net/hellogv/，引用必须注明出处！

快要过年了，在这里先祝广大的技术宅兔年快乐！Android提高十八篇之自定义Menu(TabMenu)
用过UCWEB-Android版的人都应该对其特殊的menu有印象，把menu做成Tab-Menu(支持分页的Menu)，可以容纳比Android传统的menu更丰富的内容(Android的menu超过6项则缩略在[更多]里)，本文参考网上的例子(作者:CoffeeCole,email:[email protected]),对例子进行简化以及封装，使其作为一个复合控件融入自己的framework。

先来看看本文程序运行的效果：

Android提高十八篇之自定义Menu(TabMenu)

TabMenu本身就是一个PopupWindow，PopupWindow上面放了两个GridView,第一个GridView就是分页标签，位于PopupWindow的顶部，第二个GridView是菜单，位于PopupWindow的主体。为了实现PopupWindow的弹出/退出的动画效果，本文使用了以下代码：

在工程的res文件夹里添加anim子目录，再新建文件popup_enter.xml：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <setxmlns:android="http://schemas.android.com/apk/res/android">
  3. <translateandroid:fromYDelta="100%p"android:toYDelta="0"android:duration="1000"/>
  4. <alphaandroid:fromAlpha="0.0"android:toAlpha="1.0"android:duration="1000"/>
  5. </set>

新建文件popup_exit.xml：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <setxmlns:android="http://schemas.android.com/apk/res/android">
  3. <translateandroid:fromYDelta="0"android:toYDelta="100%p"android:duration="1000"/>
  4. <alphaandroid:fromAlpha="1.0"android:toAlpha="0.0"android:duration="1000"/>
  5. </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的源码如下：

view plainprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutandroid:id="@+id/LinearLayout01"
  3. android:layout_width="fill_parent"android:layout_height="fill_parent"
  4. xmlns:android="http://schemas.android.com/apk/res/android">
  5. <TextViewandroid:id="@+id/TextView01"android:layout_height="wrap_content"
  6. android:layout_width="fill_parent"android:text="扩展Menu----hellogv"></TextView>
  7. </LinearLayout>

TabMenu的封装类TabMenu.java的源码如下：

view plainprint?
  1. packagecom.testTabMenu;
  2. importandroid.content.Context;
  3. importandroid.graphics.Color;
  4. importandroid.graphics.drawable.ColorDrawable;
  5. importandroid.view.Gravity;
  6. importandroid.view.View;
  7. importandroid.view.ViewGroup;
  8. importandroid.widget.BaseAdapter;
  9. importandroid.widget.GridView;
  10. importandroid.widget.ImageView;
  11. importandroid.widget.LinearLayout;
  12. importandroid.widget.PopupWindow;
  13. importandroid.widget.TextView;
  14. importandroid.widget.AdapterView.OnItemClickListener;
  15. importandroid.widget.LinearLayout.LayoutParams;
  16. publicclassTabMenuextendsPopupWindow{
  17. privateGridViewgvBody,gvTitle;
  18. privateLinearLayoutmLayout;
  19. privateMenuTitleAdaptertitleAdapter;
  20. publicTabMenu(Contextcontext,OnItemClickListenertitleClick,OnItemClickListenerbodyClick,
  21. MenuTitleAdaptertitleAdapter,intcolorBgTabMenu,intaniTabMenu){
  22. super(context);
  24. mLayout=newLinearLayout(context);
  25. mLayout.setOrientation(LinearLayout.VERTICAL);
  26. //标题选项栏
  27. gvTitle=newGridView(context);
  28. gvTitle.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
  29. gvTitle.setNumColumns(titleAdapter.getCount());
  30. gvTitle.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
  31. gvTitle.setVerticalSpacing(1);
  32. gvTitle.setHorizontalSpacing(1);
  33. gvTitle.setGravity(Gravity.CENTER);
  34. gvTitle.setOnItemClickListener(titleClick);
  35. gvTitle.setAdapter(titleAdapter);
  36. gvTitle.setSelector(newColorDrawable(Color.TRANSPARENT));//选中的时候为透明色
  37. this.titleAdapter=titleAdapter;
  38. //子选项栏
  39. gvBody=newGridView(context);
  40. gvBody.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
  41. gvBody.setSelector(newColorDrawable(Color.TRANSPARENT));//选中的时候为透明色
  42. gvBody.setNumColumns(4);
  43. gvBody.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);
  44. gvBody.setVerticalSpacing(10);
  45. gvBody.setHorizontalSpacing(10);
  46. gvBody.setPadding(10,10,10,10);
  47. gvBody.setGravity(Gravity.CENTER);
  48. gvBody.setOnItemClickListener(bodyClick);
  49. mLayout.addView(gvTitle);
  50. mLayout.addView(gvBody);
  52. //设置默认项
  53. this.setContentView(mLayout);
  54. this.setWidth(LayoutParams.FILL_PARENT);
  55. this.setHeight(LayoutParams.WRAP_CONTENT);
  56. this.setBackgroundDrawable(newColorDrawable(colorBgTabMenu));//设置TabMenu菜单背景
  57. this.setAnimationStyle(aniTabMenu);
  58. this.setFocusable(true);//menu菜单获得焦点如果没有获得焦点menu菜单中的控件事件无法响应
  59. }
  62. publicvoidSetTitleSelect(intindex)
  63. {
  64. gvTitle.setSelection(index);
  65. this.titleAdapter.SetFocus(index);
  66. }
  68. publicvoidSetBodySelect(intindex,intcolorSelBody)
  69. {
  70. intcount=gvBody.getChildCount();
  71. for(inti=0;i<count;i++)
  72. {
  73. if(i!=index)
  74. ((LinearLayout)gvBody.getChildAt(i)).setBackgroundColor(Color.TRANSPARENT);
  75. }
  76. ((LinearLayout)gvBody.getChildAt(index)).setBackgroundColor(colorSelBody);
  77. }
  79. publicvoidSetBodyAdapter(MenuBodyAdapterbodyAdapter)
  80. {
  81. gvBody.setAdapter(bodyAdapter);
  82. }
  84. /**
  85. *自定义Adapter，TabMenu的每个分页的主体
  86. *
  87. */
  88. staticpublicclassMenuBodyAdapterextendsBaseAdapter{
  89. privateContextmContext;
  90. privateintfontColor,fontSize;
  91. privateString[]texts;
  92. privateint[]resID;
  93. /**
  94. *设置TabMenu的分页主体
  95. *@paramcontext调用方的上下文
  96. *@paramtexts按钮集合的字符串数组
  97. *@paramresID按钮集合的图标资源数组
  98. *@paramfontSize按钮字体大小
  99. *@paramcolor按钮字体颜色
  100. */
  101. publicMenuBodyAdapter(Contextcontext,String[]texts,int[]resID,intfontSize,intfontColor)
  102. {
  103. this.mContext=context;
  104. this.fontColor=fontColor;
  105. this.texts=texts;
  106. this.fontSize=fontSize;
  107. this.resID=resID;
  108. }
  109. publicintgetCount(){
  110. returntexts.length;
  111. }
  112. publicObjectgetItem(intposition){
  114. returnmakeMenyBody(position);
  115. }
  116. publiclonggetItemId(intposition){
  117. returnposition;
  118. }
  120. privateLinearLayoutmakeMenyBody(intposition)
  121. {
  122. LinearLayoutresult=newLinearLayout(this.mContext);
  123. result.setOrientation(LinearLayout.VERTICAL);
  124. result.setGravity(Gravity.CENTER_HORIZONTAL|Gravity.CENTER_VERTICAL);
  125. result.setPadding(10,10,10,10);
  127. TextViewtext=newTextView(this.mContext);
  128. text.setText(texts[position]);
  129. text.setTextSize(fontSize);
  130. text.setTextColor(fontColor);
  131. text.setGravity(Gravity.CENTER);
  132. text.setPadding(5,5,5,5);
  133. ImageViewimg=newImageView(this.mContext);
  134. img.setBackgroundResource(resID[position]);
  135. result.addView(img,newLinearLayout.LayoutParams(newLayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)));
  136. result.addView(text);
  137. returnresult;
  138. }
  140. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  141. returnmakeMenyBody(position);
  142. }
  143. }
  146. /**
  147. *自定义Adapter,TabMenu的分页标签部分
  148. *
  149. */
  150. staticpublicclassMenuTitleAdapterextendsBaseAdapter{
  151. privateContextmContext;
  152. privateintfontColor,unselcolor,selcolor;
  153. privateTextView[]title;
  154. /**
  155. *设置TabMenu的title
  156. *@paramcontext调用方的上下文
  157. *@paramtitles分页标签的字符串数组
  158. *@paramfontSize字体大小
  159. *@paramfontcolor字体颜色
  160. *@paramunselcolor未选中项的背景色
  161. *@paramselcolor选中项的背景色
  162. */
  163. publicMenuTitleAdapter(Contextcontext,String[]titles,intfontSize,
  164. intfontcolor,intunselcolor,intselcolor){
  165. this.mContext=context;
  166. this.fontColor=fontcolor;
  167. this.unselcolor=unselcolor;
  168. this.selcolor=selcolor;
  169. this.title=newTextView[titles.length];
  170. for(inti=0;i<titles.length;i++){
  171. title[i]=newTextView(mContext);
  172. title[i].setText(titles[i]);
  173. title[i].setTextSize(fontSize);
  174. title[i].setTextColor(fontColor);
  175. title[i].setGravity(Gravity.CENTER);
  176. title[i].setPadding(10,10,10,10);
  177. }
  178. }
  179. publicintgetCount(){
  180. returntitle.length;
  181. }
  182. publicObjectgetItem(intposition){
  183. returntitle[position];
  184. }
  185. publiclonggetItemId(intposition){
  186. returntitle[position].getId();
  187. }
  188. /**
  189. *设置选中的效果
  190. */
  191. privatevoidSetFocus(intindex)
  192. {
  193. for(inti=0;i<title.length;i++)
  194. {
  195. if(i!=index)
  196. {
  197. title[i].setBackgroundDrawable(newColorDrawable(unselcolor));//设置没选中的颜色
  198. title[i].setTextColor(fontColor);//设置没选中项的字体颜色
  199. }
  200. }
  201. title[index].setBackgroundColor(0x00);//设置选中项的颜色
  202. title[index].setTextColor(selcolor);//设置选中项的字体颜色
  203. }
  205. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
  206. Viewv;
  207. if(convertView==null){
  208. v=title[position];
  209. }else{
  210. v=convertView;
  211. }
  212. returnv;
  213. }
  214. }
  215. }

testTabMenu介绍了数据的定义以及TabMenu的使用，源码如下：

view plainprint?
  1. packagecom.testTabMenu;
  2. importandroid.app.Activity;
  3. importandroid.graphics.Color;
  4. importandroid.os.Bundle;
  5. importandroid.view.Gravity;
  6. importandroid.view.Menu;
  7. importandroid.view.View;
  8. importandroid.widget.AdapterView;
  9. importandroid.widget.AdapterView.OnItemClickListener;
  10. importandroid.widget.Toast;
  11. publicclasstestTabMenuextendsActivity{
  12. TabMenu.MenuBodyAdapter[]bodyAdapter=newTabMenu.MenuBodyAdapter[3];
  13. TabMenu.MenuTitleAdaptertitleAdapter;
  14. TabMenutabMenu;
  15. intselTitle=0;
  16. @Override
  17. publicvoidonCreate(BundlesavedInstanceState){
  18. super.onCreate(savedInstanceState);
  19. setContentView(R.layout.main);
  20. //设置分页栏的标题
  21. titleAdapter=newTabMenu.MenuTitleAdapter(this,newString[]{"常用",
  22. "设置","工具"},16,0xFF222222,Color.LTGRAY,Color.WHITE);
  23. //定义每项分页栏的内容
  24. bodyAdapter[0]=newTabMenu.MenuBodyAdapter(this,newString[]{"常用1","常用2",},
  25. newint[]{R.drawable.menu_test,
  26. R.drawable.menu_bookmark},13,0xFFFFFFFF);
  28. bodyAdapter[1]=newTabMenu.MenuBodyAdapter(this,newString[]{"设置1","设置2",
  29. "设置3"},newint[]{R.drawable.menu_edit,
  30. R.drawable.menu_delete,R.drawable.menu_fullscreen},13,0xFFFFFFFF);
  32. bodyAdapter[2]=newTabMenu.MenuBodyAdapter(this,newString[]{"工具1","工具2",
  33. "工具3","工具4"},newint[]{R.drawable.menu_copy,
  34. R.drawable.menu_cut,R.drawable.menu_normalmode,
  35. R.drawable.menu_quit},13,0xFFFFFFFF);
  38. tabMenu=newTabMenu(this,
  39. newTitleClickEvent(),
  40. newBodyClickEvent(),
  41. titleAdapter,
  42. 0x55123456,//TabMenu的背景颜色
  43. R.style.PopupAnimation);//出现与消失的动画
  45. tabMenu.update();
  46. tabMenu.SetTitleSelect(0);
  47. tabMenu.SetBodyAdapter(bodyAdapter[0]);
  48. }
  50. classTitleClickEventimplementsOnItemClickListener{
  51. @Override
  52. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
  53. longarg3){
  54. selTitle=arg2;
  55. tabMenu.SetTitleSelect(arg2);
  56. tabMenu.SetBodyAdapter(bodyAdapter[arg2]);
  57. }
  58. }
  60. classBodyClickEventimplementsOnItemClickListener{
  61. @Override
  62. publicvoidonItemClick(AdapterView<?>arg0,Viewarg1,intarg2,
  63. longarg3){
  64. tabMenu.SetBodySelect(arg2,Color.GRAY);
  65. Stringstr="第"+String.valueOf(selTitle)+"栏/n/r"
  66. +"第"+String.valueOf(arg2)+"项";
  67. Toast.makeText(testTabMenu.this,str,500).show();
  69. }
  71. }
  72. @Override
  73. /**
  74. *创建MENU
  75. */
  76. publicbooleanonCreateOptionsMenu(Menumenu){
  77. menu.add("menu");//必须创建一项
  78. returnsuper.onCreateOptionsMenu(menu);
  79. }
  80. @Override
  81. /**
  82. *拦截MENU
  83. */
  84. publicbooleanonMenuOpened(intfeatureId,Menumenu){
  85. if(tabMenu!=null){
  86. if(tabMenu.isShowing())
  87. tabMenu.dismiss();
  88. else{
  89. tabMenu.showAtLocation(findViewById(R.id.LinearLayout01),
  90. Gravity.BOTTOM,0,0);
  91. }
  92. }
  93. returnfalse;//返回为true则显示系统menu
  94. }
  96. }

相关推荐