Tab与TabHost

Tab与TabHost

这就是Tab，而盛放Tab的容器就是TabHost
如何实现？？
每一个Tab还对应了一个布局，这个就有点好玩了。一个Activity，对应了多个功能布局。
①新建一个Tab项目，注意，不要生成main Activity

这里不要选
②在包里面新建一个类MyTab，继承于TabActivity
其实，TabActivity是Activity的子类

package zyf.tab.test;

import android.app.TabActivity;

public class MyTab extends TabActivity {

}

复制代码③从父类继承OnCreate()入口方法

package zyf.tab.test;
import android.app.TabActivity;
import android.os.Bundle;
public class MyTab extends TabActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
}
}

复制代码④在Manifest.xml文件中注册一下MyTab类（Activity）

复制代码⑤这时候，需要设计一下标签页对应的布局，一般采用FrameLayout作为根布局，每个标签页面对应一个子节点的Layout

<?xml version="1.0" encoding="utf-8"?>
<!-- 这里是根节点布局 -- >
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent">

<!--  第一个Tab 对应的布局  -- >
<LinearLayout android:id="@+id/widget_layout_Blue"
      android:layout_width="fill_parent" android:layout_height="fill_parent"
      androidrientation="vertical" >
      <EditText android:id="@+id/widget34" android:layout_width="fill_parent"
         android:layout_height="wrap_content" android:text="EditText"
         android:textSize="18sp">
      </EditText>
      <Button android:id="@+id/widget30" android:layout_width="wrap_content"
         android:layout_height="wrap_content" android:text="Button">
      </Button>
</LinearLayout>
<!--  第二个Tab 对应的布局  -- >
<LinearLayout android:id="@+id/widget_layout_red"
      android:layout_width="fill_parent" android:layout_height="fill_parent"
      androidrientation="vertical"  >
      <AnalogClock android:id="@+id/widget36"
         android:layout_width="wrap_content" android:layout_height="wrap_content">
      </AnalogClock>
</LinearLayout>
<!--  第三个Tab 对应的布局  -- >
<LinearLayout android:id="@+id/widget_layout_green"
      android:layout_width="fill_parent" android:layout_height="fill_parent"
      androidrientation="vertical">
      <RadioGroup android:id="@+id/widget43"
         android:layout_width="166px" android:layout_height="98px"
         androidrientation="vertical">
         <RadioButton android:id="@+id/widget44"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="RadioButton">
         </RadioButton>
         <RadioButton android:id="@+id/widget45"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="RadioButton">
         </RadioButton>
      </RadioGroup>
</LinearLayout>
</FrameLayout>

复制代码⑥首先，应该声明TabHost，然后用LayoutInflater过滤出布局来，给TabHost加上含有Tab页面的FrameLayout

private TabHost myTabhost;
myTabhost=this.getTabHost();//从TabActivity上面获取放置Tab的TabHost
LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);
//from(this)从这个TabActivity获取LayoutInflater
//R.layout.main 存放Tab布局
//通过TabHost获得存放Tab标签页内容的FrameLayout
//是否将inflate 拴系到根布局元素上
myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));
//设置一下TabHost的颜色

复制代码⑦接着，在TabHost创建一个标签，然后设置一下标题／图标／标签页布局

myTabhost
            .addTab(myTabhost.newTabSpec("TT")// 制造一个新的标签TT
                     .setIndicator("KK",
                              getResources().getDrawable(R.drawable.ajjc))
                     // 设置一下显示的标题为KK，设置一下标签图标为ajjc
                     .setContent(R.id.widget_layout_red));
      //设置一下该标签页的布局内容为R.id.widget_layout_red，这是FrameLayout中的一个子Layout

复制代码⑧标签切换事件处理，setOnTabChangedListener

myTabhost.setOnTabChangedListener(new OnTabChangeListener(){
         @Override
         public void onTabChanged(String tabId) {
            // TODO Auto-generated method stub
         }
      });

复制代码⑨各个标签页的动态MENU
先把在XML中设计好的MENU放到一个int数组里

private static final int myMenuResources[] = { R.menu.phonebook_menu,
R.menu.addphone_menu, R.menu.chatting_menu, R.menu.userapp_menu };

复制代码在setOnTabChangedListener()方法中根据标签的切换情况来设置myMenuSettingTag

@Override
public void onTabChanged(String tagString) {
      // TODO Auto-generated method stub
      if (tagString.equals("One")) {
         myMenuSettingTag = 1;
      }
      if (tagString.equals("Two")) {
         myMenuSettingTag = 2;
      }
      if (tagString.equals("Three")) {
         myMenuSettingTag = 3;
      }
      if (tagString.equals("Four")) {
         myMenuSettingTag = 4;
      }
      if (myMenu != null) {
         onCreateOptionsMenu(myMenu);
      }
}

复制代码然后onCreateOptionsMenu(Menu menu) 方法中通过MenuInflater过滤器动态加入MENU

@Override
public boolean onCreateOptionsMenu(Menu menu) {
      // TODO Auto-generated method stub
      // Hold on to this
      myMenu = menu;
      myMenu.clear();//清空MENU菜单
      // Inflate the currently selected menu XML resource.
      MenuInflater inflater = getMenuInflater();
//从TabActivity这里获取一个MENU过滤器
      switch (myMenuSettingTag) {
      case 1:
         inflater.inflate(myMenuResources[0], menu);
         //动态加入数组中对应的XML MENU菜单
         break;
      case 2:
         inflater.inflate(myMenuResources[1], menu);
         break;
      case 3:
         inflater.inflate(myMenuResources[2], menu);
         break;
      case 4:
         inflater.inflate(myMenuResources[3], menu);
         break;
      default:
         break;
      }
      return super.onCreateOptionsMenu(menu);
}

复制代码⑩运行效果

转载于:https://www.cnblogs.com/qingblog/archive/2012/07/09/2582262.html

Tab与TabHost相关推荐

【Android 界面效果22】Android的Tab与TabHost
Tab与TabHost 这就是Tab,而盛放Tab的容器就是TabHost 如何实现?? 每一个Tab还对应了一个布局,这个就有点好玩了.一个Activity,对应了多个功能布局. ①新建一个Tab项 ...
tab和TabHost
TabHost 那么我们要用到的Tab载体是TabHost,需要从TabActivity.getTabHost获取. 现在看看TabHost类,它有3个内嵌类:1个类TabHost.TabSpec,2 ...
android用户界面之TabHost教程实例汇总
一.TabHost基础教程 1.最全的Android的Tab与TabHost讲解 http://www.apkbus.com/android-720-1-1.html 2.Android入门第十 ...
切换卡TabHost控件的使用
在Android中,通常可以使用切换卡(选项卡)实现切换显示不同页面内容的功能.这一功能可以通过TabHost控件来实现. 下面我们就通过一个简单的实例演示如何使用TabHost控件完成切换卡功能,完 ...
TabHost选项卡的功能和用法
TabHost可以很方便地在窗口上放置多个标签页,每个标签页相当于获得了一个外部容器相同大小的组件摆放区域 TabHost的主要组件是: TabWiget:代表一个选项卡标签条 TabSpec:代表选 ...
android使用tabhost实现导航
参考 http://blog.csdn.net/xixinyan/article/details/6771341 http://blog.sina.com.cn/s/blog_6b04c8eb0101 ...
TabActivity中的Tab标签详细设置
参考链接: http://www.iteye.com/topic/602737 这个写的很不错,我是跟着一步步写下来的,不过到最后也遇到了麻烦,就是不能将Tab标签的文字和图片分开,始终是重合的,而且 ...
androidtabhost缓存_Android学习笔记(一):TabHost存放多个Activity
TabHost是android应用开发中非常常用的组件,他能起到类似web开发中菜单导航的效果. 基本概念: TabHost:TabHost就像一个容器,里面可以存放多个Tab. tabHost.ad ...
【读书笔记《Android游戏编程之从零开始》】6.Android 游戏开发常用的系统控件（TabHost、ListView）...
3.9 TabSpec与TabHost TabHost类官方文档地址:http://developer.android.com/reference/android/widget/TabHost.htm ...

Tab与TabHost

Tab与TabHost相关推荐

最新文章

热门文章