ViewFlipper

andorid最简单的图片轮播

我们是不是还在为一个只需要简单的图片轮播而去使用Viewpager然后还要去创建适配器烦劳？

今天教大家一个比较简单的图片轮播，只要几行代码就可以搞定。

先上图：

是不是有效果？那么下面就想先看我们的布局界面是如何使用的：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent" ><ViewFlipper    android:id="@+id/flipper"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_alignParentTop="true"    android:layout_marginTop="10dp"    android:flipInterval="2000" >    <ImageView        android:layout_width="fill_parent"        android:layout_height="700dip"        android:scaleType="fitXY"        android:src="@mipmap/aa"/>    <ImageView        android:layout_width="fill_parent"        android:layout_height="700dip"        android:scaleType="fitXY"        android:src="@mipmap/bb"/>    <ImageView        android:layout_width="fill_parent"        android:layout_height="700dip"        android:scaleType="fitXY"        android:src="@mipmap/sky"/>    <ImageView        android:layout_width="fill_parent"        android:layout_height="700dip"        android:scaleType="fitXY"        android:src="@mipmap/splash_bg"/></ViewFlipper></RelativeLayout>

好，现在我们先来解读一下上面的布局，ViewFilpper是android中为切换控件而产生的布局，一般用于图片的切换，但是不只是图片哦，也可以是自定义的view，看上面的属性src，scaleType就知道一般是用于图片的切换，我主要想解释到的是ViewFilpper中的filpInterVal这个属性，是用来设置图片的切换时间，就如帧动画的duration时间设置一样的意思。

下面我们来看看java代码，到底有多简单，你会惊讶的：

public class MainActivity extends AppCompatActivity {ViewFlipper flipper;@Overridepublic void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    flipper = (ViewFlipper) findViewById(R.id.flipper);    flipper.startFlipping();}}

ok，看见了吧，除开自己生成的代码，我们只写了2行，就实现了图片到的自动切换，不过简单的同时当然是有缺点的，就是无法想viewpager那样手动切换，如果想要手动切换的话就必要做滑动手势监听了，然后调用filpper的showNext（）方法或者showPrevious()方法。

这里我就不为大家做手势监听这个模块了，既然在布局文件中写入固定的图片，这个肯定是不能符合实际项目的，实际项目的图片是根据服务其传递的图片来切换的，所以这里我们简单示例一下在java代码中如何动态添加图片。

首先还是布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  tools:context="com.example.viewflipperpart3.MainActivity" >  <ViewFlipper      android:id="@+id/flipper"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:layout_alignParentTop="true"      android:layout_marginTop="10dp"      android:flipInterval="2000" />  </RelativeLayout> 

比较简单我就不分析了，下面是java代码：

public class MainActivity extends Activity implements OnTouchListener {  private ViewFlipper mFlipper;  private GestureDetector mDetector; //手势检测  @Override  protected void onCreate(Bundle savedInstanceState) {      super.onCreate(savedInstanceState);      setContentView(R.layout.activity_main);      mFlipper = (ViewFlipper) findViewById(R.id.flipper);          mFlipper.addView(getImageView(R.drawable.img_1));      mFlipper.addView(getImageView(R.drawable.img_2));      mFlipper.addView(getImageView(R.drawable.img_3));      mFlipper.addView(getImageView(R.drawable.img_4));      mFlipper.setOnTouchListener(this);   }  private ImageView getImageView(int id){    ImageView imageView = new ImageView(this);    imageView.setImageResource(id);    return imageView;  }  

上面我们只是先通过getImageView()方法获取图片，实际项目中我们可以根据uri地址解析图片添加到集合中，然后通过取出集合中的图片添加到flipper中，就可以了。

讲到这里就是今天的内容了，是不是相比之前的view pager代码简单多了，同时图片切换也比较方便了，逻辑判断也要简单了，不会像viewpager对于滑动到首位，如果要无限循环的话，还要进行判断，简单，但是这个也不是完美的。