RadioButton布局图片+文字 实现tabhost效果

为什么80%的码农都做不了架构师？>>>

   main.xml

<!-- 左边底部布局 -->

    <LinearLayout

        android:id="@+id/approver_task_titles_radio_group"

        android:layout_width="match_parent"  -----使Button平分宽度

        android:layout_height="wrap_content"

        android:layout_alignParentBottom="true"

        android:orientation="vertical"

        android:padding="8dp" >

        <!-- 左边底部图标 -->

        <RadioGroup

            android:id="@+id/approver_task_titles_radio_group_icon"

            android:layout_width="match_parent"

            android:layout_height="60dp"  ----让文字显示出来

            android:gravity="center"

            android:background="@drawable/background_bottom_approver"

----真个背景，可有可无看喜好

            android:orientation="horizontal" >

            <RadioButton

                android:id="@+id/approver_radio_all"

                style="@style/radiobutton_bottom"

----引用一个样式下面给出样式代码

                android:drawableTop="@drawable/radio_all_selector"

----让图片显示在文字上面，并且引用xml文件，设置点击变化图片效果

                android:background="@drawable/radio_background_selector"

                android:checked="true"

----默认被选中

                android:paddingLeft="10dp"

                android:paddingRight="14dp"

                android:text="@string/task_all"/>----给出Button文字

            <RadioButton

                android:id="@+id/approver_radio_wait_approver"

                style="@style/radiobutton_bottom"

                android:drawableTop="@drawable/radio_wait_approve_selector"

                android:background="@drawable/radio_background_selector"

                android:text="@string/task_wait_approver" />

            <RadioButton

                android:id="@+id/approver_radio_working"

                style="@style/radiobutton_bottom"

                android:drawableTop="@drawable/radio_doing_selector"

                android:background="@drawable/radio_background_selector"

                android:paddingLeft="6dp"

                android:text="@string/task_doing"/>

        </RadioGroup>

        <!-- 左侧底部文字 -->

    </LinearLayout>

<!-- RadioButton style -->  上面应用的样式

    <style name="radiobutton_bottom">

        <item name="android:layout_width">match_parent</item>

        <item name="android:layout_height">match_parent</item>

        <item name="android:button">@null</item>  ----去掉Button的圆点   

        <item name="android:layout_margin">1dip</item>

        <item name="android:background">@android :color/transparent</item>

-----设置去点Button前面的空白，这个空白是去圆点后留下的

        <item name="android:layout_weight">1</item>

        <item name="android:gravity">center</item>

        <item name="android:textColor">@drawable/color_radiobutton_text</item>

-----设置文字颜色的变化，引用了xml.下面给出xml文件

        <item name="android:textSize">14sp</item>

</style>

<!--Color_radiobutton_text.xml-->布局文件

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

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:color="#000000" android:state_checked="true"/>

    <item android:color="#000000" android:state_pressed="true"/>

    <item android:color="#7e7e7e"/>----默认颜色

</selector>

效果图片：

转载于:https://my.oschina.net/u/1256344/blog/168075