2012-04-17 191 views
0

我有四個圖像放置在屏幕的不同位置。現在我想動畫縮放它們,點擊以適應屏幕的寬度和高度。點擊後,我想淡出其他屏幕內容。目前我使用下面的代碼來擴展他們Android Animate Scale圖像以適合屏幕寬度和高度

Animation logoMoveAnimation = AnimationUtils.loadAnimation(this, R.anim.zoom_image); 
view.startAnimation(logoMoveAnimation); 

其中作爲zoom_image.xml是

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="schemas.android.com/apk/res/android" 
android:interpolator="@android:anim/linear_interpolator"> 
    <scale android:fromXScale="0.0" android:fromYScale="0.0" 
      android:toXScale="1.0" android:toYScale="1.0" 
      android:duration="700" android:fillBefore="false" /> 
    <translate android:fromXDelta="0.0" android:fromYDelta="1.0" 
      android:duration="700" /> 
</set> 

上面的代碼是不工作,因爲我知道,XML是不正確的,我需要做一些額外的編碼。

+0

任何人任何想法? – 2012-04-17 06:23:17

回答

3

最後我用下面的代碼

final int initialWidth = v.getWidth(); 
     final int initialHeight = v.getHeight(); 
     Log.v("WIDTH_", Integer.toString(initialWidth)); 
     Log.v("HEIGHT_", Integer.toString(initialHeight)); 
     DisplayMetrics displaymetrics = new DisplayMetrics(); 
     getWindowManager().getDefaultDisplay().getMetrics(displaymetrics); 
     final int finalHeight = displaymetrics.heightPixels; 
     final int finalWidth = displaymetrics.widthPixels; 
     Log.v("WIDTH_F", Integer.toString(finalWidth)); 
     Log.v("HEIGHT_F", Integer.toString(finalHeight)); 
     final int animationDuration = 1500; 
     final float stepX = (float)((float)(finalWidth - initialWidth))/animationDuration; 
     final float stepY = (float)((float)(finalHeight - initialHeight))/animationDuration; 
     Log.v("stepX", Float.toString(stepX)); 
     Log.v("stepY", Float.toString(stepY)); 
     final RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(
      RelativeLayout.LayoutParams.WRAP_CONTENT, RelativeLayout.LayoutParams.WRAP_CONTENT); 
     layoutParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM); 
    Animation a = new Animation() { 
       @Override 
       protected void applyTransformation(float interpolatedTime, Transformation t) { 
        int newWidth, newHeight; 
        Log.v("INTERPOLATION_T", Float.toString(interpolatedTime)); 
        newWidth = (int)Math.ceil((initialWidth + stepX*interpolatedTime*animationDuration)); 
        newHeight = (int)Math.ceil((initialHeight + stepY*interpolatedTime*animationDuration));        
        if(v.getTag().toString().equals("1")) { 
         //layoutParams.setMargins(0, (int)-interpolatedTime*initialHeight, 0, 0); 
        } 
        else if(v.getTag().toString().equals("2")) { 
         layoutParams.addRule(RelativeLayout.RIGHT_OF, R.id.separator1); 
         //layoutParams.setMargins((int)-interpolatedTime*initialWidth, (int)-interpolatedTime*initialHeight, 0, 0); 
        } 
        else if(v.getTag().toString().equals("3")) { 
         layoutParams.addRule(RelativeLayout.RIGHT_OF, R.id.separator2); 
         //layoutParams.setMargins((int)-interpolatedTime*initialWidth, (int)-interpolatedTime*initialHeight, 0, 0); 
        } 
        else if(v.getTag().toString().equals("4")) { 
         layoutParams.addRule(RelativeLayout.RIGHT_OF, R.id.separator3); 
         //layoutParams.setMargins((int)-interpolatedTime*initialWidth, (int)-interpolatedTime*initialHeight, 0, 0); 
        } 
        v.setLayoutParams(layoutParams); 
        v.getLayoutParams().height = newHeight; 
        v.getLayoutParams().width = newWidth; 
        v.requestLayout(); 
       } 
       @Override 
       public boolean willChangeBounds() { 
        return true; 
       } 
      }; 

      a.setInterpolator(new LinearInterpolator()); 
      a.setDuration(animationDuration); 
      a.setFillAfter(true); 
      v.startAnimation(a); 
+0

我試過使用這段代碼,動畫不平滑。你能找到任何解決辦法嗎? – 2016-06-22 11:12:25

0

試試吧 - 在ImageView的XML的財產

ImageView view = <from xml>; 
view.startAnimation(logoMoveAnimation); 

並設置scaletype = fitxy。