使用 startActivityForResult 时的共享元素

Question

我有一个包含两个 activities 的应用程序，其中第二个用作图像 "picker" 并向第一个传递一些信息，因此 ImageView 可以相应地更新。

为此，我通过 startActivityForResult() 调用第二个 activity，并根据 onActivityResult() 上收到的信息更新 ImageView。

当我尝试为选择器和主要 Activity 之间的共享元素设置动画时出现问题：看起来过渡 "snapshots" 第一个 Activity，即使ImageView 在 Activity 恢复后立即更新，过渡动画将 "flicker" 显示当前版本之前 View 的旧版本。

这是我制作的示例应用程序，用于说明我在说什么：

无缝实现此动画的最佳方式是什么？是否应该使用其他方法？

示例代码如下：

主要Activity

public class MainActivity extends AppCompatActivity {

    ImageView mainImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        getSupportActionBar().setTitle("Main Activity");

        mainImageView = (ImageView) findViewById(R.id.imageView);
        findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, PickerActivity.class);
                ActivityOptionsCompat options = ActivityOptionsCompat.
                        makeSceneTransitionAnimation(MainActivity.this, mainImageView, "shape_transition");
                startActivityForResult(intent, 1, options.toBundle());
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        super.onActivityResult(requestCode, resultCode, intent);
        int shapeNumber = intent.getIntExtra("shape_number", -1);

        switch (shapeNumber) {
            case 1:
                mainImageView.setImageResource(R.drawable.blue);
                break;
            case 2:
                mainImageView.setImageResource(R.drawable.green);
                break;
            default:
                //something else
                break;
        }


    }
}

选择器Activity:

public class PickerActivity extends AppCompatActivity {

    ImageView blueImageView;
    ImageView greenImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_picker);
        getSupportActionBar().setTitle("Picker Activity");

        blueImageView = (ImageView) findViewById(R.id.imageView2);

        blueImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                blueImageView.setTransitionName("shape_transition");
                Intent intent = new Intent(PickerActivity.this, MainActivity.class);
                intent.putExtra("shape_number", 1);
                setResult(RESULT_OK, intent);
                finishAfterTransition();
            }
        });

        greenImageView = (ImageView) findViewById(R.id.imageView3);

        greenImageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                greenImageView.setTransitionName("shape_transition");
                Intent intent = new Intent(PickerActivity.this, MainActivity.class);
                intent.putExtra("shape_number", 2);
                setResult(RESULT_OK, intent);
                finishAfterTransition();
            }
        });
    }
}

主要Activityxml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="demonstration.sharedelementproblemexample.MainActivity">

    <ImageView
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:id="@+id/imageView"
        android:transitionName="shape_transition"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:src="@drawable/red" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pick"
        android:id="@+id/button"
        android:layout_below="@+id/imageView"
        android:layout_alignParentStart="true" />
</RelativeLayout>

选择器Activityxml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="demonstration.sharedelementproblemexample.PickerActivity">

    <ImageView
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:id="@+id/imageView2"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:src="@drawable/blue" />

    <ImageView
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:id="@+id/imageView3"
        android:src="@drawable/green"
        android:layout_alignParentStart="true"
        android:layout_alignTop="@+id/imageView2" />
</RelativeLayout>

Answer 1

主要问题是，即使用户没有select 任何图像（只需按回键），它也应该可以完美运行。我真的想不出任何优雅的方法来完成这个（因为，我们已经在使用 onActivityResult()）。但是，我确实有一个 [相当肮脏] 的 hack 应该可以工作。

我们可以做的是有一个非常小的 AlphaAnimation（10 毫秒左右）并在 onResume() 上淡入淡出 Activity 的根 ViewGroup和 onPause() 分别。为了完美地工作（不用 flickr 阅读），ViewGroup 的初始可见性应该是 View.INVISIBLE。这也应该在淡出动画结束时设置（通过AnimationListener）。

通过此设置，我们基本上是在为自己争取时间，因此我们可以适当地设置 ImageView 实例。这当然是一天结束时的黑客攻击，我很想听到任何其他有效的答案。好问题！

Answer 2

在做另一个项目时，我找到了一种方法来防止这种闪烁的发生。

在第一个 Activity（发送请求的那个）中，不是更新最初通过 onActivityResult(int requestCode, int resultCode, Intent intent) 方法转换的视图，您应该覆盖 onActivityReenter(int resultCode, Intent data) 并更新从那里看。

此方法在过渡动画开始之前调用，您仍然可以通过 Intent 参数从另一个 Activity 获取信息。

下面是使用此解决方案的相同示例应用程序：

这里是覆盖方法：

@Override
public void onActivityReenter(int resultCode, Intent data) {
    int shapeNumber = data.getIntExtra("shape_number", -1);

    switch (shapeNumber) {
        case 1:
            mainImageView.setImageResource(R.drawable.blue);
            break;
        case 2:
            mainImageView.setImageResource(R.drawable.green);
            break;
        default:
            //something else
            break;
    }
    super.onActivityReenter(resultCode, data);
}

使用 startActivityForResult 时的共享元素

Shared element when using startActivityForResult

android

android-intent

activity-transition

shared-element-transition