欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android入门之TabHost与TabWidget实例解析

程序员文章站 2022-11-05 15:49:52
本文实例介绍的是android的tab控件,tab控件可以达到分页的效果,让一个屏幕的内容尽量丰富,当然也会增加开发的复杂程度,在有必要的时候再使用。android的tab...

本文实例介绍的是android的tab控件,tab控件可以达到分页的效果,让一个屏幕的内容尽量丰富,当然也会增加开发的复杂程度,在有必要的时候再使用。android的tab控件使用起来有点奇怪,必须包含和按照以下的顺序:

Android入门之TabHost与TabWidget实例解析

tabhost控件->tabwidget(必须命名为tabs)->framelayout(必须命名为tabcontent)。

先来贴出本例运行的截图:

Android入门之TabHost与TabWidget实例解析

main.xml的源码如下:

<?xml version="1.0" encoding="utf-8"?>
<tabhost android:layout_width="fill_parent"
  android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost1">
  <tabwidget android:id="@android:id/tabs"
    android:layout_height="wrap_content" android:layout_width="fill_parent">
</tabwidget>
  <framelayout android:id="@android:id/tabcontent"
    android:paddingtop="65px" android:layout_width="fill_parent" android:layout_height="fill_parent">
    <linearlayout android:layout_height="wrap_content" android:id="@+id/tab1" android:orientation="vertical" android:layout_width="fill_parent">
      <edittext android:layout_height="wrap_content" android:id="@+id/edttab1" android:layout_width="fill_parent"></edittext>
      <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btntab1" android:text="tab1"></button>
    </linearlayout>
    <linearlayout android:layout_height="wrap_content" android:id="@+id/tab2" android:layout_width="fill_parent" android:orientation="horizontal">
      <edittext android:layout_height="wrap_content" android:id="@+id/edttab2" android:layout_width="wrap_content" android:layout_weight="300"></edittext>
      <button android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/btntab2" android:text="tab2"></button></linearlayout>
  </framelayout>
</tabhost>

java程序源码如下:

package com.testtab;
import android.app.tabactivity;
import android.os.bundle;
import android.view.view;
import android.widget.button;
import android.widget.edittext;
import android.widget.tabhost;
import android.widget.tabhost.tabspec;
public class testtab extends tabactivity {//基于tabactivity构建
 
 button btntab1,btntab2;
 edittext edttab1,edttab2;
  /** called when the activity is first created. */
  @override
  public void oncreate(bundle savedinstancestate) {
   super.oncreate(savedinstancestate);
    setcontentview(r.layout.main);
    
    tabhost tabs = gettabhost();
    //设置tab1
    tabspec tab1 = tabs.newtabspec("tab1");
    tab1.setindicator("tab1");   // 设置tab1的名称
    tab1.setcontent(r.id.tab1);  // 关联控件
    tabs.addtab(tab1);        // 添加tab1
    
    btntab1=(button)this.findviewbyid(r.id.btntab1);
    edttab1=(edittext)this.findviewbyid(r.id.edttab1);
    btntab1.setonclicklistener(new clickevent());
    
    //设置tab2
    tabspec tab2 = tabs.newtabspec("tab2");
    tab2.setindicator("tab2");   
    tab2.setcontent(r.id.tab2);  
    tabs.addtab(tab2);        
    
    btntab2=(button)this.findviewbyid(r.id.btntab2);
    edttab2=(edittext)this.findviewbyid(r.id.edttab2);
    btntab2.setonclicklistener(new clickevent());
    
    tabs.setcurrenttab(0);
  }
  
  class clickevent implements view.onclicklistener {
 @override
 public void onclick(view v) {
  if(v==btntab1)
  {
  edttab1.settext("tab1");
  }
  else if(v==btntab2)
  {
  edttab2.settext("tab2");
  }
 }
  
  }
}