Fragment滑动切换Bar动画

布局

<span style="font-size:18px;"><?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <!--我的订单-->

    <include layout="@layout/base_title_1" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/text_white"
        android:orientation="horizontal">

        <RelativeLayout
            android:id="@+id/rl1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tv_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_marginTop="20dp"
                android:text="待支付"
                android:textColor="@color/Theme_color"
                android:textSize="15sp" />

        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tv_2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_marginTop="20dp"
                android:text="运送中"
                android:textColor="@color/Text_black"
                android:textSize="15sp" />

        </RelativeLayout>

        <RelativeLayout
            android:id="@+id/rl3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1">

            <TextView
                android:id="@+id/tv_3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_marginTop="20dp"
                android:text="已完成"
                android:textColor="@color/Text_black"
                android:textSize="15sp" />

          
        </RelativeLayout>

    </LinearLayout>


    <ImageView
        android:id="@+id/id_tab_line_iv"
        android:layout_width="50dp"
        android:layout_height="2.5dp"
        android:layout_centerHorizontal="true"
        android:background="@color/Theme_color"
         />


    <com.lixin.zhongshitongapp.app.view.LazyViewPager
        android:id="@+id/ViewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />


</LinearLayout></span>

ViewPager代码

监听

 public class Pagechage implements LazyViewPager.OnPageChangeListener {

        @Override
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub
            if (arg0 == 2) {
                int i = viewPager.getCurrentItem();
                clean();//清除选中状态
                count(i);//选中监听
            }
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub
            /**
             * arg0 :当前页面，及你点击滑动的页面 arg1:当前页面偏移的百分比
             * arg2:当前页面偏移的像素位置
             */
            LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) id_tab_line_iv.getLayoutParams();
            if (currentIndex == 0 && arg0 == 0)// 0->1
            {
                lp.leftMargin = (int) (arg1 * (screenWidth * 1.0 / 3) + currentIndex
                        * (screenWidth / 3));

            } else if (currentIndex == 1 && arg0 == 0) // 1->0
            {
                lp.leftMargin = (int) (-(1 - arg1)
                        * (screenWidth * 1.0 / 3) + currentIndex
                        * (screenWidth / 3));
            } else if (currentIndex == 1 && arg0 == 1) // 1->2
            {
                lp.leftMargin = (int) (arg1 * (screenWidth * 1.0 / 3) + currentIndex
                        * (screenWidth / 3));
            } else if (currentIndex == 2 && arg0 == 1) // 2->1
            {
                lp.leftMargin = (int) (-(1 - arg1)
                        * (screenWidth * 1.0 / 3) + currentIndex
                        * (screenWidth / 3));
            }
            id_tab_line_iv.setLayoutParams(lp);

        }

        @Override
        public void onPageSelected(int arg0) {
            // TODO Auto-generated method stub
            currentIndex = arg0;
        }
    }

在onCreate()方法加入

/**
     * 设置滑动条的宽度为屏幕的1/3(根据Tab的个数而定)
     */
    private void initTabLineWidth() {
        DisplayMetrics dpMetrics = new DisplayMetrics();
        getWindow().getWindowManager().getDefaultDisplay().getMetrics(dpMetrics);
        screenWidth = dpMetrics.widthPixels;
        LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) id_tab_line_iv.getLayoutParams();
        lp.width = screenWidth / 3;
        id_tab_line_iv.setLayoutParams(lp);
    }

 private class Click implements View.OnClickListener {
        @Override
        public void onClick(View arg0) {
            // TODO Auto-generated method stub
            clean();
            count(arg0.getId());
        }
    }