Як анімувати View.setVisibility (GONE)


84

Я хочу зробити час, Animationколи a Viewотримує, що для його видимості встановлено значення GONE. Замість того, щоб просто зникнути, це Viewповинно "розвалитися". Я спробував це з допомогою, ScaleAnimationале тоді Viewє згортання, але розмітка буде змінювати розмір простору лише після (або до) Animationзупинок (або запусків).

Як я можу зробити Animationтак, щоб під час анімації нижні Views залишались безпосередньо під вмістом, замість того, щоб залишати пробіл?


Я використав ту саму техніку, яку тут представив Енді, у своїй ExpandAnimation: udinic.wordpress.com/2011/09/03/expanding-listview-items Я не використовував масштабну анімацію, я просто створив нову анімацію клас для цього.
Удініч

Це було дуже корисно, коли я намагався це зробити. Дякую
зраджує

Відмінний Удінік .. дійсно вирішив мою проблему .. :) дякую
Юсуф Куреші

Чудово, мені потрібно адаптуватися до своєї проблеми, але врешті-решт це працює. Для мене це рішення було кращим за іншу відповідь.
Дерзу

Відповіді:


51

Здається, це не простий спосіб зробити це через API, оскільки анімація просто змінює матрицю візуалізації подання, а не фактичний розмір. Але ми можемо встановити негативне поле, щоб обдурити LinearLayout, думаючи, що подання стає менше.

Тому я рекомендую створити власний клас Animation на основі ScaleAnimation та замінити метод "applyTransformation" для встановлення нових полів та оновлення макета. Подобається це...

public class Q2634073 extends Activity implements OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.q2634073);
        findViewById(R.id.item1).setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        view.startAnimation(new MyScaler(1.0f, 1.0f, 1.0f, 0.0f, 500, view, true));
    }

    public class MyScaler extends ScaleAnimation {

        private View mView;

        private LayoutParams mLayoutParams;

        private int mMarginBottomFromY, mMarginBottomToY;

        private boolean mVanishAfter = false;

        public MyScaler(float fromX, float toX, float fromY, float toY, int duration, View view,
                boolean vanishAfter) {
            super(fromX, toX, fromY, toY);
            setDuration(duration);
            mView = view;
            mVanishAfter = vanishAfter;
            mLayoutParams = (LayoutParams) view.getLayoutParams();
            int height = mView.getHeight();
            mMarginBottomFromY = (int) (height * fromY) + mLayoutParams.bottomMargin - height;
            mMarginBottomToY = (int) (0 - ((height * toY) + mLayoutParams.bottomMargin)) - height;
        }

        @Override
        protected void applyTransformation(float interpolatedTime, Transformation t) {
            super.applyTransformation(interpolatedTime, t);
            if (interpolatedTime < 1.0f) {
                int newMarginBottom = mMarginBottomFromY
                        + (int) ((mMarginBottomToY - mMarginBottomFromY) * interpolatedTime);
                mLayoutParams.setMargins(mLayoutParams.leftMargin, mLayoutParams.topMargin,
                    mLayoutParams.rightMargin, newMarginBottom);
                mView.getParent().requestLayout();
            } else if (mVanishAfter) {
                mView.setVisibility(View.GONE);
            }
        }

    }

}

Застосовується звичайне застереження: оскільки ми замінюємо захищений метод (applyTransformation), це не гарантовано спрацює в майбутніх версіях Android.


3
Чому, до біса, я про це не подумав ?! Дякую. Також я не розумію: "Застосовується звичайне застереження: оскільки ми замінюємо захищений метод (applyTransformation), це не гарантовано буде працювати в майбутніх версіях Android." - Чому захищені функції відрізняються між версіями API? Вони не приховані та реалізовані захищеними, щоб ви могли їх перевизначити (інакше вони мали б масштаб пакету).
MrSnowflake

Ви, мабуть, маєте рацію щодо захищеного методу. Я, як правило, надмірно обережний щодо доступу до них через API.
Енді,

1
Для мене це чудово працювало, за винятком того, що, щоб "руйнуватися" запрацювало (від Y = 0,0f, до Y = 1,0f), мені довелося видалити 0 - в marginBottomToYрозрахунку.
dmon

2
Я б запропонував використовувати загальний тип, MarginLayoutParamsзамість того, щоб передати його певному LayoutParamтипу.
Paul Lammertsma

3
Припустимо, мені доведеться робити перемикання анімації, а потім як це можна зробити в зворотному напрямку. Будь ласка, порадь.
Умеш,

99

Помістіть подання в макет, якщо це не так, і встановіть android:animateLayoutChanges="true"для цього макета.


1
Мінімальний API, необхідний 11 або вище! Не можна використовувати цей метод для нижчої версії.
Nagaraj Alagusudaram

2
це найбільш недооцінений атрибут макета ... дякую!
Андрес Сантьяго,

7

Я використав ту саму техніку, яку тут представив Енді. Для цього я написав власний клас анімації, який анімує значення поля, спричиняючи зникнення / появу ефекту елемента. Це виглядає так:

public class ExpandAnimation extends Animation {

// Initializations...

@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();
    }
}
}

У мене є повний приклад, який працює у моєму дописі в блозі http://udinic.wordpress.com/2011/09/03/expanding-listview-items/


2

Я використав ту саму техніку, що тут Енді, і вдосконалив її, щоб її можна було використовувати для розширення та згортання без збоїв, також використовуючи методику, описану тут: https://stackoverflow.com/a/11426510/1317564

import android.view.View;
import android.view.ViewTreeObserver;
import android.view.animation.ScaleAnimation;
import android.view.animation.Transformation;
import android.widget.LinearLayout;

class LinearLayoutVerticalScaleAnimation extends ScaleAnimation {
    private final LinearLayout view;
    private final LinearLayout.LayoutParams layoutParams;

    private final float beginY;
    private final float endY;
    private final int originalBottomMargin;

    private int expandedHeight;
    private boolean marginsInitialized = false;
    private int marginBottomBegin;
    private int marginBottomEnd;

    private ViewTreeObserver.OnPreDrawListener preDrawListener;

    LinearLayoutVerticalScaleAnimation(float beginY, float endY,
            LinearLayout linearLayout) {
        super(1f, 1f, beginY, endY);

        this.view = linearLayout;
        this.layoutParams = (LinearLayout.LayoutParams) linearLayout.getLayoutParams();

        this.beginY = beginY;
        this.endY = endY;
        this.originalBottomMargin = layoutParams.bottomMargin;

        if (view.getHeight() != 0) {
            expandedHeight = view.getHeight();
            initializeMargins();
        }
    }

    private void initializeMargins() {
        final int beginHeight = (int) (expandedHeight * beginY);
        final int endHeight = (int) (expandedHeight * endY);

        marginBottomBegin = beginHeight + originalBottomMargin - expandedHeight;
        marginBottomEnd = endHeight + originalBottomMargin - expandedHeight;
        marginsInitialized = true;
    }

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

        if (!marginsInitialized && preDrawListener == null) {                       
            // To avoid glitches, don't draw until we've initialized everything.
            preDrawListener = new ViewTreeObserver.OnPreDrawListener() {
                @Override
                public boolean onPreDraw() {                    
                    if (view.getHeight() != 0) {
                        expandedHeight = view.getHeight();
                        initializeMargins();
                        adjustViewBounds(0f);
                        view.getViewTreeObserver().removeOnPreDrawListener(this);                               
                    }

                    return false;
                }
            };

            view.getViewTreeObserver().addOnPreDrawListener(preDrawListener);                   
        }

        if (interpolatedTime < 1.0f && view.getVisibility() != View.VISIBLE) {          
            view.setVisibility(View.VISIBLE);           
        }

        if (marginsInitialized) {           
            if (interpolatedTime < 1.0f) {
                adjustViewBounds(interpolatedTime);
            } else if (endY <= 0f && view.getVisibility() != View.GONE) {               
                view.setVisibility(View.GONE);
            }
        }
    }

    private void adjustViewBounds(float interpolatedTime) {
        layoutParams.bottomMargin = 
                marginBottomBegin + (int) ((marginBottomEnd - marginBottomBegin) * interpolatedTime);       

        view.getParent().requestLayout();
    }
}

Чи можна використовувати це, щоб спочатку згорнути існуючий LinearLayout, а потім знову розгорнути той самий LinearLayout? Коли я намагаюся зробити це, воно просто згортається і більше не розширюватиметься (можливо, тому, що висота подання зараз 0 або щось подібне).
AHaahr,

Я виявив, що це працює надійніше, коли лінійний макет містить більше одного виду. Якщо воно містить лише одне представлення, воно не завжди розширюватиметься.
Вивчіть OpenGL ES
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.