android 携程买票的起始点交换位置实现

最新推荐文章于 2022-04-22 16:14:14 发布

Mars-xq

最新推荐文章于 2022-04-22 16:14:14 发布

阅读量994

点赞数

CC 4.0 BY-SA版权

分类专栏：自定义view 自定义控件自定义view之路自定义view

本文链接：https://blog.youkuaiyun.com/sinat_31057219/article/details/80604223

自定义view 同时被 3 个专栏收录

43 篇文章

订阅专栏

自定义view之路

29 篇文章

订阅专栏

自定义view

26 篇文章

订阅专栏

本文介绍了一个简单的Android应用程序，该程序通过点击按钮实现两个文本视图的位置交换动画效果。使用ValueAnimator来平滑地改变视图的位置，并通过更新布局实现动画过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：

这里写图片描述

点击交换位置按钮，北京和深圳布局交换位置。

xml布局文件：

<?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:fitsSystemWindows="true"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/left_tv"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:text="北京" />

    <Button
        android:id="@+id/btn"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:text="交换位置" />

    <TextView
        android:id="@+id/right_tv"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:text="深圳" />

</LinearLayout>

java代码：

public class TESTButtonActivity extends AppCompatActivity {
    private int startX;
    private int endX;
    private TextView leftCityTextView;
    private TextView rightCityTextView;
    private ValueAnimator endCityAnimator;
    private ValueAnimator startCityAnimation;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_button);

        leftCityTextView = ((TextView) this.findViewById(R.id.left_tv));
        rightCityTextView = ((TextView) this.findViewById(R.id.right_tv));

        Button mBtn = ((Button) this.findViewById(R.id.btn));
        mBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startCityAnimation.start();
                endCityAnimator.start();
            }
        });
    }

    private void getLocation() {
        int[] startXLocation = new int[2];
        leftCityTextView.getLocationOnScreen(startXLocation);//获取坐标
        int[] endXLocation = new int[2];
        rightCityTextView.getLocationOnScreen(endXLocation);
        startX = startXLocation[0];//0为x坐标
        endX = endXLocation[0];
    }

    @Override
    public void onWindowFocusChanged(boolean hasFocus) {
        super.onWindowFocusChanged(hasFocus);

        getLocation();

        int leftMoveX = endX - startX;
        int rightMoveX = endX - startX;

        startCityAnimation = ValueAnimator.ofInt(0, leftMoveX).setDuration(5000);
        startCityAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                //重新布局
                leftCityTextView.layout(startX + value,
                        leftCityTextView.getTop(),
                        startX + value + leftCityTextView.getWidth(),
                        leftCityTextView.getBottom());
            }
        });

        endCityAnimator = ValueAnimator.ofInt(0, rightMoveX).setDuration(5000);
        endCityAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                int value = (int) animation.getAnimatedValue();
                //重新布局
                rightCityTextView.layout(endX - value,
                        rightCityTextView.getTop(),
                        endX + rightCityTextView.getWidth() - value,
                        rightCityTextView.getBottom());
            }
        });

        endCityAnimator.addListener(new Animator.AnimatorListener() {
            @Override
            public void onAnimationStart(Animator animation) {
            }

            @Override
            public void onAnimationEnd(Animator animation) {
                //用于下次交换
                TextView tempTextView = leftCityTextView;
                leftCityTextView = rightCityTextView;
                rightCityTextView = tempTextView;
            }

            @Override
            public void onAnimationCancel(Animator animation) {
            }

            @Override
            public void onAnimationRepeat(Animator animation) {
            }
        });
    }
}