Android Scaling Animation：翻译并缩放到父级的父级中心

Question

我正在尝试构建一个应用程序，如果您点击个人资料图片，图片将扩展到屏幕中心，应用程序的背景变暗（类似于您点击个人资料时的体验）拍照whatsapp）。单击灰色区域上的任意位置将反转动画，配置文件pic将重置回原始位置。

我有以下xml布局：

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_width="match_parent"
android:id="@+id/profilepage"
android:layout_height="wrap_content">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/brown_400"
    android:id="@+id/profileBox">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/profilepic"
        android:src="@drawable/ic_person_black_24dp"
        />

    <TextView
        android:layout_toRightOf="@+id/profilepic"
        android:layout_alignTop="@+id/profilepic"
        android:textSize="20sp"
        android:textColor="@color/white"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/profileName"
        tools:text="Johnny Appleseed"/>

</RelativeLayout>
 ...other layout stuff like buttons etc to be put here...
</LinearLayout>

我想点击上方的小男人，它应该翻译并缩放到屏幕中间。

我在Translate and Scale animation in parallel找到了一些符合我目的的代码：

private void moveViewToScreenCenter( final View view ){
    view.bringToFront(); //brings the view to the front
    DisplayMetrics dm = new DisplayMetrics();
    getWindowManager().getDefaultDisplay().getMetrics( dm );

    int originalPos[] = new int[2];
    view.getLocationOnScreen( originalPos );

    int xDelta = (dm.widthPixels - view.getMeasuredWidth() - originalPos[0])/2;
    int yDelta = (dm.heightPixels - view.getMeasuredHeight() - originalPos[1])/2;

    AnimationSet animSet = new AnimationSet(true);
    animSet.setFillAfter(true);
    animSet.setDuration(1000);
    animSet.setInterpolator(new BounceInterpolator());
    TranslateAnimation translate = new TranslateAnimation( 0, xDelta , 0, yDelta);
    animSet.addAnimation(translate);
    ScaleAnimation scale = new ScaleAnimation(1f, 2f, 1f, 2f, ScaleAnimation.RELATIVE_TO_PARENT, .5f, ScaleAnimation.RELATIVE_TO_PARENT, .5f);
    animSet.addAnimation(scale);
    view.startAnimation(animSet);
}

然而，代码只会相对于配置文件pic Image的父级进行扩展，在我的情况下是RelativeLayout（@ + id / profileBox），而不是父级的父级（@ + id / profilepage），这就是我希望它能做到。

此外，代码：view.bringToFront();不会将个人资料图片带到LinearLayout（个人资料页面）的前面进行缩放和翻译，而是将其带到RelativeLayout（profileBox）的前面。

如何将其带到个人资料页面的正面并进行适当缩放，以使其在我的应用屏幕中居中？

Answer 1

我设法找到第一个问题的答案：Android View Disappearing When Go Outside Of Parent

我需要为profileBox设置它：

    android:clipChildren="false"
    android:clipToPadding="false"

这是个人资料页面：

android:clipChildren="false"

但是我开始意识到这可能不是我想做的正确策略，因为我希望在配置文件pic翻译/缩放时背景变暗，并且配置文件图片后面的按钮不可访问当活动处于暂停状态时。

上面的代码只会翻译/缩放图片，而不会暂停以下活动，因此点击“退出”会退出用户。