Android:TabView使用总结

之前在t.sina.com.cn/kevinlynx陆续贴了些android开发涉及到的一些code snippets,主要目的是记录,供以后需要的时候查阅方便。但是因为miniblog的字数限制,在记录较多信息的时候还是有诸多不便。so, i'm here. 

Tab view算是我接触android平台第二个比较迷惑的地方(第一个是ListView的adapter)。在百度了一些别人的使用心得/总结后,依然发 现对tab view的使用存在很多疑问。包括ApiDemo里的例子以及其他一些例子代码。就目前而言我依然存在部分疑点,不过,就单纯的使用而言,倒是足够了。 

Tab view通过TabHost来管理tab page: 
A TabHost is(copyed from official reference): 
Container for a tabbed window view. This object holds two children: a set of tab labels that the user clicks to select a specific tab, and a FrameLayout object that displays the contents of that page. 

使用TabHost必然涉及到TabActivity: 

Java代码  收藏代码
  1. class TabSample extends TabActivity {  
  2.     protected void onCreate( Bundle savedInstanceState ) {  
  3.          TabHost tabHost = getTabHost();  
  4.     }  
  5. };  


取得TabHost 更多地是为tab添加page,即标签页。 

此外,android用TabSpec来表示一个标签页,可以通过tabHost.newTabSpec来创建,创建的时候一般会立即设置各种属性,如下代码: 

Java代码  收藏代码
  1. tabHost.addTab(tabHost.newTabSpec("tab1")  
  2.         .setIndicator("tab1")  
  3.         .setContent(R.id.view1));  




添加标签页的方式就多了,方式太多正是迷惑人的地方。就我目前所查阅的资料来看,有3个方式添加子标签(添加子标签即为tab setContent): 

1、如ApiDemo Tabs1.java所示,使用layout (declared in xml)来作为内容
: 

Java代码  收藏代码
  1. LayoutInflater.from(this).inflate(R.layout.tabs1, tabHost.getTabContentView(), true);  
  2.   
  3.         tabHost.addTab(tabHost.newTabSpec("tab1")  
  4.                 .setIndicator("tab1")  
  5.                 .setContent(R.id.view1));  


这里的inflate实际上我不太理解,好像是将tabs1这个layout实力化为java对象,并作为tabHost.getTabContentView()的子views。inflat相关机制还没去研究。 

2、如ApiDemo Tabs2.java所示,使用TabHost.TabContentFactory来设置标签页的内容:
 

Java代码  收藏代码
  1. public class Tabs2 extends TabActivity implements TabHost.TabContentFactory {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.   
  7.         final TabHost tabHost = getTabHost();  
  8.         tabHost.addTab(tabHost.newTabSpec("tab1")  
  9.                 .setIndicator("tab1", getResources().getDrawable(R.drawable.star_big_on))  
  10.                 .setContent(this));  
  11.             ....  
  12.  public View createTabContent(String tag) {  
  13.         final TextView tv = new TextView(this);  
  14.         tv.setText("Content for tab with tag " + tag);  
  15.         return tv;  
  16.     }  



3、我想这才是我目前所需要的方式,直接嵌入其他的Activity进来。通过Intent的方式,如ApiDemo Tabs3.java所示:
 

Java代码  收藏代码
  1. protected void onCreate(Bundle savedInstanceState) {  
  2.     super.onCreate(savedInstanceState);  
  3.   
  4.     final TabHost tabHost = getTabHost();  
  5.   
  6.     tabHost.addTab(tabHost.newTabSpec("tab1")  
  7.             .setIndicator("list")  
  8.             .setContent(new Intent(this, List1.class)));  
  9.      ....  




以 上几种方式中,只有方式1需要使用一个layout(我的意思是xml配置的)。在我查看的另一份代码中(UROP1,一个闹钟程序),他使用了第三种方 式,但却在开头setContentView。在我注释掉这行代码时,效果依然没变。包括在网上的很多其他文章,都会使用setContentView, 但看起来有点多余。这也是让我迷惑的地方。 

综合来说,三种方式,都不需要setContentView,方式1需要inflat一份layout,其他2种则不需要。 

BTW,Javaeye的blog编辑功能还不错。:D 

1.2.2011 update 

默认设置下,TabActivity中的content是activity的话,第一次切换会触发onCreate,切换标签页 
不会导致当前activity onStop/onDestroy,只有当退出TabActivity时,才触发。 

标签页切换会导致子activity onPause,只有当前处于前台的activity,才会接收到 
onBackPressed,整个TabActivity退出时,只会触发一次finishedFromChild。

posted on 2011-12-01 16:31  longlybits  阅读(5604)  评论(2编辑  收藏  举报

导航