Android提高十八篇之自定义MenuTabMenu.docx

上传人:b****5 文档编号:6007501 上传时间:2023-01-02 格式:DOCX 页数:10 大小:247.75KB
下载 相关 举报
Android提高十八篇之自定义MenuTabMenu.docx_第1页
第1页 / 共10页
Android提高十八篇之自定义MenuTabMenu.docx_第2页
第2页 / 共10页
Android提高十八篇之自定义MenuTabMenu.docx_第3页
第3页 / 共10页
Android提高十八篇之自定义MenuTabMenu.docx_第4页
第4页 / 共10页
Android提高十八篇之自定义MenuTabMenu.docx_第5页
第5页 / 共10页
点击查看更多>>
下载资源
资源描述

Android提高十八篇之自定义MenuTabMenu.docx

《Android提高十八篇之自定义MenuTabMenu.docx》由会员分享,可在线阅读,更多相关《Android提高十八篇之自定义MenuTabMenu.docx(10页珍藏版)》请在冰豆网上搜索。

Android提高十八篇之自定义MenuTabMenu.docx

Android提高十八篇之自定义MenuTabMenu

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

文章录入:

7747.Net    责任编辑:

7747.Net 464

【字体:

小大】

快要过年了,在这里先祝广大的技术宅兔年快乐!

      用过UCWEB-Android版的人都应该对其特殊的menu有印象,把menu做成Tab-Menu(支持分页的Menu),可以容纳比Android传统的menu更丰富的内容(Android的menu超过6项则缩略在[更多]里),本文参考网上的例子(作者:

CoffeeCole,email:

longkefan@),对例子进行简化以及封装,使其作为一个复合控件融入自己的framework。

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

TabMenu本身就是一个PopupWindow,PopupWindow上面放了两个GridView,第一个GridView就是分页标签,位于PopupWindow的顶部,第二个GridView是菜单,位于PopupWindow的主体。

为了实现PopupWindow的弹出/退出的动画效果,本文使用了以下代码:

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

xmlversion="1.0"encoding="utf-8"?

>

android="

 

fromYDelta="100%p"android:

toYDelta="0"android:

duration="1000"/>

 

fromAlpha="0.0"android:

toAlpha="1.0"android:

duration="1000"/>

 

新建文件popup_exit.xml:

xmlversion="1.0"encoding="utf-8"?

>

android="

 

fromYDelta="0"android:

toYDelta="100%p"android:

duration="1000"/>

 

fromAlpha="1.0"android:

toAlpha="0.0"android:

duration="1000"/>

 

在工程的values文件夹里新建文件popup_animation.xml:

xmlversion="1.0"encoding="utf-8"?

    

   

Animation">

       

windowEnterAnimation">@anim/popup_enter 

       

windowExitAnimation">@anim/popup_exit  

    

 

main.xml的源码如下:

xmlversion="1.0"encoding="utf-8"?

>

id="@+id/LinearLayout01"

 android:

layout_width="fill_parent"android:

layout_height="fill_parent"

 xmlns:

android="

 

id="@+id/TextView01"android:

layout_height="wrap_content"

  android:

layout_width="fill_parent"android:

text="扩展Menu----hellogv">

 

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

packagecom.testTabMenu;

importandroid.content.Context;

importandroid.graphics.Color;

importandroid.graphics.drawable.ColorDrawable;

importandroid.view.Gravity;

importandroid.view.View;

importandroid.view.ViewGroup;

importandroid.widget.BaseAdapter;

importandroid.widget.GridView;

importandroid.widget.ImageView;

importandroid.widget.LinearLayout;

importandroid.widget.PopupWindow;

importandroid.widget.TextView;

importandroid.widget.AdapterView.OnItemClickListener;

importandroid.widget.LinearLayout.LayoutParams;

publicclassTabMenuextendsPopupWindow{

 privateGridViewgvBody,gvTitle;

 privateLinearLayoutmLayout;

 privateMenuTitleAdaptertitleAdapter;

 publicTabMenu(Contextcontext,OnItemClickListenertitleClick,OnItemClickListenerbodyClick,

   MenuTitleAdaptertitleAdapter,intcolorBgTabMenu,intaniTabMenu){

  super(context);

  

  mLayout=newLinearLayout(context);

  mLayout.setOrientation(LinearLayout.VERTICAL);

  //标题选项栏

  gvTitle=newGridView(context);

  gvTitle.setLayoutParams(newLayoutParams(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(newColorDrawable(Color.TRANSPARENT));//选中的时候为透明色

  this.titleAdapter=titleAdapter;

  //子选项栏

  gvBody=newGridView(context);

  gvBody.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));

  gvBody.setSelector(newColorDrawable(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(newColorDrawable(colorBgTabMenu));//设置TabMenu菜单背景

  this.setAnimationStyle(aniTabMenu);

  this.setFocusable(true);//menu菜单获得焦点如果没有获得焦点menu菜单中的控件事件无法响应

 }

 

 

 publicvoidSetTitleSelect(intindex)

 {

  gvTitle.setSelection(index);

  this.titleAdapter.SetFocus(index);

 }

 

 publicvoidSetBodySelect(intindex,intcolorSelBody)

 {

  intcount=gvBody.getChildCount();

  for(inti=0;i

  {

   if(i!

=index)

    ((LinearLayout)gvBody.getChildAt(i)).setBackgroundColor(Color.TRANSPARENT);

  }

  ((LinearLayout)gvBody.getChildAt(index)).setBackgroundColor(colorSelBody);

 }

 

 publicvoidSetBodyAdapter(MenuBodyAdapterbodyAdapter)

 {

  gvBody.setAdapter(bodyAdapter);

 }

 

 /**

 *自定义Adapter,TabMenu的每个分页的主体

 *

 */

 staticpublicclassMenuBodyAdapterextendsBaseAdapter{

  privateContextmContext;

  privateintfontColor,fontSize;

  privateString[]texts;

  privateint[]resID;

  /**

  *设置TabMenu的分页主体

  *@paramcontext调用方的上下文

  *@paramtexts按钮集合的字符串数组

  *@paramresID按钮集合的图标资源数组

  *@paramfontSize按钮字体大小

  *@paramcolor按钮字体颜色

  */

  publicMenuBodyAdapter(Contextcontext,String[]texts,int[]resID,intfontSize,intfontColor)

  {

   this.mContext=context;

   this.fontColor=fontColor;

   this.texts=texts;

   this.fontSize=fontSize;

   this.resID=resID;

  }

  publicintgetCount(){

   returntexts.length;

  }

  publicObjectgetItem(intposition){

   

   returnmakeMenyBody(position);

  }

  publiclonggetItemId(intposition){

   returnposition;

  }

  

  privateLinearLayoutmakeMenyBody(intposition)

  {

   LinearLayoutresult=newLinearLayout(this.mContext);

   result.setOrientation(LinearLayout.VERTICAL);

   result.setGravity(Gravity.CENTER_HORIZONTAL|Gravity.CENTER_VERTICAL); 

   result.setPadding(10,10,10,10);

   

   TextViewtext=newTextView(this.mContext);

   text.setText(texts[position]);

   text.setTextSize(fontSize);

   text.setTextColor(fontColor);

   text.setGravity(Gravity.CENTER);

   text.setPadding(5,5,5,5);

   ImageViewimg=newImageView(this.mContext);

   img.setBackgroundResource(resID[position]);

   result.addView(img,newLinearLayout.LayoutParams(newLayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)));

   result.addView(text);

   returnresult;

  }

  

  publicViewgetView(intposition,ViewconvertView,ViewGroupparent){

   returnmakeMenyBody(position);

  }

 }

 

 

 /**

 *自定义Adapter,TabMenu的分页标签部分

 *

 */

 staticpublicclassMenuTitleAdapterextendsBaseAdapter{

  privateContextmContext;

       privateintfontColor,unselcolor,selcolor;

       privateTextView[]title;

       /**

        *设置TabMenu的title

        *@paramcontext调用方的上下文

        *@paramtitles分页标签的字符串数组

        *@paramfontSize字体大小

        *@paramfontcolor字体颜色

        *@paramunselcolor未选中项的背景色

        *@paramselcolor选中项的背景色

        */

       publicMenuTitleAdapter(Contextcontext,String[]titles,intfontSize,

               intfontcolor,intunselcolor,intselcolor){

           this.mContext=context;

           this.fontColor=fontcolor;

           this.unselcolor=unselcolor;

           this.selcolor=selcolor;

           this.title=newTextView[titles.length];

           for(inti=0;i

               title[i]=newTextView(mContext);

               title[i].setText(titles[i]);

               title[i].setTextSize(fontSize);

               title[i].setTextColor(fontColor);

               title[i].setGravity(Gravity.CENTER);

               title[i].setPadding(10,10,10,10);

           }

       }

       publicintgetCount(){

           returntitle.length;

       }

       publicObjectgetItem(intposition){

           returntitle[position];

       }

       publiclonggetItemId(intposition){

           returntitle[position].getId();

       }

       /**

        *设置选中的效果

        */

       privatevoidSetFocus(intindex)

       {

        for(inti=0;i

        {

         if(i!

=index)

         {

          title[i].setBackgroundDrawable(newColorDrawable(unselcolor));//设置没选中的颜色

                   title[i].setTextColor(fontColor);//设置没选中项的字体颜色

         }

        }

        title[index].setBackgroundColor(0x00);//设置选中项的颜色

           title[index].setTextColor(selcolor);//设置选中项的字体颜色

       }

       

       publicViewgetView(intposition,ViewconvertView,ViewGroupparent){

           Viewv;

           if(convertView==null){

               v=title[position];

           }else{

               v=convertView;

           }

           returnv;

       }

 }

}

 

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

packagecom.testTabMenu;

importandroid.app.Activity;

importandroid.graphics.Color;

importandroid.os.Bundle;

importandroid.view.Gravity;

importandroid.view.Menu;

importandroid.view.View;

importandroid.widget.AdapterView;

importandroid.widget.AdapterView.OnItemClickListener;

importandroid.widget.Toast;

publicclasstestTabMenuextendsActivity{

 TabMenu.MenuBodyAdapter[]bodyAdapter=newTabMenu.MenuBodyAdapter[3];

 TabMenu.MenuTitleAdaptertitleAdapter;

 TabMenutabMenu;

 intselTitle=0;

 @Override

 publicvoidonCreate(BundlesavedInstanceState){

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  //设置分页栏的标题

  titleAdapter=newTabMenu.MenuTitleAdapter(this,newString[]{"常用",

    "设置","工具"},16,0xFF222222,Color.LTGRAY,Color.WHITE);

  //定义每项分页栏的内容

  bodyAdapter[0]=newTabMenu.MenuBodyAdapter(this,newString[]{"常用1","常用2",},

    newint[]{R.drawable.menu_test,

   

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 考试认证 > 从业资格考试

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1