Android TabWidget切换卡的实现应用

xijiexincun

xijiexincun

2016-02-19 10:24

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐Android TabWidget切换卡的实现应用,赶紧看过来吧!

TabWidget类似于Android 中查看电话薄的界面,通过多个标签切换显示不同内容。要实现这一效果,首先要了解TabHost,它是一个用来存放多个Tab标签的容器。每一个Tab都可以对应自己的布局,比如,电话薄中的Tab布局就是一个List的线性布局了。 
要使用TabHost,首先需要通过getTabHost方法来获取TabHost的对象,然后通过addTab方法来向TabHost中添加 Tab。当然每个Tab在切换时都会产生一个事件,要捕捉这个事件需要设置TabActivity的事件监听 setOnTabChangedListener。

1、布局文件

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/bianchengyuyan/)

TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@android:id/tabhost"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"

  LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"

    TabWidget
      android:id="@android:id/tabs"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content" /

    FrameLayout
      android:id="@android:id/tabcontent"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"

      TextView
        android:id="@+id/textview1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="Linux"
        android:textColor="#FF0000" /

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/bianchengyuyan/)

      TextView
        android:id="@+id/textview2"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="MAC"
        android:textColor="#385E0F" /

      TextView
        android:id="@+id/textview3"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="Windows"
        android:textColor="#1E90FF" /
    /FrameLayout
  /LinearLayout

/TabHost

2、修改MainActivity,注意是继承自TabActivity

public class MainActivity extends TabActivity { private TabHost tabHost; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tabHost = getTabHost(); addTab();// 添加标签 // 设置TabHost背景颜色 tabHost.setBackgroundColor(Color.argb(150, 20, 80, 150)); // 设置TabHost背景图片资源 tabHost.setBackgroundResource(R.drawable.ic_launcher); // 设置当前显示哪一个标签 我的理解就是当你第一次启动程序默认显示那个标签 这里是指定的选项卡的ID从0开始 tabHost.setCurrentTab(0); // 标签切换事件处理,setOnTabChangedListener 注意是标签切换事件不是点击事件,而是从一个标签切换到另外一个标签会触发的事件 tabHost.setOnTabChangedListener(new OnTabChangeListener() {  @Override  public void onTabChanged(String tabId) {  AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);  Dialog dia;  builder.setTitle("提示");  builder.setMessage("当前选中了" + tabId + "标签");  builder.setPositiveButton("确定", new OnClickListener() {   @Override   public void onClick(DialogInterface dialog, int which) {   dialog.cancel();   }  });  dia = builder.create();  dia.show();  } }); } // 为TabHost添加标签 新建一个newTabSped(new TabSpec) 设置其标签和图标(setIndicator)、设置内容(setContent) // TabSpec是TabHost的内部类 TabHost对象的 newTabSpec()方法返回一个TabSpec对象 // 源码里边是这么写的 public TabSpec newTabSpec(String tag) // { return new TabSpec(tag); } private void addTab() { tabHost.addTab(tabHost  .newTabSpec("tab1")  .setIndicator("TAB1",   getResources().getDrawable(R.drawable.ic_launcher))// setIndicator()此方法用来设置标签和图表  .setContent(R.id.textview1)); // 指定内容为一个TextView ---public TabHost.TabSpec setContent(int viewId) 此方法需要一个 viewId 作为参数 tabHost.addTab(tabHost  .newTabSpec("tab2")  .setIndicator("TAB2",   getResources().getDrawable(R.drawable.ic_launcher))  .setContent(R.id.textview2)); tabHost.addTab(tabHost  .newTabSpec("tab3")  .setIndicator("TAB3",   getResources().getDrawable(R.drawable.ic_launcher))  .setContent(R.id.textview3)); }}

 3、运行程序:如下!

展开更多 50%)
分享

猜你喜欢

Android TabWidget切换卡的实现应用

编程语言 网络编程
Android TabWidget切换卡的实现应用

Android Intent启动别的应用实现方法

编程语言 网络编程
Android Intent启动别的应用实现方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

android实现获取正在运行的应用程序

编程语言 网络编程
android实现获取正在运行的应用程序

iphone手机屏幕旋转切换卡顿解决方法

iphone iPhone 5s iPhone 6 iphone刷机
iphone手机屏幕旋转切换卡顿解决方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

javascript应用:实现复选框全选/全不选切换

Web开发
javascript应用:实现复选框全选/全不选切换

android Watchdog 实现剖析

编程语言 网络编程
android Watchdog 实现剖析

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

将Windows 2024改造成桌面操作系统(Windows 8)的方法

将Windows 2024改造成桌面操作系统(Windows 8)的方法

用javascript自动显示最后更新时间

用javascript自动显示最后更新时间
下拉加载更多内容 ↓