快捷導(dǎo)航

ViewFlipper實現(xiàn)上下翻滾輪播效果

更新時間：2019年08月22日 10:19:55 作者：猴菇同學(xué)

這篇文章主要為大家詳細介紹了ViewFlipper實現(xiàn)上下翻滾輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

一種可以設(shè)置滑動動畫的控件，只顯示一行布局，在布局文件中的ViewFlipper控件中順序?qū)懞妹恳恍械牟季?/p>

(1).MainActivity.java:

ViewFlipper mFlipper = ((ViewFlipper) this.findViewById(R.id.flipper));
mFlipper.startFlipping();
// 設(shè)置進入動畫
mFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_up_in)); 
// 設(shè)置滾出動畫
mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_up_out));

(2).activity_main.xml:

<ViewFlipper
  android:id="@+id/flipper"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_marginBottom="20dip"
  android:flipInterval="3000" > // 設(shè)置滑動間隔時間（毫秒）

  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:text="@string/animation_2_text_1"
    android:textSize="26sp" />

  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:text="@string/animation_2_text_2"
    android:textSize="26sp" />

  <TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:text="@string/animation_2_text_3"
    android:textSize="26sp" />
</ViewFlipper>

(3).push_up_in.xml:（動畫資源文件）

<set xmlns:android="http://schemas.android.com/apk/res/android">
  <translate android:fromYDelta="100%p" android:toYDelta="0" android:duration="300"/>
  <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="300" />
</set>

push_up_out.xml:

<set xmlns:android="http://schemas.android.com/apk/res/android">
  <translate android:fromYDelta="0" android:toYDelta="-100%p" android:duration="300"/>
  <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="300" />
</set>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: