string/styles.xml 样式文件
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="main_tab_bottom">
<item name="android:textSize">@dimen/bottom_tab_font_size</item>
<item name="android:textColor">#ffffffff</item>
<item name="android:ellipsize">marquee</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:background">@drawable/home_btn_bg</item>
<item name="android:paddingTop">@dimen/bottom_tab_padding_up</item>
<item name="android:layout_width">fill_parent</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:button">@null</item>
<item name="android:singleLine">true</item>
<item name="android:drawablePadding">@dimen/bottom_tab_padding_drawable</item>
<item name="android:layout_weight">1.0</item>
</style>
</resources>
main.xml
<?xml version="1.0" encoding="utf-8"?>
<TabHost android:id="@android:id/tabhost" android:layout_width="fill_parent"android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<FrameLayout android:id="@+id/msg_title"
android:visibility="gone" android:layout_width="fill_parent"
android:layout_height="wrap_content">
<TextView android:id="@+id/tv_wb" android:layout_height="wrap_content"
android:layout_width="fill_parent" android:background="@drawable/titlebar_lightgray_bg"></TextView>
</FrameLayout>
<FrameLayout android:id="@android:id/tabcontent"
android:layout_width="fill_parent" android:layout_height="0.0dip"
android:layout_weight="1.0" />
<TabWidget android:id="@android:id/tabs" android:visibility="gone"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_weight="0.0" />
<RadioGroup android:gravity="center_vertical"
android:layout_gravity="bottom" android:orientation="horizontal"
android:id="@id/main_radio" android:background="@drawable/maintab_toolbar_bg"
android:layout_width="fill_parent" android:layout_height="wrap_content">
<RadioButton android:id="@+id/radio_button0" android:tag="radio_button0"
android:layout_marginTop="2.0dip" android:text="@string/main_home"
android:drawableTop="@drawable/icon_1_n" style="@style/main_tab_bottom" />
<RadioButton android:id="@+id/radio_button1" android:tag="radio_button1"
android:layout_marginTop="2.0dip" android:text="@string/main_news"
android:drawableTop="@drawable/icon_2_n" style="@style/main_tab_bottom" />
<RadioButton android:id="@+id/radio_button2" android:tag="radio_button2"
android:layout_marginTop="2.0dip" android:text="@string/main_my_info"
android:drawableTop="@drawable/icon_3_n" style="@style/main_tab_bottom" />
<RadioButton android:id="@+id/radio_button3" android:tag="radio_button3"
android:layout_marginTop="2.0dip" android:text="@string/menu_search"
android:drawableTop="@drawable/icon_4_n" style="@style/main_tab_bottom" />
<RadioButton android:id="@+id/radio_button4" android:tag="radio_button4"
android:layout_marginTop="2.0dip" android:text="@string/more"
android:drawableTop="@drawable/icon_5_n" style="@style/main_tab_bottom" />
</RadioGroup>
</LinearLayout>
</TabHost>
MainActivity.xml部分内容
mth=this.getTabHost();
TabSpec ts1=mth.newTabSpec(TAB_HOME).setIndicator(TAB_HOME);
ts1.setContent(new Intent(MainActivity.this,FirstActivity.class));
mth.addTab(ts1);
TabSpec ts2=mth.newTabSpec(TAB_MSG).setIndicator(TAB_MSG);
ts2.setContent(new Intent(MainActivity.this,SecondActivity.class));
mth.addTab(ts2);
this.radioGroup=(RadioGroup)findViewById(R.id.main_radio);
radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
// TODO Auto-generated method stub
switch(checkedId){
case R.id.radio_button0:
mth.setCurrentTabByTag(TAB_HOME);
break;
case R.id.radio_button1:
mth.setCurrentTabByTag(TAB_MSG);
break;
case R.id.radio_button2:
Log.d("select ID", "===={"+checkedId);
break;
case R.id.radio_button3:
Log.d("select ID", "===={"+checkedId);
break;
case R.id.radio_button4:
Log.d("select ID", "===={"+checkedId);
break;
}
}
});
本文介绍了一种在Android应用中实现底部导航栏的方法。通过使用styles.xml中的样式定义和main.xml布局文件设置,实现了带有图标和文字的底部标签。同时,通过MainActivity.xml中的代码实现了标签之间的切换功能。
1594

被折叠的 条评论
为什么被折叠?



