先看效果:
京东商城底部菜单栏
新浪微博底部菜单栏
本次学习效果图:
第一,主布局文件(启动页main.xml,位于res/layout目录下)代码
<&#63;xml version="." encoding="utf-"&#63;>
第二,创建显示此TabWidget的布局tabmini.xml(位于res/layout目录下)
<&#63;xml version="." encoding="utf-"&#63;>
第三,在drawable里面创建一个selector,命名tabmini.xml,用来点击TabHost的一个tab时TextView的变化
<&#63;xml version="." encoding="utf-"&#63;>
第四,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样式,希望对大家有所帮助!