Анимация расширения слайдов в Android

У меня есть простой список результатов ListView в android. При нажатии на каждый элемент я хотел бы, чтобы он скользил вниз, расширялся и показывал содержимое. Есть ли простой способ сделать это в Android?

Любая помощь будет оценена.


person Priyank    schedule 24.04.2010    source источник


Ответы (3)


Вот пример из Удиника. У него был элемент списка, расширяемый анимацией, и требуется только уровень API 4+. В основном вам нужен класс анимации.

/**
* 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;
        }
    }
}

И используйте это:

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

person Trung Nguyen    schedule 21.09.2012
comment
Чтобы проголосовать против, вы должны указать причину, по которой вы проголосовали против моего ответа. Я знаю, что мой ответ можно рассматривать как ответ только по ссылке, но что вы хотите? Вы ожидаете, что я скопирую сюда все файлы из этого репозитория. Следовательно, ссылка на Github надежна. - person Trung Nguyen; 06.08.2013
comment
Обратите внимание, что этот пример все еще содержит ошибки. github.com/Udinic/SmallExamples/issues/6 При прокрутке списка вверх и вниз, состояние развертывания/свертывания испортится. - person Cheok Yan Cheng; 10.10.2013
comment
@CheokYanCheng какие-нибудь решения для испорченных состояний? По-видимому, есть проблема, когда мы прокручиваем вверх, так что представление теперь должно скользить вниз, чтобы изменить видимость, чтобы анимация. срабатывает, но есть мерцание, вид закрывается, а затем снова открывается, чтобы скользить вниз :( - person beerBear; 10.12.2014
comment
@beerBear Поскольку я с трудом могу найти библиотеки с открытым исходным кодом, которые правильно реализуют расширяемый ListView. Я решил реализовать свой собственный, используя LinearLayout + ScrollView + custom View, без использования ListView. Это работает для меня, поскольку у меня есть только ~ 10 предметов. Я считаю, что новая RecyclerView, улучшенная версия ListView, может легче добиться того же эффекта. Но я не пробовал это. - person Cheok Yan Cheng; 10.12.2014

посмотрите этот ответ. более того, вы должны использовать твидовую анимацию. проверьте ApiDemos/Animation2 Примеры. а также посмотреть папку anim в ApiDemos. мне это очень помогает. по вашему вопросу slide_top_to_bottom поможет.

person Praveen    schedule 24.04.2010

Самый простой способ — использовать ObjectAnimator.

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

Это изменит maxLines с вашего TextView на 40, более 200 миллисекунд.

Остерегайтесь использовать yourTextView.getLineCount() для определения количества строк для расширения, потому что это не даст точной цифры до тех пор, пока не пройдет макет. Я рекомендую вам просто жестко закодировать значение maxLines, которое длиннее, чем вы ожидаете, что текст когда-либо будет. Вы также можете оценить это, используя yourTextView.length(), разделенное на наименьшее количество символов, которое вы когда-либо ожидаете в строке.

person Jim Pekarek    schedule 15.04.2015