Fragment mit Animation zu Activity hinzufügen

Nolyn · 5. Mai 2018

Hi,
ich habe eine Activity und füge per Button ein Fragment hinzu.
Dieses Fragment soll nun mit einer Animation erscheinen. Ich habe inzwischen mehrere Ansätze ausprobiert, leider hat keiner funktioniert.
Hauptsächlich habe ich versucht, die Animation in der FragmentTransaction via setCustomAnimation hinzuzufügen.
Fehler habe ich bei keinem Versuch erhalten, Animationen aber auch nicht.

Hier kommt mein Code, ich hoffe, jemand von euch weiß, woran es liegt.

Viele Grüße,
Nolyn

Java: MainActivity

public class MainActivity extends AppCompatActivity {


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


        addTransitionButton();
    }


    private void addTransitionButton() {
        Button transitionButton = findViewById(R.id.btnMainActivity);
        transitionButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                addFragment();
            }
        });
    }


    private void addFragment() {
        FragmentManager fragmentManager = getFragmentManager();
        FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.setCustomAnimations(R.animator.slide_in_left, R.animator.slide_out_right);
        ExampleFragment exampleFragment = new ExampleFragment();


        fragmentTransaction.add(R.id.mainActivity, exampleFragment);
        fragmentTransaction.addToBackStack(null);
        fragmentTransaction.commit();
    }


    @Override
    public void onBackPressed() {
        if (getFragmentManager().getBackStackEntryCount() == 0) {
            this.finish();
        } else {
            getFragmentManager().popBackStack();
        }
    }
}

Alles anzeigen

Java: Fragment

public class ExampleFragment extends Fragment {


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View fragmentView = inflater.inflate(R.layout.example_fragment, container, false);
        fragmentView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                getFragmentManager().popBackStack();
            }
        });


        return fragmentView;
    }
}

Alles anzeigen

XML: slide_in_left.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;set&gt;
    &lt;objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
                    android:duration="500"
                    android:propertyName="x"
                    android:valueFrom="-1000"
                    android:valueTo="0"
                    android:valueType="floatType"/&gt;


&lt;/set&gt;

Alles anzeigen

XML: slide_out_right.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;set&gt;
    &lt;objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
                    android:duration="500"
                    android:propertyName="x"
                    android:valueFrom="0"
                    android:valueTo="-1000"
                    android:valueType="floatType"/&gt;


&lt;/set&gt;

Alles anzeigen

nono124 · 5. Mai 2018

Hallo

Frage wird den das Fragment auch geladen und das Layout(R.layout.example_fragment) angezeigt?

Bin mir auch nicht sicher ob das erstellen der Instanz so richtig ist .
Ich mache das so.

Fragment exampleFragment = (ExempelFragment) instantiate(this, ExempelFragment.class.getName(), null);

Ansonsten schaue mal hier.
https://stackoverflow.com/ques…d-fragments-and-animation

Nolyn · 6. Mai 2018

Hi jogimuc,

das Layout wird geladen und angezeigt, da gibt es keine Probleme.

Das Erstellen der Instanz habe ich aus der offiziellen Doku (siehe: "Adding a fragment to an activity").

Java: adding a Fragment (official)

FragmentManager fragmentManager = getSupportFragmentManager();
FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();


ExampleFragment fragment = new ExampleFragment();
fragmentTransaction.add(R.id.fragment_container, fragment);
fragmentTransaction.commit();

Dort wird die support library Variante genutzt. Auch das habe ich schon probiert, es gab für mich keinen sichtbaren Unterschied.
Deine Variante mit instantiate habe ich noch nicht zum Laufen bekommen, das probiere ich weiter.

In dem stackoverflow post geht es wieder darum, ein angezeigtes Fragment durch ein zweites zu ersetzen und dafür eine Animation zu benutzen.
Das scheint auch der häufigste use-case zu sein, dazu habe ich auch diverse posts gefunden.
Dazu gehört auch, dass anscheinend meistens eine Activity nur ein container ist und die angezeigten Views Fragmente.

Bei mir hat die Activity selbst aber ein layout, das zuerst angezeigt wird und bei Klick des Buttons durch das Fragment ersetzt werden soll.
Ich dachte also, es geht eventuell um Activity animations und las folgende Artikel, aber leider half keiner, da entweder nur eine Activity animiert wurde, oder nur Fragmente.
Medium: Material Transitions
androiddesignpatterns: Activity & Fragment Transitions
developer.android.com: reveal or hide a view using animation

Ich werde als nächstes eine zweite Activity hinzufügen, die dann ein oder mehrere Fragmente als Layout hat und schauen, ob dann die Animationen funktionieren.

nono124 · 6. Mai 2018

Hi ,

ja mit setCustomAnimations ist nur eine Animation von Fragmenten möglich.

Wie sieht dein Layout der Activity aus?

Normaler weise ist das so , im Layout der Activity hast du einen Platzhalter Container für die Fragmente und in diesen Layout Bereich werden die Fragmente eingebendet. Wie groß dieser ist, ist dir überlassen. Wenn du willst das es den gesamten Bildschirm ein nimmt dann ist im Main Layout eigentlich nur ein Container. Für den anfangs Bildschirm erstellst du dann auch ein Fragment und Klasse und machst alles was du sonst in deine Activity Kasse machst in der Fragment Klasse.

Das erste laden eines Fragment ist mit add ein austauschen wird mitreplace gemacht. Für den User sieht es so aus als ob ein erneue Aktivity geladen wurde . Eigentlich wurde nur ein Fragment geladen die Activity läuft weiter. Ein Fragment läuft immer in einer Activity aleine kann ein Fragment nicht laufen. Der gesamte Code für das Fragment muss nun in der Fragment Klasse gemacht werden.
hier mein Layout der main Activity

XML

&lt;RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"&gt;


        &lt;!-- Activity Layout--&gt;


        &lt;RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/activitylayout"
            &gt;


            &lt;!-- Tollbar im Activity Layout --&gt;
            &lt;android.support.v7.widget.Toolbar
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:id="@+id/toolbar1"
                android:background="@color/primary"
                android:fitsSystemWindows="true"
            /&gt;
            &lt;!-- Fragment Container --&gt;
            &lt;RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/fragContainer"
                android:layout_below="@+id/toolbar1"
             /&gt;


        &lt;/RelativeLayout&gt;
&lt;/RelativeLayout&gt;

Alles anzeigen

Aufruf des ersten Fragment in der Main Activity

Java

Fragment fragStartseite = (FragStartseite) Fragment.instantiate(this, FragStartseite.class.getName(), null);
getFragmentManager().beginTransaction().add((int) R.id.fragContainer, this.fragStartseite).commit();

Klasse FragStartseite

Java

public class FragStartseite extends Fragment implements OnClickListener 
{


    public Activity myActivity;


//---------------------------------------------------------------------------
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setHasOptionsMenu(true);
    }


//    ------------------------------------------------------------------
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.start, null); // Layout des Fragment
    }


//   --------------------------------------------------------------------
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        // ist fast das Gleiche wie onCreate
        myActivity = getActivity();
        ((Button) myActivity.findViewById(R.id.button)).setOnClickListener(this);
    }
//----------------------------------------------------------------------------------
    // onClick Händler
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                // dein Code Zb. austausch des Fragments


case R.id.button:
                // dein Code Zb. austausch des Fragments
		Fragment frag2 =  Fragment.instantiate(myActivity, Frag2.class.getName(), null);
                FragmentTransaction fragtrans = getActivity().getFragmentManager().beginTransaction();
                fragtrans.replace(R.id.fragContainer, frag2, null);
                fragtrans.commit();
		// Backstak bereinigung musst du noch machen und auch animation
		break;
            case R.id.?????:
			// .....
			    break;
        }        
	}
}

Alles anzeigen

Bemerken Möchte ich noch das du bei Fragmenten nicht das XML Atriput onKlick mehr benutzen kannst.
Und in der Fragment Klasse den Contex auf die Activity brauchst.

Nolyn · 6. Mai 2018

Danke für dein Feedback, das werde ich auf jeden Fall ausprobieren.

Meine Layouts sehen folgendermaßen aus:

XML: activity_main.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;android.support.constraint.ConstraintLayout
    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:id="@+id/mainActivity"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/darkAccent"
    tools:context=".MainActivity"&gt;


    &lt;TextView
        android:id="@+id/tvMainActivity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tvMainActivity"
        android:textSize="24sp"
        android:textColor="@color/limePunch"
        app:layout_constraintBottom_toTopOf="@id/btnMainActivity"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"/&gt;


    &lt;Button
        android:id="@+id/btnMainActivity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/btnMainActivity"
        app:layout_constraintTop_toBottomOf="@id/tvMainActivity"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/&gt;


&lt;/android.support.constraint.ConstraintLayout&gt;

Alles anzeigen

XML: example_fragment.xml

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/exampleFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/limePunch"
    android:elevation="3dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"&gt;


    &lt;TextView
        android:id="@+id/tvExampleFragment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/tvFragment"
        android:textSize="56sp"
        android:textColor="@color/cherryTomato"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"/&gt;


&lt;/android.support.constraint.ConstraintLayout&gt;

Alles anzeigen

Ich habe keinen Platzhalter für Fragmente. Welche Vorteile hat es denn, diesen Platzhalter zu definieren?

Eine Activity kann eine andere Activity mit einer Animation starten und ein Fragment kann ein anderes Fragment mit einer Animation ablösen.
Die erste Activity, die gestartet wird (wegen mir die "MainActivity"), kann nicht mit einer Animation gestartet werden, egal ob sie ein Fragment oder keines als Haupt-Layout definiert, korrekt?

Und falls die MainActivity kein Fragment anzeigt und dann irgendwann eines dynamisch hinzugefügt wird, kann dieses Fragment auch nicht mit einer Animation angezeigt werden, korrekt?

nono124 · 6. Mai 2018

alles richtig was du schreibst.
Ein Fragment läuft immer in einem Container dies kann auch ein layout sein.
Wobei ein unter layout besser ist und nicht das gesamte Main layout somit tauschst du das gesamte layout der Aktivität aus.
Activity mit einer Animation , ist was anderes, du Startest keine activity das würdest du auch mit intent machen.
Ein Fragment läuft immer innerhalb einer activity und einen dafür im layout vorgeshenen Platz ob der nun statisch im XML oder dynamischen Java erstellt wird ist gleich. Nur wenn du das gesamte Main layout nimmst hat die activity kein Layout mehr.

Die erste Activity, die gestartet wird (wegen mir die "MainActivity"), kann nicht mit einer Animation gestartet werden, egal ob sie ein Fragment oder keines als Haupt-Layout definiert, korrekt?
Rrichtig die Activity nicht zumindestens nicht mit diesen mitteln

>Die erste Activity, die gestartet wird (wegen mir die "MainActivity"), kann nicht mit einer Animation gestartet werden, egal ob sie ein Fragment oder keines als Haupt-Layout definiert, korrekt?

Richtig die Activity nicht zu mindestens nicht mit diesen Mitteln.
Wenn das Fragment in einem Platzhalter Läuft der den ganzen Bildschirm ein nimmt wie bei mir müsste das auch gehen. Wie gesagt ist dann der gesamte Code im Fragment und nicht in der Activity.

>Und falls die MainActivity kein Fragment anzeigt und dann irgendwann eines dynamisch hinzugefügt wird, kann dieses Fragment auch nicht mit einer Animation angezeigt werden, korrekt?

Stimmt so nicht sollte auch dynamisch gehen. Aber wie gesagt nimmt man für ein Fragment ein leerers Layout.

Nolyn · 6. Mai 2018

Ok, danke für dein Feedback.

Was ich jetzt mitnehme ist Folgendes: Es ist guter Style, die Activity als Container zu nutzen und das UI in Fragmenten darzustellen. Das eröffnet auch mehr Möglichkeiten, z.B. für Animationen. Dafür sind Platzhalter für Fragmente im Layout der Activity hilfreich.

Was ich noch nachlesen muss ist, was für eine Aufgabe der Activity in der Architektur der App dann zukommt.
Spontan hätte ich gedacht, dass die Logik in der Activity stattfindet und die UI-Represäntation im Fragment...aber da bin ich mir nicht sicher.

Fragment mit Animation zu Activity hinzufügen

Jetzt mitmachen!

Teilen