Android实现底部导航栏功能（选项卡）

Android实现底部导航栏功能（选项卡）实现底部导航栏功能（选项卡）

主要介绍了Android实现底部导航栏功能，可以随意切换不同的页面，实现选项卡功能，感兴趣的小伙伴们可以参考一下

现在很多android的应用都采用底部导航栏的功能，这样可以使得用户在使用过程中随意切换不同的页面，现在我采用TabHost组件来自定义一个底部的导航栏的功能。

我们先看下该demo实例的框架图：

其中各个类的作用以及资源文件就不详细解释了，还有资源图片(在该Demo中借用了其它应用程序的资源图片)也不提供了，大家可以自行更换自己需要的资源图片。直接

上各个布局文件或各个类的代码：

1、 res/layout目录下的 maintabs.xml 源码：

<?xml version="1.0" encoding="UTF-8"?>

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: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: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:layout_marginTop="2.0dip" android:text="@string/main_manage_date" android:drawableTop="@drawable/icon_3_n" style="@style/main_tab_bottom" />

<RadioButton android:id="@id/radio_button3" android:layout_marginTop="2.0dip" android:text="@string/main_friends" android:drawableTop="@drawable/icon_4_n" style="@style/main_tab_bottom" />

<RadioButton android:id="@id/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>

<item android:drawable="@drawable/transparent" />

</selector>

3、res/values 下的源码：

dimens.xml源码：源码：

<?xml version="1.0" encoding="utf-8"?>

<resources>

<dimen name="bottom_tab_font_size">10.0sp</dimen>

<dimen name="bottom_tab_padding_up">5.0dip</dimen>

<dimen name="bottom_tab_padding_drawable">2.0dip</dimen>

<dimen name="widget_content_margin_top">20.0dip</dimen>

<dimen name="widget_content_margin_left">10.0dip</dimen>

<dimen name="widget_logo_size">35.0dip</dimen>

<dimen name="title_height">74.0dip</dimen>

<dimen name="new_blog_size">70.0dip</dimen>

<dimen name="emotion_item_view_height">13.299988dip</dimen>

<dimen name="splash_test_top_margin_top">20.0dip</dimen>

<dimen name="splash_test_center_margin_right">0.0dip</dimen>

<dimen name="title_text_size">20.0sp</dimen>

<dimen name="normal_padding_length">10.0dip</dimen>