Android ImageSwitcher

ImageSwitcher:

ImageSwitcher is a ViewSwitcher that is more specialized than others because it is used to change only two images at a time.

It functions in the same way as TextSwitcher wherein you can easily change one image to another by applying animations.

It is often seen as a basic feature to making simple image slideshows or jumping between images in a UI interface.

Example:

                                    
                                        <?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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=".ImageSwitcherExample"
        android:padding="16dp"
        android:orientation="vertical">
    
       <ImageSwitcher
           android:id="@+id/imageswitcher1"
           android:layout_width="match_parent"
           android:layout_height="250dp"
           />
   
       <Button
           android:id="@+id/next"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Next"
           android:textColor="@color/colorWhite"
           android:background="@color/colorPrimaryDark"
           android:layout_marginTop="100dp"
           android:layout_gravity="center"
           />
   
</LinearLayout>

                                    
                                        package com.example.widgets;
    
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ViewSwitcher;
   
public class ImageSwitcherExample extends AppCompatActivity {
   
    ImageSwitcher imageSwitcher;
    Button button;
   
    int imageIdList[] = {R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4, R.drawable.image5};
    int count = imageIdList.length;
    // to keep current Index of ImageID array
    int currentIndex = -1;
   
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_switcher_example);
   
        button = (Button) findViewById(R.id.next);
        imageSwitcher = (ImageSwitcher) findViewById(R.id.imageswitcher1);
        // Set the ViewFactory of the ImageSwitcher that will create ImageView object when asked
        imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {
   
            public View makeView() {
                // TODO Auto-generated method stub
   
                // Create a new ImageView and set it's properties
                ImageView imageView = new ImageView(getApplicationContext());
                // set Scale type of ImageView to Fit Center
                //imageView.setScaleType(ImageView.ScaleType.FIT_START);
                // set the Height And Width of ImageView To FIll PARENT
                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
                return imageView;
            }
        });
   
        button.setOnClickListener(new View.OnClickListener() {
   
            public void onClick(View v) {
                // TODO Auto-generated method stub
                currentIndex++;
                //  Check If index reaches maximum then reset it
                if (currentIndex == count)
                    currentIndex = 0;
                imageSwitcher.setImageResource(imageIdList[currentIndex]); // set the image in ImageSwitcher
            }
        });
   
    }
}

                                    
                                        package com.example.widgets

import android.os.Bundle
import android.view.View
import android.widget.Button
import android.widget.ImageSwitcher
import android.widget.ImageView
import android.widget.LinearLayout
import android.widget.ViewSwitcher
import androidx.appcompat.app.AppCompatActivity

class ImageSwitcherExample : AppCompatActivity() {

    private lateinit var imageSwitcher: ImageSwitcher
    private lateinit var button: Button

    private val imageIdList = arrayOf(
        R.drawable.image1,
        R.drawable.image2,
        R.drawable.image3,
        R.drawable.image4,
        R.drawable.image5
    )
    private val count = imageIdList.size
    // to keep current Index of ImageID array
    private var currentIndex = -1

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_image_switcher_example)

        button = findViewById(R.id.next)
        imageSwitcher = findViewById(R.id.imageswitcher1)

        // Set the ViewFactory of the ImageSwitcher that will create ImageView object when asked
        imageSwitcher.setFactory {
            // Create a new ImageView and set its properties
            val imageView = ImageView(applicationContext)
            // set Scale type of ImageView to Fit Center
            // imageView.scaleType = ImageView.ScaleType.FIT_START
            // set the Height And Width of ImageView To Fill PARENT
            imageView.layoutParams = ImageSwitcher.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT
            )
            imageView
        }

        button.setOnClickListener {
            currentIndex++
            // Check If index reaches maximum then reset it
            if (currentIndex == count)
                currentIndex = 0
            imageSwitcher.setImageResource(imageIdList[currentIndex]) // set the image in ImageSwitcher
        }
    }
}

Output