android用户界面-组件Widget-选项卡Tab

简介:

使用Tab的步骤:
1、在布局文件中使用FrameLayout列出Tab组件及Tab中的内容组件。

2、Activity要继承TabActivity。

3、调用TabActivity的getTabHost()方法获得TabHost对象。

4、通过TabHost创建Tab选项。

 

/Chapter04_UI_Tab01/src/com/amaker/test/MainActivity.java

 

 
  1. 代码  
  2.  
  3. package com.amaker.test;  
  4.  
  5. import android.app.TabActivity;  
  6. import android.os.Bundle;  
  7. import android.view.LayoutInflater;  
  8. import android.view.Window;  
  9. import android.view.WindowManager;  
  10. import android.widget.TabHost;  
  11. import android.widget.Toast;  
  12. import android.widget.TabHost.OnTabChangeListener;  
  13.  
  14. public class MainActivity extends TabActivity {  
  15.     @Override 
  16.     public void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.           
  19.        /* requestWindowFeature(Window.FEATURE_NO_TITLE);  
  20.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  
  21.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);*/ 
  22.           
  23.         TabHost th = getTabHost();  
  24.           
  25.         LayoutInflater.from(this).inflate(R.layout.main, th.getTabContentView(), true);  
  26.           
  27.         th.addTab(th.newTabSpec("all").setIndicator("所有通话记录").setContent(R.id.TextView01));  
  28.         th.addTab(th.newTabSpec("ok").setIndicator("已接来电").setContent(R.id.TextView02));  
  29.         th.addTab(th.newTabSpec("cancel").setIndicator("未接来电").setContent(R.id.TextView03));  
  30.       
  31.           
  32.         th.setOnTabChangedListener(  
  33.                 new OnTabChangeListener() {  
  34.                     @Override 
  35.                     public void onTabChanged(String tabId) {  
  36.                         Toast.makeText(MainActivity.this, tabId, Toast.LENGTH_LONG).show();  
  37.                     }  
  38.                 }  
  39.         );  
  40.           
  41.           
  42.       
  43.     }  

/Chapter04_UI_Tab01/res/layout/main.xml

 

 
  1. 代码  
  2.  
  3. <?xml version="1.0" encoding="utf-8"?> 
  4.  
  5. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  6.     android:id="@+id/FrameLayout01"   
  7.     android:layout_width="wrap_content"   
  8.     android:layout_height="wrap_content"> 
  9.       
  10.     <TextView   
  11.     android:id="@+id/TextView01"   
  12.     android:layout_width="wrap_content"   
  13.     android:layout_height="wrap_content"   
  14.     android:text="所有通话记录"></TextView> 
  15.       
  16.     <TextView   
  17.     android:id="@+id/TextView02"   
  18.     android:layout_width="wrap_content"   
  19.     android:layout_height="wrap_content"   
  20.     android:text="已接来电"></TextView> 
  21.       
  22.     <TextView   
  23.     android:id="@+id/TextView03"   
  24.     android:layout_width="wrap_content"   
  25.     android:layout_height="wrap_content"   
  26.     android:text="未接来电"></TextView> 
  27.       
  28. </FrameLayout> 

通过实现一个接口TabHost.TabContentFactory的createTabContent方法来制定Tab的内容

/Chapter04_UI_Tab02/src/com/amaker/test/MainActivity.java

 

 
  1. 代码  
  2.  
  3. package com.amaker.test;  
  4.  
  5. import java.util.ArrayList;  
  6. import java.util.List;  
  7.  
  8. import android.app.TabActivity;  
  9. import android.os.Bundle;  
  10. import android.view.View;  
  11. import android.widget.ArrayAdapter;  
  12. import android.widget.ListView;  
  13. import android.widget.TabHost;  
  14.  
  15. public class MainActivity extends TabActivity implements 
  16.         TabHost.TabContentFactory {  
  17.     /** Called when the activity is first created. */ 
  18.     @Override 
  19.     public void onCreate(Bundle savedInstanceState) {  
  20.         super.onCreate(savedInstanceState);  
  21.         TabHost th = getTabHost();  
  22.         th.addTab(th.newTabSpec("all").setIndicator("所有通话记录").setContent(this));  
  23.         th.addTab(th.newTabSpec("ok").setIndicator("已接来电").setContent(this));  
  24.         th  
  25.                 .addTab(th.newTabSpec("cancel").setIndicator("未接来电")  
  26.                         .setContent(this));  
  27.     }  
  28.  
  29.     public View createTabContent(String tag) {  
  30.         ListView lv = new ListView(this);  
  31.         List<String> list = new ArrayList<String>();  
  32.         list.add(tag);  
  33.         if(tag.equals("all")){  
  34.             list.add("tom");  
  35.             list.add("kite");  
  36.             list.add("rose");  
  37.         }else if(tag.equals("ok")){  
  38.             list.add("tom");  
  39.             list.add("kite");  
  40.         }else{  
  41.             list.add("rose");  
  42.         }  
  43.           
  44.         ArrayAdapter adapter = new ArrayAdapter(this,  
  45.                 android.R.layout.simple_list_item_checked, list);  
  46.         lv.setAdapter(adapter);  
  47.         return lv;  
  48.     }  

/Chapter04_UI_Tab02/res/layout/main.xml

 

 
  1. 代码  
  2.  
  3. <?xml version="1.0" encoding="utf-8"?> 
  4. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  5.     android:orientation="vertical" 
  6.     android:layout_width="fill_parent" 
  7.     android:layout_height="fill_parent" 
  8.     > 
  9. <TextView    
  10.     android:layout_width="fill_parent"   
  11.     android:layout_height="wrap_content"   
  12.     android:text="@string/hello" 
  13.     /> 
  14. </LinearLayout> 

 

本文转自linzheng 51CTO博客,原文链接:http://blog.51cto.com/linzheng/1080696


相关文章
|
1月前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
2月前
|
存储 Android开发 开发者
深入理解安卓应用开发的核心组件
【10月更文挑战第8天】探索Android应用开发的精髓,本文带你了解安卓核心组件的奥秘,包括Activity、Service、BroadcastReceiver和ContentProvider。我们将通过代码示例,揭示这些组件如何协同工作,构建出功能强大且响应迅速的应用程序。无论你是初学者还是资深开发者,这篇文章都将为你提供新的视角和深度知识。
|
2月前
|
数据可视化 Android开发 开发者
安卓应用开发中的自定义View组件
【10月更文挑战第5天】在安卓应用开发中,自定义View组件是提升用户交互体验的利器。本篇将深入探讨如何从零开始创建自定义View,包括设计理念、实现步骤以及性能优化技巧,帮助开发者打造流畅且富有创意的用户界面。
95 0
|
15天前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
40 19
|
16天前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
23天前
|
搜索推荐 前端开发 Android开发
安卓开发中的自定义视图——打造个性化用户界面
在安卓应用开发的广阔天地里,自定义视图是实现个性化界面设计的重要手段。通过深入理解安卓绘图基础、触摸事件处理和布局机制,开发者可以突破标准控件的限制,创造出独一无二的用户体验。本文将引导你探索自定义视图的核心概念,提供实用的代码示例,并分享如何有效地解决开发过程中可能遇到的挑战。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创新和个性化的大门。
|
2月前
|
XML 前端开发 Java
安卓应用开发中的自定义View组件
【10月更文挑战第5天】自定义View是安卓应用开发的一块基石,它为开发者提供了无限的可能。通过掌握其原理和实现方法,可以创造出既美观又实用的用户界面。本文将引导你了解自定义View的创建过程,包括绘制技巧、事件处理以及性能优化等关键步骤。
|
2月前
|
测试技术 数据库 Android开发
深入解析Android架构组件——Jetpack的使用与实践
本文旨在探讨谷歌推出的Android架构组件——Jetpack,在现代Android开发中的应用。Jetpack作为一系列库和工具的集合,旨在帮助开发者更轻松地编写出健壮、可维护且性能优异的应用。通过详细解析各个组件如Lifecycle、ViewModel、LiveData等,我们将了解其原理和使用场景,并结合实例展示如何在实际项目中应用这些组件,提升开发效率和应用质量。
52 6
|
1月前
|
搜索推荐 Android开发 UED
安卓开发中的自定义视图:打造个性化用户界面
【10月更文挑战第22天】在安卓应用的海洋中,如何让你的应用脱颖而出?一个独特且直观的用户界面(UI)至关重要。本文将引导你通过自定义视图来打造个性化的用户体验,从基础的视图绘制到触摸事件的处理,我们将一步步深入探讨。准备好了吗?让我们开始吧!
|
XML 数据可视化 Java
Android常见界面布局(详细介绍)
Android常见界面布局(详细介绍)
486 0
Android常见界面布局(详细介绍)