根布局上的活动过渡动画在每次 EditText 单击时执行

Question

我在活动过渡上应用显示效果，当 startActivity 被称为通过显示效果显示的活动时。 Activity是注册Activity，包含3个editText、一个imageView和一个拍照按钮。

“问题是每当我选择或单击editText时，就会应用显示效果动画。”

动画应用于根布局，动画在 OnCreate 方法中启动，我也尝试通过其他生命周期方法（如 onStart 和 onResume 方法）应用动画，但它正在工作。

很高兴地接受了答案。 这是代码的快照。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_add_contact);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    Name = (EditText) findViewById(R.id.enter_name_id);
    Mobile = (EditText) findViewById(R.id.enter_mobile_id);
    Email = (EditText) findViewById(R.id.enter_email_id);
    imageView = (ImageView) findViewById(R.id.set_image);

    LinearLayout rootview = (LinearLayout) findViewById(R.id.rootview);

    rootview.addOnLayoutChangeListener(new View.OnLayoutChangeListener() 
    {
        @Override
        public void onLayoutChange(View v, int left, int top, int right, 
        int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) 
        {

            float finalRadius=
            (float)Math.hypot(v.getWidth(),v.getHeight());
            int cx1 = (v.getLeft() + v.getRight()) / 2;
            int cy1 = (v.getTop() + v.getBottom()) / 2;
            Animator anim = ViewAnimationUtils.createCircularReveal(v, 
            cx1, cy1, 0, finalRadius);
            anim.setDuration(1000);
            anim.setInterpolator(new AccelerateDecelerateInterpolator());
            anim.start();
        }
    });
}

Answer 1

您可以使用 globalLayoutListener 等待：

final LinearLayout rootview = (LinearLayout) findViewById(R.id.rootview);
rootview .getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
    rootview .getViewTreeObserver().removeOnGlobalLayoutListener(this);
    // remove listener
    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
        //noinspection deprecation
        imageView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
    } else {
        imageView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
    }

    float finalRadius=
    (float)Math.hypot(rootview.getWidth(),rootview.getHeight());
    int cx1 = (rootview.getLeft() + rootview.getRight()) / 2;
    int cy1 = (rootview.getTop() + rootview.getBottom()) / 2;
    Animator anim = ViewAnimationUtils.createCircularReveal(v, 
    cx1, cy1, 0, finalRadius);
    anim.setDuration(1000);
    anim.setInterpolator(new AccelerateDecelerateInterpolator());
    anim.start();
}
});

您可能不需要检查您不支持的旧版本 id 低于 JELLY_BEAN

Answer 2

你可以这样试试

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    ...
    ...

    final LinearLayout rootview = (LinearLayout) findViewById(R.id.rootview);
    ViewTreeObserver observer = rootview.getViewTreeObserver();

    if (observer.isAlive()) {
        observer.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                showLayout(rootview)
                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
                    rootview.getViewTreeObserver().removeGlobalOnLayoutListener(this);
                } else {
                    rootview.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                }
            }
        });
    }

    ...
    ...
}

private void showLayout(@NonNull View v) {
    if (Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP) {
        circularReveal(v);
    } else {
        v.setVisibility(View.VISIBLE);
    }
}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
private void circularReveal(@NonNull final View v) {
    float finalRadius = (float) Math.hypot(v.getWidth(), v.getHeight());
    int cx1 = (v.getLeft() + v.getRight()) / 2;
    int cy1 = (v.getTop() + v.getBottom()) / 2;
    Animator anim = ViewAnimationUtils.createCircularReveal(v, cx1, cy1, 0, finalRadius);
    anim.setDuration(1000);
    anim.setInterpolator(new AccelerateDecelerateInterpolator());
    v.setVisibility(View.VISIBLE);
    anim.start();
}

在xml父布局中放这个android:visibility="invisible"

Answer 3

问题是，每当您单击图像或编辑文本时，都会调用 onLayoutChange 方法。只需在 onCreate 中开始您的动画，而不是将其放入 onLayoutChanged 中。

    root.post(new Runnable() {
        @Override
        public void run() {
            float finalRadius =
                    (float) Math.hypot(root.getWidth(), root.getHeight());
            int cx1 = (root.getLeft() + root.getRight()) / 2;
            int cy1 = (root.getTop() + root.getBottom()) / 2;
            Animator anim = ViewAnimationUtils.createCircularReveal(root,
                    cx1, cy1, 0, finalRadius);
            anim.setDuration(1000);
            anim.setInterpolator(new AccelerateDecelerateInterpolator());
            anim.start();
        }
    });

请试试这个。