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

Question

您对如何创建 Google Plus 的投票动画有任何想法/参考吗？我认为它有两种动画，一种用于按钮（视图），另一种适用于视图组。任何建议将不胜感激。谢谢。

Answer 1

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

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>

2- 在 res/anim 下创建第二个 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;
    }