ViewFlipper

最新推荐文章于 2024-09-13 21:39:37 发布

wanchuan_

最新推荐文章于 2024-09-13 21:39:37 发布

阅读量292

点赞数

分类专栏：动画文章标签： android 图片切换

本文链接：https://blog.csdn.net/wanchuan_/article/details/72630898

版权

动画专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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;
@Override
public 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;  
}