自定义menu

Android2.2版本中,如果你要修改菜单默认的背景颜色,网络上有许多的方法。在此就不说了。但是,如果要在2.2以上的版本修改菜单的样式,例如修改背景颜色,图片等,使用这些方法是没有任何作用的。因此自己写了一个自定义的菜单控件,可以自由定义菜单的样式,使得菜单的样式更加丰富。本文参考了这篇文章而写的: http://blog.csdn.net/hellogv/article/details/6168439


程序运行效果:


MyMenu本身是一个PopWindow,PopWindow上放了一个GridView。给GridView配了一个MyMenuAdapter,于是有了菜单的样子。

1: 在工程的res文件夹下添加目录anim子目录,在anim文件夹中,新建了两个文件:

popup_enter.xml

<?xml version="1.0" encoding="utf-8"?>  
  1. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  2.   
  3.     <translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="500"/>  
  4.     <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="500"/>  
  5.   
  6. </set>  

popup_exit.xml

<?xml version="1.0" encoding="utf-8"?>  
  1. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  2.   
  3.     <translate android:fromYDelta="0" android:toYDelta="100%p" android:duration="1000"/>  
  4.     <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="1000"/>  
  5.   
  6. </set>  

2: 在工程的values文件夹下新建popup_animation.xml文件。

<?xml version="1.0" encoding="utf-8"?>  
  1. <resources>  
  2.     <style name="PopupAnimation" parent="android:Animation">  
  3.         <item name="android:windowEnterAnimation">@anim/popup_enter</item>  
  4.         <item name="android:windowExitAnimation">@anim/popup_exit</item>  
  5.     </style>  
  6.       
  7. </resources>  

3: main.xml代码如下:

<?xml version="1.0" encoding="utf-8"?>  

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:orientation="vertical"   
  5.     android:id="@+id/linearLayout01">  
  6.   
  7.     <TextView  
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:text="@string/hello" />  
  11.   
  12. </LinearLayout>  

4: MyMenu的源码如下:

package com.haozi.demo.menu3.wiget;  
  1.   
  2. import android.content.Context;  
  3. import android.graphics.Color;  
  4. import android.graphics.drawable.ColorDrawable;  
  5. import android.view.Gravity;  
  6. import android.view.KeyEvent;  
  7. import android.view.View;  
  8. import android.view.ViewGroup;  
  9. import android.view.ViewGroup.LayoutParams;  
  10. import android.widget.BaseAdapter;  
  11. import android.widget.GridView;  
  12. import android.widget.LinearLayout;  
  13. import android.widget.PopupWindow;  
  14. import android.widget.TextView;  
  15. import android.widget.AdapterView.OnItemClickListener;  
  16.   
  17. /** 
  18.  * 我的菜单 
  19.  * @author haozi 
  20.  * 
  21.  */  
  22. public class MyMenu extends PopupWindow {  
  23.   
  24.     private GridView gvTitle;                 // 标题   
  25.     private LinearLayout mLayout;             // PopupWindow的布局   
  26.     private MyMenuAdapter myMenuAdapter;      // 自定义菜单的适配器   
  27.       
  28.     /** 
  29.      * 构造方法 
  30.      * @param context 调用方的上下文 
  31.      * @param titleClick 菜单点击事件 
  32.      * @param myMenuAdapter 菜单适配器 
  33.      * @param myMenuBackgroundColor 菜单背景颜色 
  34.      * @param myMenuAnim 菜单需要的动画效果 
  35.      */  
  36.     public MyMenu(Context context, OnItemClickListener titleClick,   
  37.             int myMenuBackgroundColor, int myMenuAnim){  
  38.         super(context);  
  39.           
  40.         // 创建适配器   
  41.         myMenuAdapter = new MyMenuAdapter(context,   
  42.                 new String[]{"目录""书签""摘要""设置"},   
  43.                 16,   
  44.                 Color.argb(25513910647),  // 未选中字体颜色   
  45.                 Color.argb(255247246234), // 选中字体颜色   
  46.                 Color.argb(255247246234), // 未选中背景颜色   
  47.                 Color.argb(25513910647)); // 选中背景颜色   
  48.           
  49.         mLayout = new LinearLayout(context);  
  50.         mLayout.setOrientation(LinearLayout.VERTICAL);  
  51.         // 菜单选项栏   
  52.         gvTitle = new GridView(context);  
  53.         gvTitle.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));  
  54.         // 设置列数   
  55.         gvTitle.setNumColumns(myMenuAdapter.getCount());  
  56.         // 设置宽度自适应   
  57.         gvTitle.setStretchMode(GridView.STRETCH_COLUMN_WIDTH);  
  58.         gvTitle.setVerticalSpacing(1);  
  59.         gvTitle.setHorizontalSpacing(1);  
  60.         gvTitle.setGravity(Gravity.CENTER);  
  61.         gvTitle.setOnItemClickListener(titleClick);  
  62.         // 选中的时候为透明色   
  63.         gvTitle.setSelector(new ColorDrawable(Color.TRANSPARENT));  
  64.         gvTitle.setAdapter(myMenuAdapter);  
  65.         // 把gvTitle放在layout上   
  66.         this.mLayout.addView(gvTitle);  
  67.           
  68.         // 设置菜单的特征   
  69.         setContentView(this.mLayout);  
  70.         setWidth(LayoutParams.FILL_PARENT);  
  71.         setHeight(LayoutParams.WRAP_CONTENT);  
  72.         setBackgroundDrawable(new ColorDrawable(myMenuBackgroundColor));  
  73.         setAnimationStyle(myMenuAnim);  
  74.         setFocusable(true);  
  75.           
  76.         mLayout.setFocusableInTouchMode(true);  
  77.         mLayout.setOnKeyListener(new View.OnKeyListener() {  
  78.               
  79.             @Override  
  80.             public boolean onKey(View v, int keyCode, KeyEvent event) {  
  81.                   
  82.                 if(keyCode == KeyEvent.KEYCODE_MENU && isShowing()){  
  83.                     dismiss();  
  84.                     return true;  
  85.                 }  
  86.                 return false;  
  87.             }  
  88.         });  
  89.     }  
  90.       
  91.     public void setTitleSelect(int index)    
  92.     {    
  93.         gvTitle.setSelection(index);    
  94.         this.myMenuAdapter.setFocus(index);    
  95.     }     
  96.       
  97.     /** 
  98.      * 适配器 
  99.      * @author haozi 
  100.      * 
  101.      */  
  102.     class MyMenuAdapter extends BaseAdapter{  
  103.   
  104.         private Context context;  
  105.         private TextView[] tvTitles;  
  106.         private int fontUnSelColor;  
  107.         private int fontSelColor;  
  108.         private int bgUnSelColor;  
  109.         private int bgSelColor;  
  110.           
  111.         /** 
  112.          * 设置 title 
  113.          * @param context 调用方的上下文 
  114.          * @param titles 数据 
  115.          * @param fontSize 字体大小 
  116.          * @param fontUnSelColor 未选中字体颜色 
  117.          * @param fontSelColor 选中字体颜色 
  118.          * @param bgUnSelColor 未选中背景颜色 
  119.          * @param bgSelColor 选中背景颜色 
  120.          */  
  121.         public MyMenuAdapter(Context context, String[] titles,  
  122.                 int fontSize, int fontUnSelColor, int fontSelColor, int bgUnSelColor, int bgSelColor){  
  123.             this.context = context;  
  124.             this.fontUnSelColor = fontUnSelColor;  
  125.             this.fontSelColor = fontSelColor;  
  126.             this.bgUnSelColor = bgUnSelColor;  
  127.             this.bgSelColor = bgSelColor;  
  128.             // 根据传递进来的titles创建menu上的textView。   
  129.             tvTitles = new TextView[titles.length];  
  130.             for(int i=0; i<titles.length; i++){  
  131.                 tvTitles[i] = new TextView(context);  
  132.                 tvTitles[i].setText(titles[i]);  
  133.                 tvTitles[i].setTextSize(fontSize);  
  134.                 tvTitles[i].setTextColor(fontUnSelColor);  
  135.                 tvTitles[i].setGravity(Gravity.CENTER);  
  136.                 tvTitles[i].setPadding(10301030);  
  137.             }  
  138.         }  
  139.           
  140.         @Override  
  141.         public int getCount() {  
  142.             // TODO Auto-generated method stub   
  143.             return tvTitles.length;  
  144.         }  
  145.   
  146.         @Override  
  147.         public Object getItem(int position) {  
  148.             // TODO Auto-generated method stub   
  149.             return tvTitles[position];  
  150.         }  
  151.   
  152.         @Override  
  153.         public long getItemId(int position) {  
  154.             // TODO Auto-generated method stub   
  155.             return tvTitles[position].getId();  
  156.         }  
  157.           
  158.         /** 
  159.          * 设置选中效果 
  160.          * 
  161.          * @param index 
  162.          *  
  163.          * @project: 
  164.          * 
  165.          * @author haozi on 2012-3-5 
  166.          */  
  167.         public void setFocus(int index){  
  168.               
  169.             for(int i=0; i<tvTitles.length; i++){  
  170.                   
  171.                 if(i != index){// 如果未选中   
  172.                     this.tvTitles[i].setBackgroundColor(this.bgUnSelColor);  
  173.                     this.tvTitles[i].setTextColor(this.fontUnSelColor);  
  174.                 }else{// 如果选中   
  175.                     this.tvTitles[i].setBackgroundColor(this.bgSelColor);  
  176.                     this.tvTitles[i].setTextColor(this.fontSelColor);                     
  177.                 }  
  178.             }  
  179.         }  
  180.   
  181.         @Override  
  182.         public View getView(int position, View convertView, ViewGroup parent) {  
  183.               
  184.             View v = null;  
  185.             if(convertView == null){  
  186.                 v = tvTitles[position];  
  187.             }else{  
  188.                 v = convertView;  
  189.             }  
  190.             return v;  
  191.         }  
  192.     }  
  193. }  

5: demo的Activity的源码如下,是在这里创建MyMenu。

 
/** 
  1.  * 入口Activity 
  2.  * @author haozi 
  3.  * 
  4.  */  
  5. public class _04MyMenuDemo3Activity extends Activity {  
  6.       
  7.     private MyMenu myMenu;  
  8.     private int setTitle;  
  9.       
  10.     @Override  
  11.     public void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.main);  
  14.           
  15.         myMenu = new MyMenu(this,   
  16.                 new TitleClickEvent(),   
  17.                 Color.argb(25513910647),   
  18.                 R.style.PopupAnimation);  
  19.           
  20.         myMenu.update();  
  21.         myMenu.setTitleSelect(0);  
  22.     }  
  23.       
  24.     class TitleClickEvent implements OnItemClickListener{    
  25.           
  26.         @Override    
  27.         public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,    
  28.                 long arg3) {    
  29.             setTitle=arg2;    
  30.             myMenu.setTitleSelect(setTitle);  
  31.         }  
  32.     }   
  33.       
  34.     @Override  
  35.     public boolean onCreateOptionsMenu(Menu menu) {  
  36.           
  37.         menu.add("menu");  
  38.         return super.onCreateOptionsMenu(menu);  
  39.     }  
  40.       
  41.     @Override  
  42.     public boolean onMenuOpened(int featureId, Menu menu) {  
  43.           
  44.         if (myMenu != null) {    
  45.             if (myMenu.isShowing())    
  46.                 myMenu.dismiss();    
  47.             else {    
  48.                 myMenu.showAtLocation(findViewById(R.id.linearLayout01),    
  49.                         Gravity.BOTTOM, 00);    
  50.             }    
  51.         }    
  52.         return false;// 返回为true 则显示系统menu     
  53.     }  
  54. }  


demo下载链接地址:http://download.csdn.net/detail/hello_haozi/4291200

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值