missspelled
App-Anbieter (In-App)
- 127
Hallo, hier mal im Schweinsgalopp wie man ein Bildchen beim Starten einer Activity (Act1 -> Act2) als "shared element" animiert.
ActivityOne
ActivityTwo:
xml zur ersten Act.:
xml zur Zweiten:
Wichtig für die Funktionstüchtigkeit ist der Name der Transition, bzw besser dass dieser gleich ist... (hier xyz_yo_man)
Weitere Änderungen an dem Projekt waren bei mir nicht nötig.. (API21 ist von Vorteil )
Testapp im Anhang
Beste Grüße
ActivityOne
Code:
package com.weirdidea.pepperonas.sharedelement;
import android.app.Activity;
import android.app.ActivityOptions;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class ActivityOne extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_activity_one);
final Button button = (Button) findViewById(R.id.btn_start);
final View androidRobotView = findViewById(R.id.iv_paranoid);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(ActivityOne.this, ActivityTwo.class);
ActivityOptions options = ActivityOptions
.makeSceneTransitionAnimation(ActivityOne.this, androidRobotView, "xyz_yo_man");
startActivity(intent, options.toBundle());
}
});
}
}
Code:
package com.weirdidea.pepperonas.sharedelement;
import android.app.Activity;
import android.os.Bundle;
public class ActivityTwo extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_activity_two);
}
}
Code:
<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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".ActivityOne">
<ImageView
android:id="@+id/iv_paranoid"
android:transitionName="xyz_yo_man"
android:layout_width="60dp"
android:layout_height="60dp"
android:scaleType="centerCrop"
android:src="@drawable/paranoid"/>
<Button
style="?android:attr/buttonStyleSmall"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Transition"
android:id="@+id/btn_start"
android:layout_alignParentBottom="true"
android:layout_alignParentStart="true"
android:layout_marginBottom="48dp"/>
</RelativeLayout>
Code:
<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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.weirdidea.pepperonas.sharedelement.ActivityTwo">
<ImageView
android:id="@+id/image_small"
android:transitionName="xyz_yo_man"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:scaleType="centerCrop"
android:src="@drawable/paranoid"/>
</RelativeLayout>
Wichtig für die Funktionstüchtigkeit ist der Name der Transition, bzw besser dass dieser gleich ist... (hier xyz_yo_man)
Weitere Änderungen an dem Projekt waren bei mir nicht nötig.. (API21 ist von Vorteil )
Testapp im Anhang
Beste Grüße