Làm cách nào để tạo hiệu ứng cho View.setVisibility (GONE)

Question 1

Tôi muốn thực hiện Animationkhi một Viewkhả năng hiển thị được đặt thành GONE. Thay vì chỉ tan biến, Viewnên 'sụp đổ'. Tôi đã thử điều này với a ScaleAnimationnhưng sau đó Viewlà thu gọn, nhưng bố cục sẽ chỉ thay đổi kích thước không gian của nó sau (hoặc trước) Animationđiểm dừng (hoặc bắt đầu).

Làm cách nào để tôi có thể làm điều này Animationđể, trong khi tạo hoạt ảnh, các chữ cái thấp hơn Viewsẽ ở ngay bên dưới nội dung, thay vì có một khoảng trống?

Question 2

Dường như không có cách nào dễ dàng để thực hiện điều này thông qua API, vì hoạt ảnh chỉ thay đổi ma trận kết xuất của chế độ xem, không phải kích thước thực. Nhưng chúng ta có thể đặt một biên âm để đánh lừa LinearLayout nghĩ rằng chế độ xem ngày càng nhỏ.

Vì vậy, tôi khuyên bạn nên tạo lớp Hoạt hình của riêng bạn, dựa trên ScaleAnimation và ghi đè phương thức "applyTransformation" để đặt lề mới và cập nhật bố cục. Như thế này...

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

    }

}

Cảnh báo thông thường được áp dụng: vì chúng tôi đang ghi đè một phương thức được bảo vệ (applyTransformation), điều này không được đảm bảo sẽ hoạt động trong các phiên bản Android trong tương lai.

Question 3

Đặt chế độ xem trong một bố cục nếu không và đặt android:animateLayoutChanges="true"cho bố cục đó.

Question 4

Tôi đã sử dụng kỹ thuật tương tự như Andy đã trình bày ở đây. Tôi đã viết lớp Hoạt hình của riêng mình cho lớp đó, lớp hoạt ảnh này sẽ tạo hiệu ứng cho giá trị của lề, khiến hiệu ứng của mục biến mất / xuất hiện. Nó trông như thế này:

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

Tôi có một ví dụ đầy đủ hoạt động trên bài đăng trên blog của tôi http://udinic.wordpress.com/2011/09/03/expanding-listview-items/

Question 5

Tôi đã sử dụng kỹ thuật tương tự như Andy ở đây và tinh chỉnh nó để nó có thể được sử dụng để mở rộng và thu gọn mà không gặp trục trặc, cũng sử dụng kỹ thuật được mô tả tại đây: 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();
    }
}