Schieben erweitern Sie die animation in android

Habe ich eine einfache ListView Auflistung der Ergebnisse in android. Klicken Sie auf jedes Element, ich möchte, dass es nach unten schieben, erweitern Sie und zeigen Sie den Inhalt. Gibt es einen einfachen Weg, dies zu tun in android?

Jede Hilfe wird geschätzt.

InformationsquelleAutor Priyank | 2010-04-24

  1. 5

    Hier ist ein Beispiel aus Udinic. Es hatte listview-Element erweitern mit der animation und erfordern API-Ebene nur 4+
    Im Grunde benötigen Sie eine animation Klasse

    /**
* This animation class is animating the expanding and reducing the size of a view.
* The animation toggles between the Expand and Reduce, depending on the current state of the view
* @author Udinic
*
*/
public class ExpandAnimation extends Animation {
    private View mAnimatedView;
    private LayoutParams mViewLayoutParams;
    private int mMarginStart, mMarginEnd;
    private boolean mIsVisibleAfter = false;
    private boolean mWasEndedAlready = false;

    /**
* Initialize the animation
* @param view The layout we want to animate
* @param duration The duration of the animation, in ms
*/
    public ExpandAnimation(View view, int duration) {

        setDuration(duration);
        mAnimatedView = view;
        mViewLayoutParams = (LayoutParams) view.getLayoutParams();

        //decide to show or hide the view
        mIsVisibleAfter = (view.getVisibility() == View.VISIBLE);

        mMarginStart = mViewLayoutParams.bottomMargin;
        mMarginEnd = (mMarginStart == 0 ? (0- view.getHeight()) : 0);

        view.setVisibility(View.VISIBLE);
    }

    @Override
    protected void applyTransformation(float interpolatedTime, Transformation t) {
        super.applyTransformation(interpolatedTime, t);

        if (interpolatedTime < 1.0f) {

            //Calculating the new bottom margin, and setting it
            mViewLayoutParams.bottomMargin = mMarginStart
                    + (int) ((mMarginEnd - mMarginStart) * interpolatedTime);

            //Invalidating the layout, making us seeing the changes we made
            mAnimatedView.requestLayout();

        //Making sure we didn't run the ending before (it happens!)
        } else if (!mWasEndedAlready) {
            mViewLayoutParams.bottomMargin = mMarginEnd;
            mAnimatedView.requestLayout();

            if (mIsVisibleAfter) {
                mAnimatedView.setVisibility(View.GONE);
            }
            mWasEndedAlready = true;
        }
    }
}

    Und verwenden Sie diese :

    View toolbar = view.findViewById(R.id.toolbar);

                //Creating the expand animation for the item
                ExpandAnimation expandAni = new ExpandAnimation(toolbar, 500);

                //Start the animation on the toolbar
                toolbar.startAnimation(expandAni);

    ExpandAnimationExample

    Zu downvoter, verlassen Sie den Grund, warum Sie nach unten abstimmen, meine Antwort. Ich weiß, meine Antwort kann als link nur die Antwort, aber was willst du? Sie erwarten, dass ich alle kopieren die Datei in das repo zu hier. Daher Github link ist zuverlässig
    Hinweis: dieses Beispiel ist noch buggy. github.com/Udinic/SmallExamples/issues/6 Als Sie durch die Liste scrollen, Ansicht von oben und unten, das ein - /ausblenden Staat Durcheinander.
    Lösungen für das Durcheinander Staaten? Offenbar gibt es ein problem, wenn wir scrollup, so dass die Sicht shouls nach unten schieben, jetzt haben wir die Sichtbarkeit, so dass die anim. Tritte, aber es ist ein flackern, die Ansicht schließt und dann wieder öffnet, um nach unten schieben 🙁
    Wie kann ich es kaum gefunden, die open-source-Bibliotheken, die implementiert expandable ListView richtig. Ich entscheiden, meine eigene über LinearLayout + ScrollView + benutzerdefinierte Ansicht, ohne das mit ListView. Es funktioniert für mich, da ich nur ~10 Elemente. Ich glaube, neue RecyclerView, eine bessere version ListView erzielen denselben Effekt leichter. Aber, ich habe nicht versucht, das herauszufinden.

    InformationsquelleAutor Nam Trung

  2. 3

    schauen Sie sich dieses Antwort. mehr als, dass du den tweed-animation. überprüfen Sie die ApiDemos/Animation2 Beispiele. und siehe auch den anim Ordner in ApiDemos. es hilft mir sehr viel. nach Ihrer Frage slide_top_to_bottom helfen.

    InformationsquelleAutor Praveen

  3. 1

    Der einfachste Weg ist die Verwendung einer ObjectAnimator

    ObjectAnimator animation = ObjectAnimator.ofInt(yourTextView, "maxLines", 40);
animation.setDuration(200).start();

    Dies wird sich ändern, maxLines von Ihrem TextView zu 40, über 200 Millisekunden.

    Hüten Sie sich vor der Verwendung yourTextView.getLineCount (), um zu bestimmen, wie viele Zeilen zu erweitern, weil es nicht geben eine genaue Zahl erst nach einer layout-pass. Ich empfehle Ihnen, einfach codieren Sie einen maxLines Wert, der mehr als Sie erwarten, dass der text würde schon werden. Man könnte auch schätzen, ist es mit yourTextView.Länge (), dividiert durch die niedrigste Anzahl von Zeichen, die Sie jemals erwarten, dass pro Zeile.

    InformationsquelleAutor Amagi82

Schreibe einen Kommentar