0

画面の異なる場所に 4 つの画像を配置しました。ここで、クリック時に画面の幅と高さに合わせてスケールをアニメーション化したいと思います。クリックすると、画面の他のコンテンツをフェードアウトしたいと思います。現在、次のコードを使用してそれらをスケーリングしています

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 が正しくないことがわかっており、コーディングで何か特別なことをする必要があるからです。

4

2 に答える 2

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);
于 2012-04-24T08:11:15.557 に答える
0

それを試してみてください -

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

そして、ImageViewのXMLプロパティでscaletype=fitxyを設定します。

于 2012-04-17T06:32:43.623 に答える