Android动画元素左上角和右上角

时间:2014-03-02 13:52:13

标签: android android-layout user-interface

这是我的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
        >
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:orientation="horizontal"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:gravity="center"
                  android:id="@+id/lin1"
            >
        <TextView
                android:layout_width="wrap_content"
                android:textSize="40sp"
                android:text="Score:0"
                android:id="@+id/textView"
                android:layout_height="wrap_content"
                android:layout_marginRight="10sp"/>
        <Chronometer
                android:id="@+id/chronometer"
                android:format="%s"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="40sp"
                android:layout_marginLeft="10sp"
                />
    </LinearLayout>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:orientation="horizontal"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:layout_gravity="center"
                  android:gravity="center"
                  android:layout_below="@+id/lin1"
            >
        <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Start Quiz Now"
                android:layout_gravity="center"
                android:gravity="center"
                android:layout_centerHorizontal="true"
                android:id="@+id/startQuizButton"
                />
    </LinearLayout>

    <FrameLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/frameLayout"></FrameLayout>

</RelativeLayout>

这就是它的样子:enter image description here

因此,点击按钮,我希望得分文本框移动到屏幕的左上方,计时器移动到屏幕的右上角。此外,按钮将消失,在framelayout中将出现包含测验问题的片段。

我为分数文本框尝试了以下动画,但它不再向左移动。:

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

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
            android:fromXDelta="100%"
            android:toXDelta="0%p"
            android:duration="900"
            >
    </translate>
     
</set>

另外,即使我得到一些动画,动画结束后框也会回到初始大小。我希望它留在那里。 我已经对价值观做了大量的尝试,但无法让它发挥作用。请帮忙。

1 个答案:

答案 0 :(得分:0)

尝试将toX值更改为“0dp”并添加fillAfter =“true”。检查http://developer.android.com/reference/android/view/animation/Animation.html以获取有关动画的更多帮助