多语言展示
当前在线:665今日阅读:75今日分享:44

android TabWidget

TabWidget类似于通话记录的界面,通过切换多个标签从而显示出多个不同内容,能够展示内容丰富的页面信息,而且彼此之间不会干扰,有利于展示。下面,通过一个例子来学习用法
工具/原料
1

电脑(windows)

2

eclipse+android编程环境

第一步 TabWidget界面设计
1

首先,新建一个android项目叫做TbHostShow,其他参数可以自己设定,之后点击完成,得到结果图如下:

3

声明FrameLayout里面的内容信息第一个界面内容:声明一个线性布局,声明一个TextView,展示内容这是TAB 1                                                     

4

第二个界面内容,声明了一个闹钟控件                                

5

第三个界面,声明一个展示框,内容显示这是TAB 3,文本编辑控件                                                   

第二步 主体函数
1

添加主体的方法函数,将public class TbHostView extends Activity 修改为public class TbHostView extends TabActivity ,首先是实例化TabHost,然后向TabHost中添加tab页

2

//添加几个Tab        mTabHost.addTab(        //标签页名称为Tab_test1        mTabHost.newTabSpec('Tab_test1').        //指定图片来源,        setIndicator('TAB1',getResources().        //图片ID        getDrawable(android.R.drawable.ic_btn_speak_now)).        //添加LinearLayout ID为tab1的界面        setContent(R.id.tab1));     //添加几个Tab        mTabHost.addTab(        //标签页名称为Tab_test2        mTabHost.newTabSpec('tab_text2').        //指定图片来源,        setIndicator('TAB2',getResources().        //图片ID            getDrawable(android.R.drawable.ic_menu_add)).         //添加LinearLayout ID为tab2的界面           setContent(R.id.tab2));        mTabHost.addTab(mTabHost.        //标签页名称为Tab_test3        newTabSpec('tab_test3').        //指定图片来源,图片ID 添加LinearLayout ID为tab2的界面        setIndicator(        'TAB3',getResources().getDrawable(android.R.drawable.ic_menu_camera))        .setContent(R.id.tab3));

3

//设置背景        mTabHost.setBackgroundColor(Color.argb(150,22,70,153));        //默认展示第一个tab页        mTabHost.setCurrentTab(0);        //处理tab页 切换时触发的事件,这里展示一个提示框        mTabHost.setOnTabChangedListener(new OnTabChangeListener(){   @Override   public void onTabChanged(String tabId) {    // TODO Auto-generated method stub   Dialog dialog = new AlertDialog.Builder(TbHostView.this)                          .setTitle('提示')                          .setMessage('当前选中:'+tabId+'标签')                          .setPositiveButton('确定',                          new DialogInterface.OnClickListener()                          {                              public void onClick(DialogInterface dialog, int whichButton)                              {                                  dialog.cancel();                              }                          }).create();//创建按钮                                          dialog.show();     }        });

程序运行结果

程序运行结果展示,

推荐信息