android - 动画相对布局以像 Snack Bar 一样向下/向上移动

Question

所以我一直在尝试从另一个相对布局向下/向上设置一个较小的相对布局的动画。

我用了this希望能解决我的问题。我正在考虑做类似 snackbar 的东西，但我仍然想给它添加一个图像，这可能完全是一个问题。想法？ 这是我的 xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_log_in"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.esole.lithouse.SignUp"
android:background="#E6E6E6">

<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:theme="?attr/actionBarTheme"
    android:minHeight="?attr/actionBarSize"
    android:id="@+id/logInBar"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    app:title="Log In" />

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textPersonName"
    android:ems="10"
    android:layout_marginTop="83dp"
    android:id="@+id/editTextUsernameOrEmail"
    android:imeOptions="actionNext"
    android:layout_below="@+id/logInBar"
    android:layout_centerHorizontal="true"
    android:hint="username or email " />

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="textPassword"
    android:ems="10"
    android:imeOptions="actionDone"
    android:layout_centerVertical="true"
    android:id="@+id/passwordLogIn"
    android:hint="password "
    android:layout_alignEnd="@+id/editTextUsernameOrEmail" />

<Button
    android:text="Log In"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/LogIn"
    android:layout_above="@+id/statusIndicator"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="67dp" />

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="75dp"
    android:background="#006D6D"
    android:id="@+id/statusIndicator"
    android:animateLayoutChanges="true"
    android:layout_alignParentBottom="true"
    android:layout_alignParentStart="true">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/indicatorStatusLabel"
        android:layout_alignParentEnd="true"
        android:layout_toEndOf="@+id/imageView4"
        android:layout_alignTop="@+id/imageView4"
        android:layout_alignBottom="@+id/imageView4"
        android:textAlignment="center"
        android:textSize="24sp"
        android:text="test "
        android:typeface="normal"
        android:lineSpacingExtra="24sp"
        android:layout_marginRight="67dp" />

    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        app:srcCompat="@drawable/refresh"
        android:id="@+id/imageView4"
        android:layout_marginStart="16dp"
        android:layout_centerVertical="true"
        android:layout_alignParentStart="true" />
</RelativeLayout>

这是我尝试使用的一些代码:

slideInAndOut = (RelativeLayout) findViewById(R.id.statusIndicator);
TranslateAnimation slide = new TranslateAnimation(0, 0, 0, -slideInAndOut.getHeight());
slide.setDuration(1000);
slide.setFillAfter(true);
slideInAndOut.startAnimation(slide);
slide = new TranslateAnimation(0, 0, slideInAndOut.getHeight(), 0);
slide.setDuration(1000);
slide.setFillAfter(true);

Answer 1

首先，您应该在 imageView 中使用 android:src 而不是 app:srcCompat

TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta) 是他用的参数!

其次，这会起作用

slideInAndOut = (RelativeLayout) findViewById(R.id.statusIndicator);
TranslateAnimation slide = new TranslateAnimation(0, 0, 0, -slideInAndOut.getHeight());
slide.setDuration(1000);
slide.setFillAfter(true);
slideInAndOut.startAnimation(slide);
slide = new TranslateAnimation(0, 0, 100, 0); // seems you have a problem with 3rd param
slide.setDuration(1000);
slide.setFillAfter(true);
slideInAndOut.startAnimation(slide);

----- 等等您会在那里看到代码重复。仔细检查!

只要向上，这就够了!

TranslateAnimation slide = new TranslateAnimation(0, 0, 100, 0);
slide.setDuration(1000);
slide.setFillAfter(true);
slideInAndOut.startAnimation(slide);

为了增加更多值(value)，我稍微修改了您的代码。 (现在，如果您只需要一个 TranslateAnimation，则此 View 将出现并再次下降，您不需要两者!)

// goes up
TranslateAnimation slide = new TranslateAnimation(0, 0, 100,0 );
slide.setDuration(1000);
slide.setFillAfter(true);
slideInAndOut.startAnimation(slide);

final Handler handler = new Handler();
handler.postDelayed(new Runnable() {
    @Override
    public void run() {
         // goes down
        TranslateAnimation slide = new TranslateAnimation(0, 0,0,100);
        slide.setDuration(1000);
        slide.setFillAfter(true);
        slideInAndOut.startAnimation(slide);
    }
}, 3000);