android RadioGroup+TabHost实现导航栏

于 2014-07-07 15:41:33 发布
阅读量1.1k 收藏
点赞数
分类专栏： android开发
        1、对于 RadioGroup，是RadioButton的一个组设置，可以实现单选效果。 对于RadioGroup的设置监听setOnCheckedChangeListener(OnCheckedChangeListener listener); OnCheckedChangeListener 是一个接口，接口函数为:
　　public void onCheckedChanged(RadioGroup group, int checkedId); 设置监听后，实现接口，就可以得到 RadioGroup 的对象和RadioGroup 内的RadioButton的checkedId，从而实现操作。

　　点击 RadioButton能响应onCheckedChanged，是因为同组内旧checkedId和新的checkedId不同，有时候我们在XML的布局文件中已经把该RadioButton的android:checked = "true"设置了，如果你在初始化定义此RadioButton的setChecked为true，可能就无法响应onCheckedChanged 了。因为我在做程序的时候，为了统一方便，把很多功能都设置在onCheckedChanged中，这样当set变化后，就能自动执行了，所以当我们已经不小心在布局文件中设置了，可以在初始化中再次实现setChecked为true的一些动作了。

　　我也是在debug的时候发现一些问题，所以要理解接口，只有在CheckedChanged的时候，才会有响应动作。

　　2、对于TabHost也是同理的，他是管理不同个布局显示的tab控制器。但是会更复杂一些，以为你需要添加布局到TabHost中，void addTab(TabSpec tabSpec)，但是要注意的是，在实现addTab时候，已经默认显示第一个tab，如果你要设置显示tab，可以用TabHost对象 setCurrentTab(mCurrentTab)，对于TabHost的监听

mTabHost.setOnTabChangedListener(new OnTabChangeListener() {
 


@Override
 
public void onTabChanged(String tabId) {
 
// TODO Auto-generated method stub
 

});

onTabChanged也是当tab变化是才能够响应的，在onTabChanged完成一些动作是要记住TabHost默认现实第一个tab页，所以当你初始化setCurrentTab(0)，其实没有完成onTabChanged中对应id的操作。


-------------------------------------------------------------------

布局文件

<?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;  
         }         
     }  
 }


评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值