android studioandroidTabWidget

android TabWidget,TaWidget类似于通话记录的界面,通过切换多个标签从而显示出多个不同内容,能够展示内容丰富的页面信息,而且彼此之间不会干扰,有利于展示。下面,通过一个例子来学习用法
TabWidget类似于通话记录的界面,通过切换多个标签从而显示出多个不同内容,能够展示内容丰富的页面信息,而且彼此之间不会干扰,有利于展示。下面,通过一个例子来学习用法工具/原料电脑(windows)eclipse+android编程环境第一步TabWidget界面设计1首先,新建一个android项目叫做TbHostShow,其他参数可以自己设定,之后点击完成,得到结果图如下:步骤阅读步骤阅读2在开发之前,我们要首先了解,TabHost是整个Tab的容器,包括两部分,TabWidget和FrameLayout。TabWidget就是每个tab的标签,FrameLayout则是tab内容。接着我们开始初始化main.xml。首先声明TabHost,包含TabWidget,FrameLayout元素。    //控件高度与父控件一致声明TabWidget,tab标签页        //声明控件ID声明FrameLayout,tab页里的内容信息        //声明控件ID注意下:如果我们使用extendsTabAcitivty,如同ListActivity,TabHost必须设置为@android:id/tabhost TabWidget必须设置android:id为@android:id/tabs FrameLayout需要设置android:id为@android:id/tabcontent步骤阅读步骤阅读步骤阅读步骤阅读3声明FrameLayout里面的内容信息第一个界面内容:声明一个线性布局,声明一个TextView,展示内容这是TAB1                            步骤阅读4第二个界面内容,声明了一个闹钟控件                 步骤阅读5第三个界面,声明一个展示框,内容显示这是TAB3,文本编辑控件                           步骤阅读END第二步主体函数1添加主体的方法函数,将publicclassTbHostViewextendsActivity修改为publicclassTbHostViewextendsTabActivity,首先是实例化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)).     //添加LinearLayoutID为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)).      //添加LinearLayoutID为tab2的界面       setContent(R.id.tab2));    mTabHost.addTab(mTabHost.     //标签页名称为Tab_test3     newTabSpec(\"tab_test3\").     //指定图片来源,图片ID添加LinearLayoutID为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(newOnTabChangeListener(){  @Override  publicvoidonTabChanged(StringtabId){   //TODOAuto-generatedmethodstub  Dialogdialog=newAlertDialog.Builder(TbHostView.this)              .setTitle(\"提示\")              .setMessage(\"当前选中:\"+tabId+\"标签\")              .setPositiveButton(\"确定\",              newDialogInterface.OnClickListener()              {                publicvoidonClick(DialogInterfacedialog,intwhichButton)                {                  dialog.cancel();                }              }).create();//创建按钮                       dialog.show();   }    });步骤阅读END程序运行结果1程序运行结果展示,步骤阅读步骤阅读步骤阅读步骤阅读END

本文来自投稿,不代表长河网立场,转载请注明出处: http://www.changhe99.com/a/PVdLlZDdQ0.html

(0)

相关推荐