Cách mở rộng chiều cao bố cục bằng hoạt ảnh?

Question

Tôi không thể tìm thấy một ví dụ hay về cách thực hiện việc này.

Tôi có một bộ RelativeLayout có chiều cao x.

Tôi muốn thêm nút mở rộng chiều cao thành chiều cao x + y.

ai đó có thể giới thiệu cho tôi một ví dụ hay về cách thực hiện chương trình?

Answer 1

Vui lòng kiểm tra bên dưới câu trả lời thay đổi nội dung mới như dưới đây. Nhưng ở đây bạn cần phải biết chính xác chiều cao mới.

public class LayoutAnimationActivity extends Activity 
{ 
    RelativeLayout ril1; 
    Button btn; 
    int initialHeight; 
    int actualHeight; 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main2); 
     ril1=(RelativeLayout)findViewById(R.id.relativeLayout1); 
     btn=new Button(this); 
     btn.setWidth(100); 
     btn.setHeight(200); 
     btn.setText("Button"); 
     actualHeight=210; 
     Ani a=new Ani(); 
     a.setDuration(2000); 
     ril1.startAnimation(a); 
    } 

    class Ani extends Animation 
    { 
     public Ani() { 
     } 

     @Override 
     protected void applyTransformation(float interpolatedTime, Transformation t) { 
      int newHeight; 

      newHeight = (int)(initialHeight * interpolatedTime); 

      ril1.removeAllViews(); 
      btn.setWidth(100); 
      btn.setHeight(300); 
      btn.setText("as"); 
      ril1.addView(btn);    
      ril1.getLayoutParams().height = newHeight; 
      ril1.requestLayout(); 
     } 

     @Override 
     public void initialize(int width, int height, int parentWidth, int parentHeight) { 
      super.initialize(width, height, parentWidth, parentHeight); 
      initialHeight = actualHeight; 
     } 

     @Override 
     public boolean willChangeBounds() { 
      return true; 
     } 
    }; 
} 

Answer 2

Bạn cần một hình ảnh động quy mô here là tài liệu chính thức

này là trong mã

private void animate() { 
    ImageView imageView = (ImageView) findViewById(R.id.ImageView01); 
    ScaleAnimation scale = new ScaleAnimation((float)1.0, (float)1.5, (float)1.0, (float)1.5); 
    scale.setFillAfter(true); 
    scale.setDuration(500); 
    imageView.startAnimation(scale); 
} 

Answer 3

Bạn đã đánh dấu giải pháp gần nhất. Đây là giải pháp chính xác. Tôi đã từng gặp vấn đề tương tự. Hy vọng câu trả lời này sẽ giúp người khác.

nhanh chóng ResizeAnimation

ResizeAnimation resizeAnimation = new ResizeAnimation(
    view, 
    targetHeight, 
    startHeight 
); 
resizeAnimation.setDuration(duration); 
view.startAnimation(resizeAnimation); 

ResizeAnimation lớp nên trông như thế này

public class ResizeAnimation extends Animation { 
    final int targetHeight; 
    View view; 
    int startHeight; 

    public ResizeAnimation(View view, int targetHeight, int startHeight) { 
     this.view = view; 
     this.targetHeight = targetHeight; 
     this.startHeight = startHeight; 
    } 

    @Override 
    protected void applyTransformation(float interpolatedTime, Transformation t) { 
     int newHeight = (int) (startHeight + targetHeight * interpolatedTime); 
     //to support decent animation, change new heigt as Nico S. recommended in comments 
     //int newHeight = (int) (startHeight+(targetHeight - startHeight) * interpolatedTime); 
     view.getLayoutParams().height = newHeight; 
     view.requestLayout(); 
    } 

    @Override 
    public void initialize(int width, int height, int parentWidth, int parentHeight) { 
     super.initialize(width, height, parentWidth, parentHeight); 
    } 

    @Override 
    public boolean willChangeBounds() { 
     return true; 
    } 
} 

Answer 4

Hai cách đơn giản để làm điều này mà không cần một lớp Animation:

1) Thiết lập android:animateLayoutChanges="true" trong bạn bố trí tập tin xml

2) Sử dụng một ViewProperty phim hoạt hình

layout.setPivot(0); 
layout.animate().scaleY(scaleFactor).setDuration(500); 

Trục kể xem nơi để mở rộng quy mô từ, mặc định là ở giữa, mà theo kinh nghiệm của tôi là gần như không bao giờ những gì bạn muốn. Thời lượng là tùy chọn (mặc định = 1000).

Answer 5

final Button button1 = (Button) view.findViewById(R.id.button); 
    final CollapseAnimator animator = new CollapseAnimator(topLayout); 

    final ViewTreeObserver.OnGlobalLayoutListener listener = new ViewTreeObserver.OnGlobalLayoutListener() { 
     @Override 
     public void onGlobalLayout() { 
      int mHeight = button1.getMeasuredHeight(); 
      KLog.i("onGlobalLayout() mHeight:" + mHeight); 
      animator.setValues(mHeight*2, mHeight); 

     } 
    }; 
    button1.getViewTreeObserver().addOnGlobalLayoutListener(listener); 
    button1.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View v) { 
      view.post(new Runnable() { 
       @Override 
       public void run() { 
        button1.getViewTreeObserver().removeOnGlobalLayoutListener(listener); 
        animator.collapse(); 

       } 
      }); 

     } 
    }); 

và lớp

public class CollapseAnimator { 
    private View view; 
    private boolean collapse=true; 
    private int duation=300; 
    private int destHeight=300; 
    private ValueAnimator animator; 
    private int originHeight=0; 
    private int from=0; 
    private int to=0; 


    public CollapseAnimator(View view) { 
     this.view = view; 
    } 

    public void setValues(int destHeight,int originHeight){ 
     this.destHeight = destHeight; 
     this.originHeight=originHeight; 
     from=originHeight; 
     to=originHeight; 
    } 
    public void collapse(){ 


     from=to; 
     if(collapse){ 

      to=destHeight; 
      collapse=false; 
     }else{ 
      to=originHeight; 
      collapse=true; 
     } 
     KLog.i("from:" + from+",to:"+to); 
     animator = ValueAnimator.ofInt(from, to); 
     animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 
      @Override 
      public void onAnimationUpdate(ValueAnimator valueAnimator) { 
       int val = (Integer) valueAnimator.getAnimatedValue(); 
       ViewGroup.LayoutParams layoutParams = view.getLayoutParams(); 
       layoutParams.height = val; 
       view.setLayoutParams(layoutParams); 
      } 
     }); 
     animator.setDuration(duation); 
     animator.start(); 
    } 
}