Android中的TabHost
来源:互联网 发布:sql yuju data 编辑:程序博客网 时间:2024/06/06 02:06
介绍
有时,我们想在一个window中显示多个视图,这时就需要用到Tab容器。在Android里它叫TabHost。
使用TabHost有两种方式:
1.在相同的activity中使用TabHost导航多个视图
2.使用TabHost导航多个Activity(通过intents)
Tab应用的结构
TabHost的Activity的结构如下:
先看个示例:
layout文件
Activity代码:
1.这里通过TabSpecs类创建Tab
2.使用setIndicator方法设置tab的文字
3.使用setContent设置tab的内容
4.如果你使用TabActivity作为你的Activity的基类,你不用调用TabHost.Setup()方法。
运行后看起来是这样的:
同时还可以指定indicator为一个view:
设置tab的内容
上面的例子展示了使用tab显示不同的layout资源。如果我们需要通过tab导航到不同的Activity,该怎么办?
这种情况,我们需要有一个activity作为应用的根activity。这个Activity包含TabHost,通过intents导航不同的activity。
注意:根Activity必须继承TabActivity。代码如下:
Layout:
Activity:
运行效果
在运行时添加Tab
在运行时我们可以通过调用TabSepc.setContent(TabContentFactory)方法添加Tab。
最终效果:
转自:
http://blog.csdn.net/xinem/article/details/7083523
有时,我们想在一个window中显示多个视图,这时就需要用到Tab容器。在Android里它叫TabHost。
使用TabHost有两种方式:
1.在相同的activity中使用TabHost导航多个视图
2.使用TabHost导航多个Activity(通过intents)
Tab应用的结构
TabHost的Activity的结构如下:
先看个示例:
layout文件
<?xml version="1.0" encoding="utf-8"?> <TabHost android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tabHost" xmlns:android="http://schemas.android.com/apk/res/android" > <TabWidget android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@android:id/tabs" /> <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@android:id/tabcontent" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/tab1" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px" android:text="This is tab1" android:id="@+id/txt1" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab2" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px" android:text="This is tab 2" android:id="@+id/txt2" /> </LinearLayout> <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/tab3" android:orientation="vertical" android:paddingTop="60px" > <TextView android:layout_width="fill_parent" android:layout_height="100px" android:text="This is tab 3" android:id="@+id/txt3" /> </LinearLayout> </FrameLayout> </TabHost>
Activity代码:
public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);TabHost tabHost=(TabHost)findViewById(R.id.tabHost);tabHost.setup();TabSpec spec1=tabHost.newTabSpec("Tab 1");spec1.setContent(R.id.tab1);spec1.setIndicator("Tab 1");TabSpec spec2=tabHost.newTabSpec("Tab 2");spec2.setIndicator("Tab 2");spec2.setContent(R.id.tab2);TabSpec spec3=tabHost.newTabSpec("Tab 3");spec3.setIndicator("Tab 3");spec3.setContent(R.id.tab3);tabHost.addTab(spec1);tabHost.addTab(spec2);tabHost.addTab(spec3);}
1.这里通过TabSpecs类创建Tab
2.使用setIndicator方法设置tab的文字
3.使用setContent设置tab的内容
4.如果你使用TabActivity作为你的Activity的基类,你不用调用TabHost.Setup()方法。
运行后看起来是这样的:
同时还可以指定indicator为一个view:
TabSpec spec1=tabHost.newTabSpec("Tab 1");spec1.setContent(R.id.tab1);TextView txt=new TextView(this);txt.setText("Tab 1");txt.setBackgroundColor(Color.RED);spec1.setIndicator(txt);
设置tab的内容
上面的例子展示了使用tab显示不同的layout资源。如果我们需要通过tab导航到不同的Activity,该怎么办?
这种情况,我们需要有一个activity作为应用的根activity。这个Activity包含TabHost,通过intents导航不同的activity。
注意:根Activity必须继承TabActivity。代码如下:
Layout:
<?xml version="1.0" encoding="utf-8"?> <TabHost android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@android:id/tabhost" xmlns:android="http://schemas.android.com/apk/res/android" > <TabWidget android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@android:id/tabs" /> <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@android:id/tabcontent" > </FrameLayout> </TabHost>
Activity:
public class TabDemo extends TabActivity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); TabHost tabHost=getTabHost(); // no need to call TabHost.Setup() //First Tab TabSpec spec1=tabHost.newTabSpec("Tab 1"); spec1.setIndicator("Tab 1",getResources().getDrawable(R.drawable.sun)); Intent in1=new Intent(this, Act1.class); spec1.setContent(in1); TabSpec spec2=tabHost.newTabSpec("Tab 2"); spec2.setIndicator("Tab 2",getResources().getDrawable(R.drawable.chart)); Intent in2=new Intent(this,Act2.class); spec2.setContent(in2); tabHost.addTab(spec2); tabHost.addTab(spec3); }}
运行效果
在运行时添加Tab
在运行时我们可以通过调用TabSepc.setContent(TabContentFactory)方法添加Tab。
<SPAN style="WHITE-SPACE: pre"></SPAN>TabSpec spec1=tabHost.newTabSpec("Tab 1"); spec1.setIndicator("Tab 1",getResources().getDrawable(R.drawable.sun)); spec1.setContent(new TabContentFactory() { <SPAN style="WHITE-SPACE: pre"></SPAN> @Override <SPAN style="WHITE-SPACE: pre"></SPAN> public View createTabContent(String tag) { <SPAN style="WHITE-SPACE: pre"></SPAN> // TODO Auto-generated method stub <SPAN style="WHITE-SPACE: pre"></SPAN> return (new AnalogClock(TabDemo.this)); <SPAN style="WHITE-SPACE: pre"></SPAN> } <SPAN style="WHITE-SPACE: pre"></SPAN> });
最终效果:
转自:
http://blog.csdn.net/xinem/article/details/7083523
- Android中的TabHost
- Android中的TabHost
- Android中的TabHost
- Android中的TabHost
- Android中的TabHost
- Android中的TabHost
- Android 中的TabHost控件的使用
- Android tabhost
- Android:TabHost
- TabHost Android
- Android TabHost
- Android TabHost
- android--tabhost
- android tabhost
- android Tabhost
- Android TabHost
- android tabhost
- Android TabHost
- Android的Handler总结(转)
- ViewPager多页面滑动切换以及动画效果(转)
- 一个Android下的自动下载歌词的代码(转)
- Android开发之蓝牙(Bluetooth)操作(一)--扫描已经配对的蓝牙设备(转)
- Android开发之蓝牙(Bluetooth)操作(二)--修改本机蓝牙设备的可见性,并扫描周围可用的蓝牙设备(转)
- Android中的TabHost
- Selenium的RC方式编写的测试脚本部分迁移到WebDriver方式混用的简单示例
- android设置button透明度
- 由浅入深探究mysql索引结构原理、性能分析与优化
- 自定义Tab选项卡
- 理解MySQL——索引与优化
- Android读写文件二
- OXFeeeFeee指针的含义
- centOS怎样强制卸载PHP以及自定义安装PHP