android的TabActivity

最新推荐文章于 2020-05-11 16:24:54 发布
最新推荐文章于 2020-05-11 16:24:54 发布
阅读量887 收藏
点赞数
分类专栏： Android 文章标签： android layout listview string tabs encoding

http://www.cnblogs.com/keyindex/articles/1815074.html

这段时间在研究android平台上的开源项目——StandupTimer，这是由jwood所设计的一个较为简单android应用，用于控制会议时间，类似秒表倒计时。

TabActivity & TabHost

　　tabActivity继承自Activity，其内部定义好了TabHost，可以通过getTabHost()获取。TabHost 包含了两种子元素：一些可以自由选择的Tab 和tab对应的内容tabContentto，在Layout的<TabHost>下它们分别对应 TabWidget和FrameLayout。
　　使用TabActivity可以让同一个界面容纳更多的内容。我们将按照Standup Timer里的TeamDetailsActivity来讲述TabActivity的使用。在该例中，包含了两个Tab一个用于展示team的统计信息，一个用于展示team所参加的会议的列表（这是一个ListView）。

创建Layout 

　　这里需要注意的是不管你是使用TabActivity 还是自定义TabHost，都要求以TabHost作为XML布局文件的根。 
   
   

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

    
    <
    
    TabHost 
    
    xmlns:android
    
    ="http://schemas.android.com/apk/res/android"
    
    
    android:id
    
    ="@android:id/tabhost"
    
     android:layout_width
    
    ="fill_parent"
    
    
    android:layout_height
    
    ="fill_parent"
    
    >
    
    
    
    
    <
    
    LinearLayout 
    
    android:orientation
    
    ="vertical"
    
    
        android:layout_width
    
    ="fill_parent"
    
     android:layout_height
    
    ="fill_parent"
    
    >
    
    
        
    
    <
    
    TabWidget 
    
    android:id
    
    ="@android:id/tabs"
    
    
            android:layout_width
    
    ="fill_parent"
    
     android:layout_height
    
    ="wrap_content"
    
     
    
    />
    
    
        
    
    <
    
    FrameLayout 
    
    android:id
    
    ="@android:id/tabcontent"
    
    
            android:layout_width
    
    ="fill_parent"
    
     android:layout_height
    
    ="fill_parent"
    
    >
    
    

            
                    
    
    <!--
    
    省略部分代码
    
    -->
    
    

            
    
    <
    
    TextView 
    
    android:id
    
    ="@+id/no_team_meetings"
    
    
                android:textSize
    
    ="18sp"
    
     android:layout_width
    
    ="fill_parent"
    
    
                android:layout_height
    
    ="fill_parent"
    
     
    
    />
    
    

            
    
    <
    
    TextView 
    
    android:id
    
    ="@+id/no_team_meeting_stats"
    
    
                android:textSize
    
    ="18sp"
    
     android:layout_width
    
    ="fill_parent"
    
    
                android:layout_height
    
    ="fill_parent"
    
     
    
    />
    
    
        
    
    </
    
    FrameLayout
    
    >
    
    
    
    
    </
    
    LinearLayout
    
    >
    
    

    
    </
    
    TabHost
    
    >

 

通常我们采用线性布局所以<TabHost> 的子元素是 <LinearLayout>。<TabWidger>对应Tab。<FrameLayout>则用于包含Tab需要展示的内容。需要注意的是<TabWidger> 和<FrameLayout>的Id 必须使用系统id，分别为android:id/tabs 和 android：id/tabcontent 。因为系统会使用者两个id来初始化TabHost的两个实例变量（mTabWidget 和 mTabContent）。

编写Java代码

　　我们可以采用两种方法编写标签页：一种是继承TabActivity ,然后使用getTabHost()获取TabHost对象；第二种方法是使用自定的TabHost在布局文件上<TabHost>的自定义其ID，然后通过findViewById()，方法获得TabHost对象。
　　本文中采用继承TabActivity的方法。 
   
   

    
    private
    
     
    
    void
    
     createTabs() {
        TabHost tabhost
    
    =
    
    getTabHost();
        tabhost.addTab(tabhost.newTabSpec(
    
    "
    
    stats_tab
    
    "
    
    ).
                setIndicator(
    
    this
    
    .getString(R.string.stats)).
                setContent(createMeetingDetails(team)));
        
        tabhost.addTab(tabhost.newTabSpec(
    
    "
    
    meetings_tab
    
    "
    
    ).
                setIndicator(
    
    this
    
    .getString(R.string.meetings)).
                setContent(createMeetingList()));
        getTabHost().setCurrentTab(
    
    0
    
    );
}

 

Java代码中我们首先需要做的是获取TabHost对象，可以通过TabActivtiy里的getTabHsot（）方法。如果是自定义TabHost，在添加Tabs前 应该调用 setUp()方法。 
  
  

   
   
    
    

     
     mTabHost 
     
     =
     
      (TabHost)findViewById(R.id.tabhost);
mTabHost.setup();
mTabHost.addTab(TAB_TAG_1, 
     
     "
     
     Hello, world!
     
     "
     
     , 
     
     "
     
     Tab 1
     
     "
     
     );
    
    

  
  
 
SDK上的原文：
　　Call setup() before adding tabs if loading TabHost using findViewById(). However : You do not need to call setup() after getTabHost() in TabActivity. 

　　接着向TabHost添加tabs.即调用tabHost.addTab(TabSpec) 方法。 TabSpec主要包含了setIndicator 和 setContent 方法，通过这两个方法来指定Tab 和 TanContent。
　　TabSpec 通过  .newTabSpec(String tag )来创建实例。实例化后对其属性进行设置 。setIndicator()设置tab,它有3个重载的函数
  • 　public TabHost.TabSpec　setIndicatior(CharSwquence label,Drawable icon).指定tab的标题和图标。
  • public TabHost.TabSpec (View view)通过View来自定义tab
  • public TabHost.TabSpec(CharSequence label) 指定tab的标题，此时无图标。
　  setContent 指定tab的展示内容，它也有3种重载
  • public TabHost.TabSpec setContent(TabHost.TabContentFactory )
  • public TabHost.TabSpec setContent(int ViewId)
  • public TabHost.TabSpec setContent(Intent intent)
　　后两种方法比较后理解一个是通过 ViewId指定显示的内容，如.setContent(R.id.Team_EditText)。第三种则是直接通过Intent加载一个新的Activity页。如.setContent(new Intent(this, MeetingActivity.class)));
　　本例中是通过 TabContentFactory 来指定对应的TabContent。 TabContentFactory 是一个接口，其只包含了 一个返回 View 的createTabContent(String tag)方法。 
   
   

    
    private
    
     TabContentFactory createMeetingDetails(Team team2) {
        
        
    
    return
    
     
    
    new
    
     TabHost.TabContentFactory() {
            
            @Override
            
    
    public
    
     View createTabContent(String tag) {
　　　　　　　　　　//设置View
                setStatsTabContent();
                
    
    return
    
     findViewById(R.id.teamStats);
            }
        };
    }


    
    private
    
     TabHost.TabContentFactory createMeetingList()
    {
        
    
    return
    
     
    
    new
    
     TabHost.TabContentFactory() {
            
            @Override
            
    
    public
    
     View createTabContent(String tag) {
   
   

   
   

    
    　　　　　　
                 meetingListAdapter 
    
    =
    
     createMeetingListAdapter();
                    meetingList.setAdapter(meetingListAdapter);
                    
    
    return
    
     meetingList;
            }
        };
    }

 

事先声明好的 
   
   

    
    private
    
     ListView meetingList
    
    =
    
    null
    
    ;

    
    private
    
     ArrayAdapter
    
    <
    
    String
    
    >
    
     meetingListAdapter 
    
    =
    
     
    
    null
    
    ;

 

我们也可以让TabActivity去实现TabContentFactory 接口 
    
    

     
     public
     
      
     
     class
     
      Tabs2 
     
     extends
     
      TabActivity 
     
     implements
     
      TabHost.TabContentFactory

 

然后在TabActiviy类中实现createTabContent方法 
    
    

     
     @Override
 
     
     public
     
      View createTabContent(String tag) {
        
     
     final
     
      TextView tv 
     
     =
     
      
     
     new
     
      TextView(
     
     this
     
     );
        tv.setText(
     
     "
     
     Content for tab with tag 
     
     "
     
      
     
     +
     
      tag);
        
     
     return
     
      tv;
    }

 

setStatsTabContent();方法
setStatsTabContent 
    
    

     
      
     
     private
     
      
     
     void
     
      setStatsTabContent() {
            
     
     if
     
      (team 
     
     !=
     
      
     
     null
     
      
     
     &&
     
      team.hasMeetings(
     
     this
     
     )) {
                MeetingStats stats 
     
     =
     
      team.getAverageMeetingStats(TeamDetailsActivity.
     
     this
     
     );
                ((TextView) findViewById(R.id.meeting_team_name_label)).setText(getString(R.string.team_name));
                ((TextView) findViewById(R.id.meeting_team_name)).setText(team.getName());

                ((TextView) findViewById(R.id.number_of_meetings_label)).setText(getString(R.string.number_of_meetings));
                ((TextView) findViewById(R.id.number_of_meetings)).setText(Integer.toString((
     
     int
     
     ) team.getNumberOfMeetings(TeamDetailsActivity.
     
     this
     
     )));

                ((TextView) findViewById(R.id.avg_number_of_participants_label)).setText(getString(R.string.avg_number_of_participants));
                ((TextView) findViewById(R.id.avg_number_of_participants)).setText(Float.toString(stats.getNumParticipants()));

                ((TextView) findViewById(R.id.avg_meeting_length_label)).setText(getString(R.string.avg_meeting_length));
                ((TextView) findViewById(R.id.avg_meeting_length)).setText(TimeFormatHelper.formatTime(stats.getMeetingLength()));

                ((TextView) findViewById(R.id.avg_individual_status_length_label)).setText(getString(R.string.avg_individual_status_length));
                ((TextView) findViewById(R.id.avg_individual_status_length)).setText(TimeFormatHelper.formatTime(stats.getIndividualStatusLength()));

                ((TextView) findViewById(R.id.avg_quickest_status_label)).setText(getString(R.string.avg_quickest_status));
                ((TextView) findViewById(R.id.avg_quickest_status)).setText(TimeFormatHelper.formatTime(stats.getQuickestStatus()));

                ((TextView) findViewById(R.id.avg_longest_status_label)).setText(getString(R.string.avg_longest_status));
                ((TextView) findViewById(R.id.avg_longest_status)).setText(TimeFormatHelper.formatTime(stats.getLongestStatus()));
            } 
     
     else
     
      {
                ((TextView) findViewById(R.id.meeting_team_name_label)).setText(getString(R.string.no_meeting_stats));
                ((TextView) findViewById(R.id.meeting_team_name)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.number_of_meetings_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.number_of_meetings)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.avg_number_of_participants_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.avg_number_of_participants)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.avg_meeting_length_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.avg_meeting_length)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.avg_individual_status_length_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.avg_individual_status_length)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.avg_quickest_status_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.avg_quickest_status)).setText(
     
     ""
     
     );

                ((TextView) findViewById(R.id.avg_longest_status_label)).setText(
     
     ""
     
     );
                ((TextView) findViewById(R.id.avg_longest_status)).setText(
     
     ""
     
     );
            }
        }

 

　　最后将TabSpec 添加到 TabHost上，即tabHost.addTab(tabSpec)。我们发现TabSpec 的setIndicator 和 setContent 方法返回的都是 TabSpec 自身所以可以使用窜的方式编写代码： 

   
   

    
    tabhost.addTab(tabhost.newTabSpec(
    
    "
    
    stats_tab
    
    "
    
    )
                .setIndicator(
    
    this
    
    .getString(R.string.stats))
                .setContent(createMeetingDetails(team)));

 

其他参考资料

SDK:TabHost.TabSpec

SDK:TabHost.TabContentFactory

SDK:TabHost

SDK:Tab Layout

android Tabhost部件

apiDemo也有3个例子可以参考。

系列索引


程江玉
关注
专栏目录
Android的TabActivity详解
陈万洲的专栏
11-15 1301
首先Android里面有个名为TabActivity来给我们方便使用。其中有以下可以关注的函数： public TabHost getTabHost ()获得当前TabActivity的TabHost public TabWidget getTabWidget ()获得当前TabActivity的TabWidget public void setDefaultTab (Str
Android TabActivity实现多页显示效果
03-21
在Android开发中，TabActivity是实现多页面切换和展示效果的一种常见方式。它允许用户通过底部的标签栏轻松地在不同的界面之间切换，提供了一种直观的用户交互体验。本教程将详细介绍如何使用TabActivity创建一个多...
Android之TabActivity的使用
weixin_34178244的博客
11-06 103
TabActivity实现多页显示效果 　　由于手机屏幕有限，所以我们要尽量充分利用屏幕资源。在我们的应用程序中通常有多个Activity，而且会经常切换显示，这样我们就可以用TabActivity来显示。先看一下效果： 　　 　　下面我先带领大家实现一下最简单的一种实现： 　　首先我们的布局文件： &lt;RelativeLayout xmlns:android="http://s...
android中TabActivity使用的详细说明
zhouli_05的专栏
06-27 9979
TabActivity类位于android SDK中android.app.TabActivity下，它本身继承自ActivityGroup，主要功能是实现多个activity或者view之间的切换和显示，要使用该类必须新建一个类来继承TabActivity，并且该类的xml配置文件中必须包含、、三个视图（View），其中后面两个标签是前面一个标签的子标签，表示tab页的选项卡，相当于菜单页，表示
Android 之TabActivity
zhenwen1994的专栏
07-25 583
刚用到TabActivity，查了很多资料，总结一下。 1、
Android开发之TabActivity用法实例详解
01-05
本文实例讲述了Android开发之TabActivity用法。分享给大家供大家参考，具体如下： 一.简介 TabActivity继承自Activity,目的是让同一界面容纳更多的内容。TabActivity实现标签页的功能，通过导航栏对各个页面进行管理...
Android TabActivity 开发案例
05-08
Android TabActivity 开发案例，本案例着重介绍用TabActivity 开发安卓分页架构
android tabactivity+listview+边框圆角+相机调用
09-01
在Android开发中，TabActivity和ListView是常见的组件，它们用于构建多页面的用户界面和数据展示。同时，为UI元素添加圆角边框以及调用相机功能是提升用户体验的重要环节。下面将详细介绍这些知识点。 首先，`...
android 自定义TabActivity的实例方法
09-04
在Android应用开发中，TabActivity是用于创建带有标签页的应用界面的一种方式，它允许用户在不同的视图之间切换。然而，系统默认的TabActivity样式可能无法满足所有开发者的设计需求，因此自定义TabActivity就显得尤...
TabActivity替代
08-16
看到还有些人在使用TabActvity，这个已经被Google废弃了的类，为了大家方便，写了一个能代替TabActivity的东西。说白了也就是对viewpager跟底部菜单进行了一个封装，标准的底部菜单自定义控件已经写好，如果有另外的需求重写底部菜单控件即可（继承BindPagerAdapterView）。
Android实践之TabActivity
明月漫千山
05-11 467
一、效果 2、主要代码 (1).activity_main.xml <?xml version="1.0" encoding="utf-8"?> <TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_width="match_parent" android:layo...
android:TabActivity
nuistlr的专栏
12-16 263
package com.example.playerbeta1; import android.app.TabActivity; import android.content.Intent; import android.content.res.Resources; import android.os.Bundle; import android.view.Menu; import
Android之TabActivity
倚风语的专栏
02-28 2525
TabActivity可实现分页式布局效果 详细步骤如下： 1）定义一个activity继承TabActivity（如MainActivity） 2）创建TabHst分页菜单对象 //替代了setContentView(R.layout.main); LayoutInflater.from(this).inflate(R.layout.main, tabHost.getTabConten
Android—TabActivity
炫_愛羊的专栏
05-12 1840
一.简介       TabActivity继承自Activity,目的是让同一界面容纳更多的内容。TabActivity实现标签页的功能，通过导航栏对各个页面进行管理。   二.XML布局文件  注意： 1.TabActivity的布局文件要求以TabHost作为XML布局文件的根。 2.通常我们采用线性布局，所以 的子元素是 。 3.对应Tab 则用于包含Tab需要展示的内
Android Activity总结
移动开发记录
03-05 267
内容概要 • Activity的继承关系 • Android 中 Context介绍 • Acitivy实际是如何实例化的 • Activity生命周期 • Activity的启动方式,Task&amp;Back Stack,进 程和线程,Intent.FLAG_ACTIVITY*• Activity,Window,View的关系 • Android消息 内容 Activi...
[转]Android中TabActivity
weixin_34015566的博客
12-15 71
本文转自：http://www.linuxidc.com/Linux/2011-08/41343.htm   如果希望在Activity中出现多个Tab可以点击，并且点击每个Tab之后跳转到相应的Activity，可以使用TabActivity类。以下演示一个简单的范例。 首先要定义一个继承TabActivity的类，这里我们定义MainActivity,并且使其作为应用程序的入口。其代码为...
Android TabActivity使用
nwpuxhld
05-07 546
TabActivity里面使用的布局必须是TabHost而且TabHost布局文件里面应该有一个id为android:id="@android:id/tabs"的TabWidget。还应该有一个id为android:id="@android:id/tabcontent"的FragmenyLayout          以上相当于是TabActivity的一个框架，然后我们怎么在里面增加一个Tab
Android中TabActivity用法大全
08-02 894
对于android中的页面，我们如何实现多标签，向浏览器里的多标签一样节省空间，减少开发量。大概 有三种方法可实现这种效果---使用Gellary，使用bar，使用TabActivity。下面主要介绍一下TabActivity的使用方法，可能 有不到位的地方，还望大家多多指教：
定制Android TabActivity：位置调整与图片自定义教程
在Android应用开发中，TabActivity是一种常见的界面组件，用于展示多个并行的视图或者内容，用户可以通过选项卡轻松切换。默认情况下，TabActivity提供的布局设计可能会根据Android系统的风格有所不同，有时开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值