AdapterViewFlipper继承了AdapterViewAnimator,它会显示adapter提供的多个View组件,但它每次只能显示一个view组件,程序可以通过showPrevious()和showNext()方法控制该组件显示上一个下一个组件。AdapterViewFlipper可以在多个view切换过程中渐隐渐显的动态效果。除此之外,还可以调用startFlipper()控制它“自动播放”下一个view
AdapterViewFlipper属性
android:animateFirstView:设置显示该组件的第一个View时是否使用动画
android:inAnimation:设置组件显示时使用的动画
android:loopViews:设置循环到最后一个组件后是否自动“转头”到第一个组件
android:outAnimation:设置组件隐藏时使用的动画
android:autoStart:设置显示该组件是否是自动播放
android:flipInterval:设置自动播放的时间间隔
xml布局文件:
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<AdapterViewFlipper
android:id="@+id/flipper"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentTop="true"
android:flipInterval="3000"
/>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginBottom="8dp"
android:onClick="prev"
android:text="上一个"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginLeft="8dp" />
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:onClick="next"
android:text="下一个"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/guideline"
app:layout_constraintStart_toStartOf="@+id/guideline"
/>
<Button
android:id="@+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="8dp"
android:layout_marginBottom="8dp"
android:layout_marginRight="8dp"
android:onClick="auto"
android:text="自动播放"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
/>
<android.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5"
/>
</android.support.constraint.ConstraintLayout>
布局效果图

上面代码定义一个AdapterViewFliper组件,并为三个按钮定义事件处理方法。
该实例的Activity会采用拓展BaseAdapter的方式实现自己的Adapter,并为AdapterviewFlipper组件设置Adapter。
下面是Activity代码:
package com.example.myapplication;
import android.util.Log;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterViewFlipper;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.MultiAutoCompleteTextView;
import android.widget.SimpleAdapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class MainActivity extends AppCompatActivity {
private int[] imageIds=new int[] {R.drawable.de ,R.drawable.ds,R.drawable.ds,R.drawable.dl,R.drawable.db};
private AdapterViewFlipper flipper;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
flipper =findViewById(R.id.flipper);
//创建一个BaseAdapter对象,该对象负责提供AdapterViewFlipperTest送显示的列表项
BaseAdapter adapter=new BaseAdapter() {
@Override
public int getCount() {
return imageIds.length;
}
@Override
public Object getItem(int position) {
return position;
}
@Override
public long getItemId(int position) {
return position;
}
//该方法返回的View代表每个列表项
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if(convertView==null)
{
//创建一个ImageView
imageView =new ImageView(MainActivity.this);
}else
{
imageView=(ImageView) convertView;
}
imageView.setImageResource(imageIds[position]);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
imageView.setLayoutParams(new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT
));
return imageView;
}
};
flipper.setAdapter(adapter);
}
public void prev(View source)
{
//显示上一个组件
flipper.showPrevious();
//停止自动播放
flipper.stopFlipping();
}
public void next (View source)
{
//显示下一个组件
flipper.showNext();
//停止自动播放
flipper.stopFlipping();
}
public void auto(View source)
{
//开始自动播放
flipper.startFlipping();
}
}
上面程序调用了AdapterViewFlipper的showPrevious()、showNext()方法控制组件显示上一个、下一个组件,调用startFlipping()方法控制自动播放
效果图如下:

网友评论