微信图片点击缩放放大超自然效果功能实现

大家可以先看看官网介绍
https://developer.android.com/training/transitions/start-activity#java

有一些概念性的讲述可以看以下文章
Android Transition Animation 过渡动画解析

• 首先可以通过Android Transition Animation 过渡动画框架中的共享元素来实现图片点击放大的超自然效果；

通过两个Activity来实现这个功能；

一. 添加Material主题

• 添加Material主题，此时对于build.gradle中的minSdkVersion 版本是由要求的，必须高于21

// 添加Material主题，此时对于build.gradle中的minSdkVersion 版本是由要求的，必须高于21
<style name="MaterialAppTheme" parent="android:Theme.Material.NoActionBar">
        <!-- enable window content transitions -->
        <item name="android:windowActivityTransitions">true</item>
</style>

二. 为Activity指定Theme

• 在Manifest文件中必须为两个Activity指定以上的Theme;

<activity android:name=".pci.metrol.activity.SharedElementActivity"
            android:theme="@style/MaterialAppTheme"
            />
<activity android:name=".pci.metrol.activity.TransitionActivity"
            android:theme="@style/MaterialAppTheme"
            />

三. 启动 Activity 时的处理

• TransitionActivity的代码如下

ImageView mIv_transition;

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

    mIv_transition = (ImageView) findViewById(R.id.iv_transition);
    mIv_transition.setImageBitmap(BitmapFactory.decodeFile("需要显示的图片地址"));

    mIv_transition.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                Intent i = new Intent(TransitionActivity.this, SharedElementActivity.class);

                View sharedView = blueIconImageView;
                String transitionName = getString(R.string.TransitionName);

                ActivityOptions activityOptions = ActivityOptions.makeSceneTransitionAnimation(TransitionActivity.this, sharedView, transitionName);
                ActivityCompat.startActivity(TransitionActivity.this, i, activityOptions.toBundle());
            }
        }
    });
}

• activity_transition布局文件如下，需要注意一个属性android:transitionName,在布局文件中使用android:transitionName属性或者在代码中使用View.setTransitionName(String)方法来为两个页面的共享元素指定同样 的transitionName；

<ImageView
        android:id='@+id/iv_transition'
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:scaleType="centerCrop"
        android:transitionName="@string/TransitionName"
        />

• SharedElementActivity代码如下

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

    ImageView iv_pic = (ImageView) findViewById(R.id.iv_pic);
    iv_pic.setImageBitmap(BitmapFactory.decodeFile("需要显示的图片地址"));
}

• activity_shared_element布局文件如下:布局文件中使用android:transitionName属性和之前Activity布局中的要一样；

<ImageView
        android:id='@+id/iv_pic'
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="20dp"
        android:layout_marginBottom="20dp"
        android:scaleType="centerCrop"
        android:transitionName="@string/TransitionName"
        />

• 最后附加上一个Activity跳转Fragment实现这个效果的链接
  用Transition完成Fragment共享元素的切换