如何在Android上模拟Google Plus投票动画

时间:2013-05-11 10:28:32

标签: android animation google-plus

您对如何创建Google Plus的投票动画有任何想法/参考吗? 我认为它有两个动画,一个用于按钮(视图),第二个用于视图组。 任何建议将不胜感激。感谢。

enter image description here enter image description here

enter image description here enter image description here

1 个答案:

答案 0 :(得分:3)

好消息是花了几个小时后终于找到了解决方案。 这是我的代码希望它将来能帮助其他人。

1- res / anim下创建第一个xml文件(在我的例子中是btn_anim.xml):

<?xml version="1.0" encoding="utf-8"?>

<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator">

    <translate
        android:fromXDelta="0.0"
        android:fromYDelta="0.0"
        android:toXDelta="0.0"
        android:toYDelta="-75.0"
        android:duration="350"
        android:fillBefore="true"
        android:fillAfter="true" />

    <scale
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="1.05"
        android:toYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="350"
        android:fillBefore="true"
        android:fillAfter="true"/>
</set>
res / anim下的

2-创建第二个xml文件(在我的例子中是layout_anim.xml):

<?xml version="1.0" encoding="utf-8"?>

<set
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator">

    <scale
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:toXScale="0.95"
        android:toYScale="0.95"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="100"
        android:fillBefore="true"
        android:fillAfter="true"/>

</set>

3-在您的活动(或片段)中添加以下代码:

...
private ScrollView scrollView; // This is my container. Yours may be different
private Animation btnAnim;
private Animation layoutAnim;
...

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        // Getting context
        context = getActivity().getApplicationContext();

        btnAnim = AnimationUtils.loadAnimation(context, R.anim.btn_anim);
        btnAnim.setAnimationListener(new Animation.AnimationListener() {
            @Override
            public void onAnimationStart(Animation animation) {

            }

            @Override
            public void onAnimationEnd(Animation animation) {
                layoutAnim = AnimationUtils.loadAnimation(context, R.anim.layout_anim);
                scrollView.startAnimation(layoutAnim);
            }

            @Override
            public void onAnimationRepeat(Animation animation) {

            }
        });

        // create view
        View view = inflater.inflate(R.layout.fragment_browse_single, container, false);

        scrollView = (ScrollView) view.findViewById(R.id.scrollView);

        myButton = (Button) view.findViewById(R.id.myButton);
        myButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                btnFancy.startAnimation(btnAnim);
            }
        });

        Log.i(TAG, "View created");
        return view;
    }