`
lovecontry
  • 浏览: 1035561 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

快要过年了，在这里先祝广大的技术宅兔年快乐！
用过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：

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.csdn.net/hellogv/，引用必须注明出处！

快要过年了，在这里先祝广大的技术宅兔年快乐！
用过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：

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. }

分享到：
| Android提高十七篇之多级树形菜单的实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android提高之自定义Menu(TabMenu)实现方法

    主要介绍了Android自定义Menu(TabMenu)实现方法,是非常实用的功能,需要的朋友可以参考下

    android自定义菜单

    android 一套自定义菜单 有图标 自定义一个tabmenu 继承PopupWindow menu做成Tab-Menu(支持分页Menu)

    Android自定义底部菜单

    在Android的应用中，经常会见到底部菜单.而在企业级的Android应用中，也存在同样的需求，但与微信这些大众软件的区别在于企业级的Android应用由于UI页面很多，每个页面都需要有底部菜单，而且每个页面的底部菜单按钮...

    Android-BottomNavigation仿照闲鱼的底部菜单栏可以自定义数目大小

    BottomNavigation 仿照闲鱼的底部菜单栏，可以自定义数目大小

    AndroidTabMenuCustomizeActionBarItemClick:Android 选项卡菜单和自定义 ActionBar 项

    Android Tab Menu 自定义ActionBar Item 点击 Android 选项卡菜单和自定义 ActionBar 项

    android开发资料大全

    Android提高篇内容整理 android移动开发案例精选 Android通过画线实现button效果 Android如何防止apk程序被反编译 Android 之 AIDL 和远程 Service 调用 Android 相对布局技巧 android开发环境之Logcat(日志)教程...

    Android自定义ActionBarCangol-ActionBar.zip

    Cangol-ActionBar 是一款Android自定义ActionBar组件。 截图： 使用： Maven    &lt;groupId&gt;mobi.cangol.mobile  &lt;artifactId&gt;actionbar  &lt;version&gt;1.0.1  &lt;type&gt;aar   Gradle compile 'mobi...

    android开发入门与实战(下)

    7.4 友好的菜单——menu介绍与实例 7.4.1 实例操作演示 7.4.2 实例编程实现 7.5 Android应用的灵魂——Intent和Activity介绍与实例 7.5.1 实例操作演示 7.5.2 实例编程实现 7.6 用好列表，做好程序——列表(ListView...

    android 自定義menu加上tabhost

    点击屏幕中间可以自动弹出,按menu键可以自动弹出,相再点击自动隐藏,只要在TabMenu类中添加以下方法就行mLayout.setOnKeyListener(new OnKeyListener() { @Override public boolean onKey(View v, int keyCode, ...

    Android仿微信底部菜单栏+今日头条顶部导航栏

    在Android中实现两种主要的Tab效果： 1. 仿微信底部菜单；2. 仿今日头条顶部导航条。博客讲解见：https://blog.csdn.net/ahuyangdong/article/details/82493158。github源码：...

    Android入门到精通源代码.

    《Android从入门到精通》 第1章 初识Android 1.1 什么是Android 1.1.1 移动信息设备分类 1.1.2 Open Handset Alliance和 Android 1.2 Android简介 1.2.1 Andriod的历史 1.2.2 Andriod的未来 1.2.3 Andriod平台的技术...

    android开发demo集合

    26、Menu、SubMenu、ContextMenu xml配置menu 27、Attribute 自定义view的duration属性 控制图片的透明度 28、Bitmap、BitmapFactory 图形与图像处理 29、Canvas 绘制自定义图形 30、Canvas 采用双缓存实现画图板 ...

    android初学者入门项目

    26、Menu、SubMenu、ContextMenu xml配置menu 27、Attribute 自定义view的duration属性 控制图片的透明度 28、Bitmap、BitmapFactory 图形与图像处理 29、Canvas 绘制自定义图形 30、Canvas 采用双缓存实现画图板 ...

    疯狂Android讲义源码

    　5.3 使用Intent创建Tab页面 211 　5.4 本章小结 212 　第6章 Android应用的资源 213 　6.1 资源的类型及存储方式 214 　6.1.1 资源的类型以及存储方式 214 　6.1.2 使用资源 216 　6.2 使用字符串、颜色、 　尺寸...

    筛选菜单库DropDownMenu­_.zip

     }使用教程添加DropDownMenu 到你的布局文件，如下&lt;com android:id="@ id/dropDownMenu" android:layout_width="match_parent" android:layout_height="match_parent" app:ddmenuTextSize="13sp" app:...

    IconTextMenu:Android图标，带有用于主底部的文本菜单

    项目描述安卓自定义文字和图标按钮，适合放在MainActivity底部，仅作为个人作为教学示例演示使用说明1、gradle引入 compile 'com.joe.tabmenu:tabmenu:1.0.0'2、布局文件使用&lt;...

Magicbox
Global site tag (gtag.js) - Google Analytics