ViewFlipper

ViewFlipper组件继承ViewAnimator,可调用addView(View v)添加多个组件,一旦向ViewFlipper中添加了多个组件以后,ViewFlipper就可以使用动画控制多个组件之间的切换效果。android

下面是个实例,自动播放的图片库app

布局文件以下ide

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity">
    <ViewFlipper android:id="@+id/details" android:layout_width="match_parent" android:layout_height="match_parent" android:flipInterval="1000">
        <ImageView android:src="@drawable/school1" android:layout_width="match_parent" android:layout_height="wrap_content"/>
        <ImageView android:src="@drawable/school2" android:layout_width="match_parent" android:layout_height="wrap_content"/>
        <ImageView android:src="@drawable/school3" android:layout_width="match_parent" android:layout_height="wrap_content"/>
    </ViewFlipper>
    <Button android:id="@+id/btn1" android:text="&lt;" android:onClick="prev" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginBottom="8dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintStart_toStartOf="parent"/>
    <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="8dp" android:layout_marginEnd="8dp" android:layout_marginBottom="8dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="@+id/btn2" app:layout_constraintStart_toStartOf="@+id/btn1" android:onClick="auto" android:text="自动播放"/>
    <Button android:id="@+id/btn2" android:text="&gt;" android:onClick="next" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginEnd="8dp" android:layout_marginBottom="8dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

主程序代码以下布局

public class MainActivity extends AppCompatActivity { private ViewFlipper viewFlipper; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewFlipper = findViewById(R.id.details); } public void prev(View source) { viewFlipper.setInAnimation(this, R.anim.slide_in_right); viewFlipper.setOutAnimation(this,R.anim.slide_out_left); //显示上一个组件
 viewFlipper.showPrevious(); //中止自动播放
 viewFlipper.stopFlipping(); } public void next(View source) { viewFlipper.setInAnimation(this, android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this, android.R.anim.slide_out_right); //显示上一个组件
 viewFlipper.showNext(); //中止自动播放
 viewFlipper.stopFlipping(); } public void auto(View source) { viewFlipper.setInAnimation(this, android.R.anim.slide_in_left); viewFlipper.setOutAnimation(this, android.R.anim.slide_out_right); //开始自动播放
 viewFlipper.startFlipping(); } }

运行结果以下动画

相关文章
相关标签/搜索