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

时间:2017-02-09 01:59:00

标签: android android-layout animation

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

我使用this希望尝试解决我的问题。我正在考虑做一些像小吃店这样的东西,但我仍然想要添加一个图像,这可能是一个完全独立的问题。想法? 这是我的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);

1 个答案:

答案 0 :(得分:3)

首先,您应该在android:src

中使用app:srcCompat代替imageView

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);

为了增加更多价值,我稍微修改了你的代码。 (现在这个视图会出现,如果你只需要一个TranslateAnimation你不需要两个,那么它将再次出现!)

// 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);