it-swarm.cn

Android缩放动画视图

我想使用ScaleAnimation(以编程方式不在xml中)更改高度以查看父高度的0到60%。视图宽度恒定,为50px。视图为空,仅设置背景颜色。

有人可以使用代码中的ScaleAnimation为我提供scaleAnim的代码。

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:orientation="vertical"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:id="@+id/layContainer
    >
<View  
    Android:layout_width="50px" 
    Android:layout_height="fill_parent" 
    Android:id="@+id/viewContainer" 
    Android:background:"#00f00"
    />

</LinearLayout>


ScaleAnimation scaleAnim = new ScaleAnimation(...);

view before and after animation

在动画之前和之后查看。谢谢

51
Jovan

这是一个完全相同的代码片段。

public void scaleView(View v, float startScale, float endScale) {
    Animation anim = new ScaleAnimation(
            1f, 1f, // Start and end values for the X axis scaling
            startScale, endScale, // Start and end values for the Y axis scaling
            Animation.RELATIVE_TO_SELF, 0f, // Pivot point of X scaling
            Animation.RELATIVE_TO_SELF, 1f); // Pivot point of Y scaling
    anim.setFillAfter(true); // Needed to keep the result of the animation
    anim.setDuration(1000);
    v.startAnimation(anim);
}

这里使用的ScaleAnimation构造函数需要8个args,4个与处理X-scale有关,我们不关心(1f, 1f, ... Animation.RELATIVE_TO_SELF, 0f, ...)

其他4个参数用于我们关心的Y缩放。

startScale, endScale - 在您的情况下,您将使用0f, 0.6f

Animation.RELATIVE_TO_SELF, 1f - 指定视图缩小的位置(在文档中称为数据透视)。在这里,我们将浮点值设置为1f,因为我们希望动画从底部开始增长条形。如果我们希望它从顶部向下增长,我们将使用0f

最后,同样重要的是调用anim.setFillAfter(true)。如果希望动画结果在动画完成后保持不变,则必须在执行动画之前在动画制作器上运行此动画。

所以在你的情况下,你可以做这样的事情:

View v = findViewById(R.id.viewContainer);
scaleView(v, 0f, .6f);
104
Jazzer

尝试使用此代码创建不使用xml的Scale动画

ScaleAnimation animation = new ScaleAnimation(fromXscale, toXscale, fromYscale, toYscale, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
46
ilango j

在XML中,这是我用来实现相同结果的东西。可能这更直观了。

scale_up.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:Android="http://schemas.Android.com/apk/res/Android" >

<scale
    Android:duration="200"
    Android:fromXScale="1.0"
    Android:fromYScale="0.0"
    Android:pivotX="50%"
    Android:pivotY="100%"
    Android:toXScale="1.0"
    Android:toYScale="1.0" />

</set>

scale_down.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:Android="http://schemas.Android.com/apk/res/Android" >

<scale
    Android:duration="200"
    Android:fromXScale="1.0"
    Android:fromYScale="1.0"
    Android:pivotX="50%"
    Android:pivotY="100%"
    Android:toXScale="1.0"
    Android:toYScale="0.0" />

</set>

查看X轴上的动画来自1.0 -> 1.0,这意味着您没有在该方向上任何放大并保持全宽,而在Y轴上您可以获得0.0 -> 1.0缩放,如问题中的图形所示。希望这有助于某人。

有些人可能想知道我们看到请求的Java代码。

将动画文件放在anim文件夹中,然后加载和设置动画文件。

Animation scaleDown = AnimationUtils.loadAnimation(youContext, R.anim.scale_down);
ImagView v = findViewById(R.id.your_image_view);
v.startAnimation(scaleDown);
44
Subin Sebastian

使用此方法

如果你想 缩放 到四分之一(半x,半y)

view.animate().scaleX(0.5f).scaleY(0.5f)

如果你想 缩放 并移动到右下角

view.animate().scaleX(0.5f).scaleY(0.5f)
        .translationY((view.height/4).toFloat()).translationX((view.width/4).toFloat())

如果你想移动到 顶部 使用(-view.height/4)( - view.width/4)

如果你想做某事 动画结束后 使用withEndAction(Runnable runnable)函数。

您可以使用其他属性,如 alpha rotation

完整代码

view.animate()
      .scaleX(0.5f).scaleY(0.5f)//scale to quarter(half x,half y)
      .translationY((view.height/4).toFloat()).translationX((view.width/4).toFloat())// move to bottom / right
      .alpha(0.5f) // make it less visible
      .rotation(360f) // one round turns
      .setDuration(1000) // all take 1 seconds
      .withEndAction(new Runnable() {
           @Override
           public void run() {
              //animation ended
           }
      });
3
Radesh
public void expand(final View v) {
        ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1, 1, 0, 0, 0);
        scaleAnimation.setDuration(250);
        scaleAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                v.setVisibility(View.INVISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        v.startAnimation(scaleAnimation);
    }

    public void collapse(final View v) {
        ScaleAnimation scaleAnimation = new ScaleAnimation(1, 1, 0, 1, 0, 0);
        scaleAnimation.setDuration(250);
        scaleAnimation.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                v.setVisibility(View.VISIBLE);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });
        v.startAnimation(scaleAnimation);
    }
1
Tomash VK

使用 helper方法调整大小 start-repeat-end处理程序 像这样:

resize(
    view1,
    1.0f,
    0.0f,
    1.0f,
    0.0f,
    0.0f,
    0.0f,
    150,
    null,
    null,
    null);

  return null;
}

助手方法:

/**
 * Resize a view.
 */
public static void resize(
  View view,
  float fromX,
  float toX,
  float fromY,
  float toY,
  float pivotX,
  float pivotY,
  int duration) {

  resize(
    view,
    fromX,
    toX,
    fromY,
    toY,
    pivotX,
    pivotY,
    duration,
    null,
    null,
    null);
}

/**
 * Resize a view with handlers.
 *
 * @param view     A view to resize.
 * @param fromX    X scale at start.
 * @param toX      X scale at end.
 * @param fromY    Y scale at start.
 * @param toY      Y scale at end.
 * @param pivotX   Rotate angle at start.
 * @param pivotY   Rotate angle at end.
 * @param duration Animation duration.
 * @param start    Actions on animation start. Otherwise NULL.
 * @param repeat   Actions on animation repeat. Otherwise NULL.
 * @param end      Actions on animation end. Otherwise NULL.
 */
public static void resize(
  View view,
  float fromX,
  float toX,
  float fromY,
  float toY,
  float pivotX,
  float pivotY,
  int duration,
  Callable start,
  Callable repeat,
  Callable end) {

  Animation animation;

  animation =
    new ScaleAnimation(
      fromX,
      toX,
      fromY,
      toY,
      Animation.RELATIVE_TO_SELF,
      pivotX,
      Animation.RELATIVE_TO_SELF,
      pivotY);

  animation.setDuration(
    duration);

  animation.setInterpolator(
    new AccelerateDecelerateInterpolator());

  animation.setFillAfter(true);

  view.startAnimation(
    animation);

  animation.setAnimationListener(new AnimationListener() {

    @Override
    public void onAnimationStart(Animation animation) {

      if (start != null) {
        try {

          start.call();

        } catch (Exception e) {
          e.printStackTrace();
        }
      }

    }

    @Override
    public void onAnimationEnd(Animation animation) {

      if (end != null) {
        try {

          end.call();

        } catch (Exception e) {
          e.printStackTrace();
        }
      }
    }

    @Override
    public void onAnimationRepeat(
      Animation animation) {

      if (repeat != null) {
        try {

          repeat.call();

        } catch (Exception e) {
          e.printStackTrace();
        }
      }  
    }
  });
}
1
Zon