android中浮动动作按钮的简单动画?

时间:2017-02-05 18:19:54

标签: android android-animation floating-action-button

我需要一个非常简单的解释,说明我如何设置这个动画并添加到购物车&#39;点击后FloatingActionButton <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:weightSum="1" android:background="@color/cardview_light_background"> <android.support.design.widget.CoordinatorLayout android:id="@+id/main_content" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.FloatingActionButton android:layout_width="54dp" android:layout_height="54dp" android:layout_gravity="bottom|right" android:src="@mipmap/ic_add_shopping_cart_black_24dp" android:layout_marginBottom="40dp" android:layout_marginRight="30dp" app:backgroundTint="@android:color/holo_blue_light" /> </android.support.design.widget.CoordinatorLayout> </LinearLayout> 。我想要的只是一个平滑的左右&#39;或者&#39; down-up&#39;运动动画。

请查看以下代码

gcloud docker

提前谢谢!

3 个答案:

答案 0 :(得分:6)

试试AndroidViewAnimations库。此库提供了为视图设置动画的简便方法。有很多效果。例如

YoYo.with(Techniques.Tada)
.duration(700)
.playOn(findViewById(R.id.edit_area));

答案 1 :(得分:5)

floatingActionButton.animate().xBy(10).yBy(10);

onClick上!根据需要给出坐标!

shake.xml &gt; res / anim / shake.xml(没有额外的库需要你可以自定义这个xml

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="150"
        android:fromXDelta="-10%"
        android:repeatCount="5"
        android:repeatMode="reverse"
        android:toXDelta="10%"/>
</set>

...

final FloatingActionButton floatingActionButton = (FloatingActionButton) findViewById(R.id.fab);
floatingActionButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Animation anim = android.view.animation.AnimationUtils.loadAnimation(floatingActionButton.getContext(),  R.anim.shake);
        anim.setDuration(200L);
        floatingActionButton.startAnimation(anim);
    }
});

enter image description here

答案 2 :(得分:1)

看看这个:

https://github.com/Scalified/fab

它有一个从左到右或从上到下移动动画

在你的gradle中:

RewriteRule ^googleCallback/.* #googleCallback/$1 [R=301,NE,L]

布局:

    dependencies {
    compile 'com.scalified:fab:1.1.3'
}

现在移动使用:

    <RelativeLayout 
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:fab="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >
        <com.scalified.fab.ActionButton 
            android:id="@+id/action_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" 
            android:layout_alignParentRight="true"
            android:layout_marginRight="@dimen/fab_margin"
            android:layout_marginBottom="@dimen/fab_margin"
            />
</RelativeLayout>