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


相关文章
|
8月前
|
Android开发 数据安全/隐私保护 开发者
Android自定义view之模仿登录界面文本输入框(华为云APP)
本文介绍了一款自定义输入框的实现,包含静态效果、hint值浮动动画及功能扩展。通过组合多个控件完成界面布局,使用TranslateAnimation与AlphaAnimation实现hint文字上下浮动效果,支持密码加密解密显示、去除键盘回车空格输入、光标定位等功能。代码基于Android平台,提供完整源码与attrs配置,方便复用与定制。希望对开发者有所帮助。
159 0
|
8月前
|
XML Java Android开发
Android自定义view之网易云推荐歌单界面
本文详细介绍了如何通过自定义View实现网易云音乐推荐歌单界面的效果。首先,作者自定义了一个圆角图片控件`MellowImageView`,用于绘制圆角矩形图片。接着,通过将布局放入`HorizontalScrollView`中,实现了左右滑动功能,并使用`ViewFlipper`添加图片切换动画效果。文章提供了完整的代码示例,包括XML布局、动画文件和Java代码,最终展示了实现效果。此教程适合想了解自定义View和动画效果的开发者。
400 65
Android自定义view之网易云推荐歌单界面
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义视图:打造个性化UI组件
【10月更文挑战第39天】在安卓开发的世界中,自定义视图是实现独特界面设计的关键。本文将引导你理解自定义视图的概念、创建流程,以及如何通过它们增强应用的用户体验。我们将从基础出发,逐步深入,最终让你能够自信地设计和实现专属的UI组件。
|
8月前
|
Android开发 开发者
Android企业级实战-界面篇-3
本文是《Android企业级实战-界面篇》系列的第三篇,主要介绍分割线和条形跳转框的实现方法,二者常用于设置和个人中心界面。文章通过具体代码示例展示了如何实现这两种UI组件,并提供了效果图。实现前需准备`dimens.xml`、`ids.xml`、`colors.xml`等文件,部分资源可参考系列第一、二篇文章。代码中详细说明了布局文件的配置,如分割线的样式定义和条形跳转框的组件组合,帮助开发者快速上手并应用于实际项目中。
112 1
|
8月前
|
XML Android开发 数据格式
Android企业级实战-界面篇-2
本文为《Android企业级实战-界面篇》系列第二篇,主要介绍三个UI模块的实现:用户资料模块、关注与粉丝统计模块以及喜欢和收藏功能模块。通过详细的XML代码展示布局设计,包括dimens、ids、colors配置文件的使用,帮助开发者快速构建美观且功能齐全的界面。文章结合实际效果图,便于理解和应用。建议配合第一篇文章内容学习,以获取完整工具类支持。
135 0
|
8月前
|
算法 Java Android开发
Android企业级实战-界面篇-1
本文详细介绍了Android企业级开发中界面实现的过程,涵盖效果展示、实现前准备及代码实现。作者通过自身经历分享了Android开发经验,并提供了`dimens.xml`、`ids.xml`、`colors.xml`和`strings.xml`等配置文件内容,帮助开发者快速构建规范化的UI布局。文章以一个具体的用户消息界面为例,展示了如何使用线性布局(LinearLayout)和相对布局(RelativeLayout)实现功能模块排列,并附带注意事项及使用方法,适合初学者和进阶开发者参考学习。
206 0
|
存储 Android开发 开发者
深入理解安卓应用开发的核心组件
【10月更文挑战第8天】探索Android应用开发的精髓,本文带你了解安卓核心组件的奥秘,包括Activity、Service、BroadcastReceiver和ContentProvider。我们将通过代码示例,揭示这些组件如何协同工作,构建出功能强大且响应迅速的应用程序。无论你是初学者还是资深开发者,这篇文章都将为你提供新的视角和深度知识。
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
226 19
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
搜索推荐 前端开发 Android开发
安卓开发中的自定义视图——打造个性化用户界面
在安卓应用开发的广阔天地里,自定义视图是实现个性化界面设计的重要手段。通过深入理解安卓绘图基础、触摸事件处理和布局机制,开发者可以突破标准控件的限制,创造出独一无二的用户体验。本文将引导你探索自定义视图的核心概念,提供实用的代码示例,并分享如何有效地解决开发过程中可能遇到的挑战。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往创新和个性化的大门。

热门文章

最新文章