table滑块

我们做table时，常常想做一个滑块的移动效果，来让app显得更加生动，原理很简单，废话不说，直接上code

public class AnimationActivity extends AppCompatActivity {

    private Button bt01, bt02, bt03, bt04;

    private ImageView view;

    int screenWidth;//屏幕宽度

    int screenHeight;//屏幕高度

    int positionView = 0;//记录滑块的位置

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_animation);

        bt01 = (Button) findViewById(R.id.bt01);

        bt02 = (Button) findViewById(R.id.bt02);

        bt03 = (Button) findViewById(R.id.bt03);

        bt04 = (Button) findViewById(R.id.bt04);

        view = (ImageView) findViewById(R.id.view);

        //获取屏幕宽高度

        DisplayMetrics dm = new DisplayMetrics();

        getWindowManager().getDefaultDisplay().getMetrics(dm);

        screenWidth = dm.widthPixels / 4;//屏幕宽度的1/4，用来设置滑块的宽度

        screenHeight = dm.heightPixels;//屏幕高度，用来设置滑块的宽度

        //设置滑块的宽高

        ViewGroup.LayoutParams params = view.getLayoutParams();

        params.height = screenHeight / 100;

        params.width = screenWidth;

        view.setLayoutParams(params);

        bt01.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                //参数 1.动画目标view 2.动画移动方式 3.view出发的位置 4.view的目标位置

                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", positionView, 0);

                animator.setDuration(300);

                animator.start();

                //移动后这里要把位置设置为当前的位置

                positionView = 0;

            }

        });

        bt02.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                //参数 1.动画目标view 2.动画移动方式 3.view出发的位置 4.view的目标位置

                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", positionView, screenWidth);

                animator.setDuration(300);

                animator.start();

                //移动后这里要把位置设置为当前的位置

                positionView = screenWidth;

            }

        });

        bt03.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                //参数 1.动画目标view 2.动画移动方式 3.view出发的位置 4.view的目标位置

                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", positionView, screenWidth * 2);

                animator.setDuration(300);

                animator.start();

                //移动后这里要把位置设置为当前的位置

                positionView = screenWidth * 2;

            }

        });

        bt04.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View v) {

                //参数 1.动画目标view 2.动画移动方式 3.view出发的位置 4.view的目标位置

                ObjectAnimator animator = ObjectAnimator.ofFloat(view, "translationX", positionView, screenWidth * 3);

                animator.setDuration(300);

                animator.start();

                //移动后这里要把位置设置为当前的位置

                positionView = screenWidth * 3;

            }

        });

    }

}

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

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

    xmlns:app="http://schemas.android.com/apk/res-auto"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context="com.example.laoyimou.teststudio.AnimationActivity">

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <Button

            android:id="@+id/bt01"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="bt" />

        <Button

            android:id="@+id/bt02"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="bt" />

        <Button

            android:id="@+id/bt03"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="bt" />

        <Button

            android:id="@+id/bt04"

            android:layout_width="0dp"

            android:layout_height="wrap_content"

            android:layout_weight="1"

            android:text="bt" />

    </LinearLayout>

    <ImageView

        android:id="@+id/view"

        android:layout_width="50dp"

        android:layout_height="5dp"

        android:background="#563265" />

</LinearLayout>