一,先看效果图
代码:
第一个页面A
public void share(View view) {
View fab = findViewById(R.id.iv);
intent = new Intent(this, BActivity.class);
intent.putExtra("flag", 3);
//创建单个共享元素
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this, view, "share").toBundle());
// startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
// Pair.create(view, "share"),
// Pair.create(fab, "fab")).toBundle());
}
这里要把两个页面共享图片的组件设置android:transitionName=“XX”起个名字
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<View
android:background="@drawable/timg"
android:transitionName="share"
android:id="@+id/iv"
android:elevation="10dp"
android:layout_gravity="center"
android:layout_width="100dp"
android:layout_height="100dp"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:onClick="explode"
android:text="explode" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:onClick="fade"
android:text="fade" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:onClick="slide"
android:text="slide" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:onClick="share"
android:text="share" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:transitionName="share"
android:text="startB" />
</LinearLayout>
第二个页面B
public class BActivity extends AppCompatActivity {
@SuppressLint("NewApi")
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
int flag = getIntent().getExtras().getInt("flag");
switch (flag) {
case 0:
getWindow().setEnterTransition(new Explode());
break;
case 1:
getWindow().setEnterTransition(new Slide());
break;
case 2:
getWindow().setEnterTransition(new Fade());
getWindow().setExitTransition(new Fade());
break;
case 3:
break;
}
setContentView(R.layout.activity_b);
}
}
这里的view跟上个页面的名字对应
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent">
<View
android:layout_width="match_parent"
android:layout_height="300dp"
android:transitionName="share"
android:background="@drawable/timg"
/>
<Button
android:transitionName="fab"
android:layout_width="56dp"
android:layout_height="56dp"
android:id="@+id/holder_view"
android:layout_marginTop="-20dp"
/>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/holder_view"
android:layout_marginTop="-1dp">
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_below="@id/button4"
android:text="12" />
<Button
android:id="@+id/button4"
android:layout_width="match_parent"
android:layout_height="60dp"
android:text="11111111" />
</LinearLayout>
</LinearLayout>
多个的同理
startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
Pair.create(view, “share”),
Pair.create(fab, “fab”)).toBundle());