【Android】自定义 Tabhost

原创 2012年03月29日 13:56:24

效果图:


MainActivity.java

package tianshuai.homePage;

import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.RelativeLayout;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
import android.widget.TextView;

public class MainActivity extends TabActivity
{
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		
		//取得当前的TabHost
		TabHost tabs = getTabHost();
		
		//载入主布局文件
		LayoutInflater.from(this).inflate(R.layout.main, tabs.getTabContentView(), true);
		
		//给Tab1添加自定义样式
		RelativeLayout tabStyle1 = (RelativeLayout)LayoutInflater.from(this).inflate(R.layout.tab_style, null);
		TextView text1 = (TextView)tabStyle1.findViewById(R.id.tab_label);
		text1.setText("1");
		
		//给Tab2添加自定义样式
		RelativeLayout tabStyle2 = (RelativeLayout)LayoutInflater.from(this).inflate(R.layout.tab_style, null);
		TextView text2 = (TextView)tabStyle2.findViewById(R.id.tab_label);
		text2.setText("2");
		
		//创建新Tab, 使用tab1的样式
		TabSpec tab1 = tabs.newTabSpec("tab1");
		tab1.setIndicator(tabStyle1);
		tab1.setContent(R.id.Tab1);
		tabs.addTab(tab1);
		
		//创建新Tab, 使用tab2的样式
		TabSpec tab2 = tabs.newTabSpec("tab2");
		tab2.setIndicator(tabStyle2);
		tab2.setContent(R.id.Tab2);
		tabs.addTab(tab2);
	}
	
	
}
main.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout  xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent"
	android:layout_height="fill_parent"  
    >
   
   <LinearLayout
   	android:id="@+id/Tab1"
    	android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:orientation="vertical"
    >
                
   	<TextView 
		android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:text="这是tab1"
    	/>
    </LinearLayout>
    
       <LinearLayout
    	android:id="@+id/Tab2"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:orientation="vertical"
     >
                
    	<TextView 
    		android:layout_width="wrap_content"
        	android:layout_height="wrap_content"
        	android:text="这是tab2"
    	/>
    </LinearLayout>
</FrameLayout>

table_style.xml

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingLeft="5dip"
    android:paddingRight="5dip"
    
    >  
 
    <TextView android:id="@+id/tab_label"  
        android:layout_width="fill_parent"
        android:layout_height="30px"
        android:gravity="center"
        android:textColor="#000000"
        android:textStyle="bold"
        android:background="@drawable/tab"
        /> 
</RelativeLayout>
tab.xml
<?xml version="1.0" encoding="UTF-8"?>
<selector xmlns:android = "http://schemas.android.com/apk/res/android">   
        
         <item   
        	android:state_selected = "true"   
         	android:drawable = "@drawable/red"   
         />
         <item   
         	android:state_selected = "false"   
         	android:drawable = "@drawable/bule"   
         />    
</selector> 




Android中自定义tabhost的TAB页面被选中时TAB底部的颜色

系统的tabhost的tab底部是蓝色,
  • syc751255354
  • syc751255354
  • 2014年06月27日 12:10
  • 3084

自定义TabHost中选项卡的点击监听事件

而在Android上,可以用support v4中的 FragmentTabHost 来实现类似效果,它继承自 TabHost ,每个子页面都是一个 Fragment 。 今天遇到一个需求,需要在点...
  • fuzhongbin
  • fuzhongbin
  • 2016年01月04日 16:29
  • 3698

Android ViewPager实现Tabhost选项卡底部滑块动态滑动过渡

 《Android ViewPager实现Tabhost选项卡底部滑块动态滑动过渡》 之前基于github上的第三方开源控件ViewPagerIndicator的UnderlinePageIn...
  • zhangphil
  • zhangphil
  • 2015年03月31日 11:21
  • 2482

Android之TabHost布局 两种方式

Android布局之TabHost 中的两种实现方式,一种是继承TabActivity,从TabActivity中用getTabHost()方法获取TabHost。另一种是不继承TabActivity...
  • u013184970
  • u013184970
  • 2015年09月09日 16:03
  • 1190

TabHost的使用(三):动态添加Tab

package com.example.androidtest; import android.os.Bundle; import android.app.Activity; import andr...
  • wuli2496
  • wuli2496
  • 2014年04月17日 21:20
  • 867

android开发中TabHost使用方法

一、效果图 二、android开发中TabHost使用方法详解  1、定义一个布局文件,将一个RadioGroup放在TabWidget中,然后将TabWidget放在TabHost中,其中TabW...
  • wpwbb510582246
  • wpwbb510582246
  • 2016年10月29日 16:07
  • 735

使用TabHost和ViewPager实现页面切换

在android的开发过程中经常会遇到页面切换的问题,其中一个解决办法是使用fragment加Handler来实现,不过有些情况下这种方法并不是最好的选择。比如,你需要滑动切换页面的时候。这时使用Ta...
  • wode_dream
  • wode_dream
  • 2015年01月04日 10:54
  • 5429

Android - TabHost 选项卡功能用法详解

一、实例         二.、TabHost介绍 TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计; 1. TabHost常用组件 T...
  • wpwbb510582246
  • wpwbb510582246
  • 2016年09月17日 10:11
  • 8235

tabhost动态修改图片和文字

package com.example.tabhost; import android.app.Activity; import android.app.LocalActivityManager; ...
  • aicpzl
  • aicpzl
  • 2017年02月08日 15:45
  • 464

【Android 应用开发】Android - TabHost 选项卡功能用法详解

TabHost效果图 :  源码下载地址 :         一. TabHost介绍 TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计; 1. T...
  • han1202012
  • han1202012
  • 2014年01月14日 00:01
  • 32419
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【Android】自定义 Tabhost
举报原因:
原因补充:

(最多只允许输入30个字)