RadioButton 带下划线切换的案例

xml

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

<RelativeLayout

    android:id="@+id/relOrder"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@color/White"

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

    

    <RadioGroup

        android:id="@+id/rgTabTitle"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="horizontal"

        android:paddingBottom="@dimen/text_padding_small"

        android:paddingTop="@dimen/text_padding_small" >



        <RadioButton

            android:id="@+id/rbDoneOrder"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1.0"

            android:checked="true"

            android:button="@null"

            android:gravity="center"

            android:padding="0dp"

            android:text="@string/order_done"

            android:textColor="@drawable/sel_tab_text_color"

            android:textSize="@dimen/content_text_size" />

        <RadioButton

            android:id="@+id/rbGoingOrder"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1.0"

            android:button="@null"

            android:gravity="center"

            android:padding="0dp"

            android:text="@string/order_going"

            android:textColor="@drawable/sel_tab_text_color"

            android:textSize="@dimen/content_text_size" />

    </RadioGroup>

    

    <LinearLayout

        android:id="@+id/indicatorLayout"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_below="@id/rgTabTitle"

        android:orientation="horizontal"

        android:weightSum="2" >



        <View

            android:id="@+id/indicatorView"

            android:layout_width="0dp"

            android:layout_height="@dimen/indicator_height"

            android:layout_weight="1.0"

            android:background="@color/bg_deep_color" />

    </LinearLayout>

    

    <View

        android:id="@+id/line1"

        android:layout_width="match_parent"

        android:layout_height="@dimen/divider_line_width"

        android:layout_below="@id/indicatorLayout"

        android:background="@color/divider_line_color" />

    

    <FrameLayout 

        android:id="@+id/frContractsHistory"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_below="@id/line1"

        android:layout_marginTop="0dp"

        android:layout_marginRight="@dimen/outer_border_width"

        android:layout_marginLeft="@dimen/outer_border_width"

        android:background="@color/White" >

        

    </FrameLayout>



</RelativeLayout>

code:

mIndicator = mRootView.findViewById(R.id.indicatorView);//underlne

WindowManager wm = (WindowManager) context   //the the width of screen

                .getSystemService(Context.WINDOW_SERVICE);

        DisplayMetrics outMetrics = new DisplayMetrics();

        wm.getDefaultDisplay().getMetrics(outMetrics);

mIndicatorStepDistance  = outMetrics.widthPixels;



mFm =getFragmentManager();

        FragmentTransaction mFragmentTrans =mFm.beginTransaction();

        mFragmentTrans.add(R.id.frContractsHistory, new OrderContractsLvFragment(R.layout.list_item_contract_done)).commit();

        mRgTabs.setOnCheckedChangeListener(new OnCheckedChangeListener(){

            @Override

            public void onCheckedChanged(RadioGroup container, int checkedId) {

                FragmentTransaction mFragmentTrans =mFm.beginTransaction();

                TranslateAnimation anim = null;

                switch(checkedId){

                case R.id.rbDoneOrder:

                    Toast.makeText(mContext, "done", Toast.LENGTH_LONG).show();

    mFragmentTrans.replace(R.id.frContractsHistory, 

                new OrderContractsLvFragment(R.layout.list_item_contract_done));

        mFragmentTrans.commit();

                    anim = new TranslateAnimation(mIndicatorStepDistance * mIndicatorPosition, 0, 0, 0);

                    mIndicatorPosition = 0;

                    break;

                case R.id.rbGoingOrder:

                    Toast.makeText(mContext, "going", Toast.LENGTH_LONG).show();

    mFragmentTrans.replace(R.id.frContractsHistory, 

                            new OrderContractsLvFragment(R.layout.list_item_contract_ongoing));

                    mFragmentTrans.commit();

                    

                    anim = new TranslateAnimation(mIndicatorStepDistance * mIndicatorPosition, mIndicatorStepDistance, 0, 0);

                    mIndicatorPosition = 1;

                    break;

                }

                if (anim != null) {

                    anim.setDuration(300);

                    anim.setFillAfter(true);

                    mIndicator.startAnimation(anim);

                }

            }

        });