RadioButton使用(一)实现底部带指示条的Tab选项卡

在对之前的项目中做重构时候发现一个界面的tab选项卡，之前一直 用着看是不能滑动的，但是在代码中发现是用viewpager实现的后面强制把滑动给禁掉了，代码显示有点多也很乱。既然问了领导需求没有滑动只能点击，那么就没有必要再用viewpager去实现了。重构后采用RadioButton，主要利用RadioButton的“互斥”特性实现这样代码量少，逻辑清晰，也便于其他开发阅读理解。
由于这个demo是直接临时从项目中抽出来的，所以稍微有点乱，不过代码量不多，有需要的可以自己回头再整理下，废话不多说看看最后实现的效果图：

直接上代码

package com.radiobuttontab;

import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.RadioButton;

/**
 * Created by nanfeilong on 2017/8/6
 * RadioButton 选项卡
 */
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
   


    private RadioButton tab1, tab2, tab3;
    private View mViewPagerLine;//选项卡下面的红色线条控件
    private Fragment1 fragment1;
    private Fragment2 fragment2;
    private Fragment3 fragment3;
    private int width;
    private FrameLayout.LayoutParams params;
    private DisplayMetrics metric;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tab1 = (RadioButton) findViewById(R.id.tab1);
        tab2 = (RadioButton)findViewById(R.id.tab2);
        tab3 = (RadioButton) findViewById(R.id.tab3);
        mViewPagerLine = findViewById(R.id.imformation_viewpager_line);//选项卡下面的红色线条
        params = (android.widget.FrameLayout.LayoutParams) mViewPagerLine.getLayoutParams();
        initFragment();
    }

    private void initFragment() {
        fragment1 = new Fragment1();
        fragment2 = new Fragment2();
        fragment3 = new Fragment3();
        width=getScreenWidth()/3;
        setMetric();
        tab1.setOnClickListener(this);
        tab2.setOnClickListener(this);
        tab3.setOnClickListener(this);
    }

    /**
     * 初始选项卡红色线条位置
     */
    private void setMetric() {
            tab1.setChecked(true);
            selectedTab(0);
    }
    /**
     * 切换fragment
     *