Tutorial ViewFlipper on Click in Android Studio

Tutorial step by step with free source code: how to make a slideshow (display pictures one after another), with ViewFlipper starting only on your click on screen, in Android Studio version 1.5.1. Create New Project with Application name: ViewFlipper on Click; Minimum SDK: API 10 – Android 2.3.3 (Gingerbread). Add 5 pictures from your computer, in project folder app->res->drawable:  picture1.jpg,  picture2.jpg, picture3.jpg, picture4.jpg, picture5.jpg. In app->res->layout->activity_main.xml add 5 ImageView inside of ViewFlipper and complete the code:

<?xml version="1.0" encoding="utf-8"?>
<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.toyo.viewflipperonclick.MainActivity">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <ViewFlipper
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:id="@+id/viewFlipper">

            <ImageView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/imageView"
                android:scaleType="centerCrop"
                android:src="@drawable/picture1"/>

            <ImageView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/imageView2"
                android:scaleType="centerCrop"
                android:src="@drawable/picture2"/>

            <ImageView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/imageView3"
                android:scaleType="centerCrop"
                android:src="@drawable/picture3"/>

            <ImageView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/imageView4"
                android:scaleType="centerCrop"
                android:src="@drawable/picture4"/>

            <ImageView
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/imageView5"
                android:scaleType="centerCrop"
                android:src="@drawable/picture5"/>
        </ViewFlipper>
    </LinearLayout>
</RelativeLayout>

In app->java->MainActivity complete the code:

package com.example.toyo.viewflipperonclick;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ViewFlipper;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    ViewFlipper viewFlipper;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFlipper);
        viewFlipper.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        viewFlipper.startFlipping();
        viewFlipper.setFlipInterval(3000);
    }
}

That’s all! Run your app in Emulator and see how the images begin to change after another, but only after you have clicked on the screen. Watch the Video Tutorial: Download free ViewFlipper.apk application from here and install it on your device to see how works. For further questions leave a message.