Android程序开发之自定义设置TabHost,TabWidget样式

先看效果:


        京东商城底部菜单栏


      新浪微博底部菜单栏

Android程序开发之自定义设置TabHost,TabWidget样式_第1张图片

本次学习效果图:

Android程序开发之自定义设置TabHost,TabWidget样式_第2张图片

第一,主布局文件(启动页main.xml,位于res/layout目录下)代码




















 

第二,创建显示此TabWidget的布局tabmini.xml(位于res/layout目录下)




第三,在drawable里面创建一个selector,命名tabmini.xml,用来点击TabHost的一个tab时TextView的变化



 

 

第四,java代码,在Activity里实现TabHost

package com.example.androidtest____meihuatubiao;
import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.TabHost;
import android.widget.TextView;
public class Main extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
View niTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView niTxt=(TextView)niTab.findViewById(R.id.tab_label);
niTxt.setText("ni");
View woTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView woTxt=(TextView)woTab.findViewById(R.id.tab_label);
woTxt.setText("wo");
View taTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView taTxt=(TextView)taTab.findViewById(R.id.tab_label);
taTxt.setText("ta");
View weTab=(View)LayoutInflater.from(this).inflate(R.layout.tabmini, null);
TextView weTxt=(TextView)weTab.findViewById(R.id.tab_label);
weTxt.setText("we");
TabHost tabs=(TabHost)findViewById(R.id.tabhost);
tabs.setup();
tabs.addTab(tabs.newTabSpec("niTab").setContent(R.id.tab).setIndicator(niTab));
tabs.addTab(tabs.newTabSpec("woTab").setContent(R.id.tab).setIndicator(woTab));
tabs.addTab(tabs.newTabSpec("taTab").setContent(R.id.tab).setIndicator(taTab));
tabs.addTab(tabs.newTabSpec("weTab").setContent(R.id.tab).setIndicator(weTab));
}
}

以上内容是小编给大家分享的Android程序开发之自定义设置TabHost,TabWidget样式,希望对大家有所帮助!

你可能感兴趣的:(Android程序开发之自定义设置TabHost,TabWidget样式)