本文来自投稿,不代表长河网立场,转载请注明出处: http://www.changhe99.com/a/PVdLlZDdQ0.html
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
赞
(0)