Android-为文本视图创建类似于电影字幕的向上滑动动画

问题描述 投票:0回答:1

我正在使用w的TextSwitcher,看起来像这样:

activity_main.xml:

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

<TextSwitcher
    android:id="@+id/simpleTextSwitcher"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:measureAllChildren="true">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textAlignment="center"
        android:textSize="20sp"
        tools:text="Opening Credits" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="main star: James bond"
        android:textAlignment="center"
        android:textSize="20sp" />

</TextSwitcher>

我想为textswitcher创建一个滑入和滑出动画,以使其看起来像是电影字幕的场景,其中下一个文本从底部滑入,而顶部的文本则通过向上滑动而消失。我尝试了一些失败的事情。这是我到目前为止所拥有的:

我的slide_in.xml动画:

<translate
    android:duration="1000"
    android:fromYDelta="100%"
    android:toYDelta="0"
    />

和我的slide_out.xml动画:

<translate
    android:duration="1000"
    android:fromYDelta="100%"
    android:toYDelta="0%p"
    />

我在滑出动画时遇到困难。

我想清楚我想要的是什么。我希望textSwitcher中当前可见的所有内容向上滑动,而不再可见,此后立即将新文本从底部滑动以代替它。

这是我如何简单地调用它:

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)

    container.setOnClickListener { showNextText(it) }
    simpleTextSwitcher.setCurrentText("Opening Credits");

    val textAnimationIn =  AnimationUtils.
        loadAnimation(this,   R.anim.slide_in);

    val textAnimationOut =  AnimationUtils.
    loadAnimation(this,   R.anim.slide_out);

    simpleTextSwitcher.setInAnimation(textAnimationIn);
    simpleTextSwitcher.setOutAnimation(textAnimationOut);
}

 fun showNextText( view: View){
        simpleTextSwitcher.setText("main star: james bond");
}

}

这是现在的行为:

enter image description here

我想发生的事情是,“ Opening Credits”一词一直滑到屏幕顶部,并且永远不会出现。然后,将文本“主要明星:詹姆斯·邦德”从底部滑到其位置。你能帮助我吗 ?

android android-animation textswitcher
1个回答
0
投票

我想出来了...这里是幻灯片:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"  >

    <translate
        android:duration="1000"
    android:fromYDelta="100%p"
    android:toYDelta="0%" />

</set>

和滑出:

    <?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator" android:fillAfter="true" >

    <translate
        android:duration="1000"
        android:fromYDelta="0%"
        android:toYDelta="-100%p" />

</set>

this page对我来说非常有用,所以我可以知道p在fromYDelta中代表什么?>

© www.soinside.com 2019 - 2024. All rights reserved.