【转】Android 分页控件制成底部菜单
转自:http://blog.csdn.net/knowheart/article/details/7049596
其实Android 中的底部菜单, 可以用分页控件很好的实现。 我们先将自定义分页控件做好, 就可以做到顶底两个位置的菜单了。
TabHost只是作为一个容器来存放一些Activity, 所以需要自己另外创建几个新的Activity, 然后由主TabHost加载。
tab_style.xml
是每个Tab的自定义样式
//分页控件样式 <?xml version="1.0" encoding="UTF-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="5dip" android:paddingRight="5dip" android:paddingTop="5dip" android:background="@drawable/tab_bg" > <FrameLayout android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_weight="0.6" > <TextView android:id="@+id/tab_label" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center" android:background="@drawable/tab_title_selector" android:textColor="#FFFFFF" android:textStyle="bold" /> </FrameLayout> </LinearLayout>
main_tab.xml 是主TabHost布局文件
//TabHost布局 <?xml version="1.0" encoding="UTF-8"?> <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" > //必须包含下列三个View <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <FrameLayout android:gravity="center" android:id="@android:id/tabcontent" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_weight="1.0" /> //TabWidget位置在FrameLayout之下则显示在低部, 在之上则显示在顶部 <TabWidget android:id="@android:id/tabs" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_weight="0.0" /> </LinearLayout> </TabHost>
tab_title_selector.xml
是Tab中TextView的按下背景
//选择器,指示Text按下后的背景 <?xml version="1.0" encoding="UTF-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_focused="true" android:drawable="@drawable/tab_btn_bg_d" /> <item android:state_selected="true" android:drawable="@drawable/tab_btn_bg_d" /> <item android:state_pressed="true" android:drawable="@drawable/tab_btn_bg_d" /> </selector>
Activity类
另外还需要几个Activity类, 普通的Activity类即可, 在此不显示。
public class TabTest extends TabActivity
{
private TabWidget mTabWidget;
private TabHost mTabHost;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main_tabs);
mTabHost = getTabHost();
//将要显示的Activity载入TabHost控件
//要显示的Activity由自己*创建
setTabIndicator("one", 1, new Intent(this, OneActivity.class));
setTabIndicator("Two", 2, new Intent(this, TwoActivity.class));
setTabIndicator("Three", 3, new Intent(this, OneActivity.class));
setTabIndicator("Four", 4, new Intent(this, TwoActivity.class));
}
private void setTabIndicator(String title, int nId, Intent intent)
{
//使用指定Tab样式
View view = LayoutInflater.from(this.mTabHost.getContext())
.inflate(R.layout.tab_style, null);
TextView text = (TextView)view.findViewById(R.id.tab_label);
String strId = String.valueOf(nId);
text.setText(title);
//创建一个新Tab
TabHost.TabSpec localTabSpec = mTabHost.newTabSpec(strId)
.setIndicator(view).setContent(intent);
//加载新Tab
mTabHost.addTab(localTabSpec);
}
}