Android底部菜单简单应用

在Android中实现菜单功能有多种方法。
Options Menu:用户按下menu Button时显示的菜单。
Context Menu:用户长时间按下屏幕,所显示出来的菜单也称为上下文菜单。
Submenu:子菜单。
但是有时候这些内置的菜单并不能满足我们功能,这就需要自己自定义一种菜单。接下来我说的这种就是通过TabHost与RadioGroup结合完成的菜单。这也是很常用的一种底部菜单做法。先上图:

Xml代码

<?xml version="1.0" encoding="UTF-8"?>
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent" android:layout_height="fill_parent"
 xmlns:android="http://schemas.android.com/apk/res/android">
  <LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <FrameLayout
      android:id="@android:id/tabcontent"
      android:layout_width="fill_parent"
      android:layout_height="0.0dip"
      android:layout_weight="1.0" />
    <TabWidget
      android:id="@android:id/tabs"
      android:visibility="gone"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_weight="0.0" />
    <RadioGroup
      android:gravity="center_vertical"
      android:layout_gravity="bottom"
      android:orientation="horizontal"
      android:id="@+id/main_radio"
      android:background="@drawable/maintab_toolbar_bg"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content">
      <RadioButton
        android:id="@+id/radio_button0"
        android:tag="radio_button0"
        android:layout_marginTop="2.0dip"
        android:text="@string/alarm"
        android:drawableTop="@drawable/icon_1"
        style="@style/main_tab_bottom" />
      <RadioButton
        android:id="@+id/radio_button1"
        android:tag="radio_button1"
        android:layout_marginTop="2.0dip"
        android:text="@string/message"
        android:drawableTop="@drawable/icon_2"
        style="@style/main_tab_bottom" />
      <RadioButton
        android:id="@+id/radio_button2"
        android:tag="radio_button2"
        android:layout_marginTop="2.0dip"
        android:text="@string/photo"
        android:drawableTop="@drawable/icon_3"
        style="@style/main_tab_bottom" />
      <RadioButton
        android:id="@+id/radio_button3"
        android:tag="radio_button3"
        android:layout_marginTop="2.0dip"
        android:text="@string/music"
        android:drawableTop="@drawable/icon_4"
        style="@style/main_tab_bottom" />
      <RadioButton
        android:id="@+id/radio_button4"
        android:tag="radio_button4"
        android:layout_marginTop="2.0dip"
        android:text="@string/setting"
        android:drawableTop="@drawable/icon_5"
        style="@style/main_tab_bottom" />
    </RadioGroup>
  </LinearLayout>
</TabHost> 

需要注意的是,如果用TabHost这个控件,其中有几个ID是必须这么写的,android:id=”@android:id/tabhost ;android:id=”@android:id/tabcontent” ;android:id=”@android:id/tabs” ;之所以要这么写是因为在TabHost这个类中。需要实例化上述这个ID的控件。看源码:

在TabActivity中有么个方法:

@Override
  public void onContentChanged() {
    super.onContentChanged();
    mTabHost = (TabHost) findViewById(com.android.internal.R.id.tabhost); 

    if (mTabHost == null) {
      throw new RuntimeException(
          "Your content must have a TabHost whose id attribute is " +
          "'android.R.id.tabhost'");
    }
    mTabHost.setup(getLocalActivityManager());
  } 

  private void ensureTabHost() {
    if (mTabHost == null) {
      this.setContentView(com.android.internal.R.layout.tab_content);
    }
  }

当内容发生改变时它会调用这个方法,来更新列表或者其他视图,而这个方法中需要实例化TabHost,所以必须通过ID为tabhost实例化。

再看看TabHost这个类中

public void setup() {
   mTabWidget = (TabWidget) findViewById(com.android.internal.R.id.tabs);
   if (mTabWidget == null) {
     throw new RuntimeException(
         "Your TabHost must have a TabWidget whose id attribute is 'android.R.id.tabs'");
   } 

   // KeyListener to attach to all tabs. Detects non-navigation keys
   // and relays them to the tab content.
   mTabKeyListener = new OnKeyListener() {
     public boolean onKey(View v, int keyCode, KeyEvent event) {
       switch (keyCode) {
         case KeyEvent.KEYCODE_DPAD_CENTER:
         case KeyEvent.KEYCODE_DPAD_LEFT:
         case KeyEvent.KEYCODE_DPAD_RIGHT:
         case KeyEvent.KEYCODE_DPAD_UP:
         case KeyEvent.KEYCODE_DPAD_DOWN:
         case KeyEvent.KEYCODE_ENTER:
           return false; 

       }
       mTabContent.requestFocus(View.FOCUS_FORWARD);
       return mTabContent.dispatchKeyEvent(event);
     } 

   }; 

   mTabWidget.setTabSelectionListener(new TabWidget.OnTabSelectionChanged() {
     public void onTabSelectionChanged(int tabIndex, boolean clicked) {
       setCurrentTab(tabIndex);
       if (clicked) {
         mTabContent.requestFocus(View.FOCUS_FORWARD);
       }
     }
   }); 

   mTabContent = (FrameLayout) findViewById(com.android.internal.R.id.tabcontent);
   if (mTabContent == null) {
     throw new RuntimeException(
         "Your TabHost must have a FrameLayout whose id attribute is "
             + "'android.R.id.tabcontent'");
   }
 }

这个方法,是在增加选项卡之前由系统调用。在这个方法中需要通过tabs 这个ID实例化一个TabWidget,通过tabcontent这个ID实例化一个FrameLayout,用来放置选项卡内容。所以这两个ID也是固定的。

在上述布局文件中隐藏了系统默认的Widget,取而代之的是带有图片的Button。

看一下主要代码:

package com.iteye.androidtoast; 

import android.app.TabActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TabHost; 

public class MainActivity extends TabActivity implements OnCheckedChangeListener{
  /** Called when the activity is first created. */
  private TabHost mHost;
  private RadioGroup radioderGroup;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.maintabs);
    //实例化TabHost
    mHost=this.getTabHost(); 

    //添加选项卡
    mHost.addTab(mHost.newTabSpec("ONE").setIndicator("ONE")
          .setContent(new Intent(this,OneActivity.class)));
    mHost.addTab(mHost.newTabSpec("TWO").setIndicator("TWO")
        .setContent(new Intent(this,TwoActivity.class)));
    mHost.addTab(mHost.newTabSpec("THREE").setIndicator("THREE")
        .setContent(new Intent(this,ThreeActivity.class)));
    mHost.addTab(mHost.newTabSpec("FOUR").setIndicator("FOUR")
        .setContent(new Intent(this,FourActivity.class)));
    mHost.addTab(mHost.newTabSpec("FIVE").setIndicator("FIVE")
        .setContent(new Intent(this,FiveActivity.class))); 

    radioderGroup = (RadioGroup) findViewById(R.id.main_radio);
    radioderGroup.setOnCheckedChangeListener(this);
  }
  @Override
  public void onCheckedChanged(RadioGroup group, int checkedId) {
    switch(checkedId){
    case R.id.radio_button0:
      mHost.setCurrentTabByTag("ONE");
      break;
    case R.id.radio_button1:
      mHost.setCurrentTabByTag("TWO");
      break;
    case R.id.radio_button2:
      mHost.setCurrentTabByTag("THREE");
      break;
    case R.id.radio_button3:
      mHost.setCurrentTabByTag("FOUR");
      break;
    case R.id.radio_button4:
      mHost.setCurrentTabByTag("FIVE");
      break;
    }
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android自定义控件实现底部菜单(上)

    今天我们封装一个底部的菜单栏,这个大多数的应用都会用到,因此我们来自定义,方便以后项目的使用. 该控件的实现将分上下篇来介绍,先来看一个菜单栏的子控件–MenuItemM,这个控件有什么用呢?我们来看下一些主流app上的一些控件,如: 以上三张图片分别来自微信,今日头条和去哪儿,接下来我们将看到如何通过一个控件来实现不同的效果. 首先看下我写的一个deme 可以看到标题栏的消息控件,以及底部三个菜单项都是通过MenuItemM来实现的 这里面只是演示菜单栏的子控件,我们将在下一篇博客中完成底部菜

  • android底部菜单栏实现原理与代码

    上一个项目已经做完了,这周基本上没事,所以整理了下以前的项目,想把一些通用的部分封装起来,这样以后遇到相似的项目就不用重复发明轮子了,也节省了开发效率.今天把demo贴出来一是方便以后自己查询,二是希望同时也能帮到大家. 底部菜单栏很重要,我看了一下很多应用软件都是用了底部菜单栏做.我这里使用了tabhost做了一种通用的(就是可以像微信那样显示未读消息数量的,虽然之前也做过但是layout下的xml写的太臃肿,这里去掉了很多不必要的层,个人看起来还是不错的,所以贴出来方便以后使用). 先看一下

  • Android开发之微信底部菜单栏实现的几种方法汇总

     实现方式 实现的方式有很多种 这里总结最常见的几种方式,以后再添加其他的. viewPager + RadioGroup viewPager + FragmentTabHost viewpager +TabLayout viewPager+RadioGroup 感觉这是最简单的一个了,我也就不贴代码 说说我理解的思路吧 通过给pager 和RadioGroup 添加监听,监听两个控件的变化 实现联动 当viewPager的显示pager改变就会触发监听 ,在监听中选中对应的RadioButto

  • Android仿QQ空间底部菜单示例代码

    之前曾经在网上看到Android仿QQ空间底部菜单的Demo,发现这个Demo有很多Bug,布局用了很多神秘数字.于是研究了一下QQ空间底部菜单的实现,自己写了一个,供大家参考.效果如下图所示:   1.实现原理很简单,底部菜单是一个水平分布的LinearLayout,里面又是五个LinearLayout,它们的layout_weight都为1,意味着底部菜单的子控件将屏幕宽度平均分为5部分.五个LinearLayout除了中间那个,其余都在里面放置ImageView和TextView(中间先空

  • Android自定义控件实现底部菜单(下)

    在app中经常会用到底部菜单的控件,每次都需要写好多代码,今天我们用到了前几篇博客里的控件来进一步封装底部菜单.先看效果图: 主要包括以下功能: 1 设置icon以及点击之后的icon 2 设置文字 3 设置文字颜色以及点击之后的文字颜色 4 设置未读数量.更多以及new 我们先看如何使用,然后再看如何实现的 1 在布局文件中引用MenuM <com.landptf.view.MenuM android:id="@+id/mm_bottom" android:layout_wid

  • Android实现360手机助手底部的动画菜单

    首先来看下我们实现的效果和360效果的对比: 360手机助手效果演示 本库实现的效果(Icon来自360手机助手,侵删) xml布局文件 注:为了美观,讲每个Button的高度以及固定,设置wrap_content时候是最大高度,为50dp,如果需要设置特定高度请参见下文的方法表格 <com.brioal.bottomtab.view.BottomLayout android:id="@+id/main_tab" android:layout_width="match_

  • Android仿微信顶/底部菜单栏效果

    本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个XML,当手指在ViewPage左右滑动时,就相应显示不同的page(其实就是xml)并且同时改变底部菜单按钮的图片变暗或变亮,同时如果点击底部菜单按钮,左右滑动page(其实就是xml)并且改变相应按钮的亮度. 一.布局 1.顶部菜单布局,命名为top_layout.xml <?xml version="1.0" encoding="utf-8"?> <R

  • Android中底部菜单被输入法顶上去的解决方案

    安卓手机输入法弹出,消失会触发 window.onresize事件,我们一般的解决方法是获取焦点,底部隐藏,失去焦点,底部菜单出现,但是,有些人会点击这个按钮收起键牌 那么,这个时候你的失去焦点无效,还有一种方法呢,是把position:fixed;改成position:absoult;这样底部菜单就不会顶上去,但是这种方法,经过我的实验,还是会被输入法顶上去,这两种方法都不要完全解决问题,还有一种是布局的问题,主页面:position:relative,底部菜单:position:absoul

  • Android仿UC底部菜单栏实现原理与代码

    相关的链接: Android 底部菜单栏实现 最近刚看完ViewPager,就想到做这样一个Demo,当然也参考了高手们的实例里边的网格菜单,开始我打算用自定义的imgBtn,但是发现放在pager选项卡中不好排版,所以最好选了GridView,简单实用 一.先主界面xml activity_main.xml 复制代码 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android仿微信底部菜单栏功能显示未读消息数量

    底部菜单栏很重要,我看了一下很多应用软件都是用了底部菜单栏,这里使用了tabhost做了一种通用的(就是可以像微信那样显示未读消息数量的,虽然之前也做过但是layout下的xml写的太臃肿,这里去掉了很多不必要的层,个人看起来还是不错的,所以贴出来方便以后使用). 先看一下做出来之后的效果: 以后使用的时候就可以换成自己项目的图片和字体了,主框架不用变哈哈, 首先是要布局layout下xml文件 main.xml: <?xml version="1.0" encoding=&qu

随机推荐