android动画可以向所有方向展开圆形图像

时间:2014-01-27 08:10:02

标签: android android-animation android-imageview

按钮单击我试图在圆形图像上显示动画。在点击动作中,我需要在360度全部缩放图像。

首先,图像如下

onClick动作后

enter image description here我希望图像如下

enter image description here,大于实际尺寸,直到再次点击按钮它必须是相同的

我使用以下代码:

TranslateAnimation moveAnim = new TranslateAnimation(-25, -25, -25, -25);
        moveAnim.setInterpolator(new AccelerateInterpolator());
        moveAnim.setDuration(600);
        moveAnim.setFillEnabled(true);
        moveAnim.setFillAfter(true);
        moveAnim.setRepeatMode(AnimationSet.REVERSE);
        moveAnim.setRepeatCount(AnimationSet.INFINITE);
        startAnimation(moveAnim);

由此,图像从其位置稍微移动而不会扩展。

如何在onclick中展开图片并再次点击要移动到原始位置的图片

2 个答案:

答案 0 :(得分:4)

也许这会完成这项工作(/res/anim/myanim.xml):

<set xmlns:android="http://schemas.android.com/apk/res/android">

   <scale xmlns:android="http://schemas.android.com/apk/res/android"
      android:fromXScale="0.1"
      android:toXScale="1.0"
      android:fromYScale="0.1"
      android:toYScale="1.0"
      android:duration="600"
      android:pivotX="50%"
      android:pivotY="50%" >
   </scale>
</set>

和你的片段(或活动或你正在使用的任何东西):

    public class TestZoomFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.test_layout, container, false);

        Button btnZoom = (Button) view.findViewById(R.id.test_btn_zoom);
        final ImageView image = (ImageView) view.findViewById(R.id.test_img);

        btnZoom.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                Animation animation = AnimationUtils.loadAnimation(getActivity(), R.anim.zoom);
                image.startAnimation(animation);                
            }
        });
        return view;
    }
} 

顺便说一句,如果您希望在单击按钮之前隐藏图像,只需将默认可见性设置为“已消失”并将其设置为OnClick()中的“可见”。

价:     Android Animations Tutorial

test_layout.xml很简单。但万一有人需要它:

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/test_btn_zoom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="40dp"
        android:text="zoom!" />

    <ImageView
        android:id="@+id/test_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/test_image" />

</LinearLayout>

答案 1 :(得分:0)

它很晚但可能会帮助某人:

新的翻译动画参数是(从XDelta,toXDelta,从YDelta到YDelta),因为您将所有值都指定为-25,它不会执行任何操作。

尝试

    TranslateAnimation moveAnim = new TranslateAnimation(-25, 25, -25, 25);
    moveAnim.setInterpolator(new AccelerateInterpolator());
    moveAnim.setDuration(600);
    moveAnim.setFillEnabled(true);
    moveAnim.setFillAfter(true);
    moveAnim.setRepeatMode(AnimationSet.REVERSE);
    moveAnim.setRepeatCount(1);
    yourImageView.startAnimation(moveAnim);