Android image slideshow :
Introduction
Android Image slideshow is a common aspect these days in every android application it might be a website, app or any other case.
Image slideshow has been a key role in show casting the main use of the app by showing relevant images with a specific time period.
Image slide show may be automatic or based on user click sometimes.
Today we will go through image slideshow tutorial in android app in this blog, this tutorial building an image slideshow will clearly explain you how a slide show is made using file handlers and timers in android.
OK now let’s start android image auto slideshow tutorial by designing our screen first.
activity_main.xml :
Here we don’t require any thing special but just a image view to make slide show and a text view.
<ImageView android:id="@+id/imageview" android:layout_width="match_parent" android:layout_height="wrap_content"/>
Android Image Slideshow Full Code :
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="#ffffff" android:gravity="center"> <ImageView android:id="@+id/imageview" android:layout_width="match_parent" android:layout_height="wrap_content"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Android Image Slide Show" android:textColor="#000000" android:gravity="center" android:layout_marginTop="40dp" style="@android:style/TextAppearance.DeviceDefault.Widget.PopupMenu.Large"/> </LinearLayout>
fadein.xml file
This is the xml file which helps us to made kinf of style for our images while animating them i.e., android slideshow settings kind of file. Here you can adjust according to your requirements.
Note: You have to make a folder inside res folder and then name it as anim then path is
R.anim.fadein
not only “anim” you can give any name to the folder but make change in th path accordingly
<?xml version="1.0" encoding="utf-8" ?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000"> </alpha> </set>
MainActivity.java :
Firstly resources i.e., images are to be selected and added to a array which is of type int.
int[] Pics = {R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4};
Then here comes our Handler
final Handler mHandler = new Handler();
initialize timer
Timer timer; int delay = 1000; int period = 1000; timer = new Timer();
Setting images from array to the image view
image.setImageResource(Pics[index%Pics.length]);
Animate image with fade in style
Animation fadein = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fadein); image.startAnimation(fadein);
and also don’t forget to increment index
index++;
here come our final code android code for image slideshow
package com.androidcoding.abhishek.imageslider; import android.app.Activity; import android.os.Bundle; import android.view.*; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.ImageView; import android.os.Handler; import java.util.Timer; import java.util.TimerTask; public class MainActivity extends Activity { int index=0; ImageView image; Timer timer; int[] Pics = {R.drawable.pic1, R.drawable.pic2, R.drawable.pic3, R.drawable.pic4}; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final Handler mHandler = new Handler(); image = (ImageView)findViewById(R.id.imageview); final Runnable start = new Runnable() { public void run() { image.setImageResource(Pics[index%Pics.length]); index++; Animation fadein = AnimationUtils.loadAnimation(MainActivity.this, R.anim.fadein); image.startAnimation(fadein); } }; int delay = 1000; int period = 1000; timer = new Timer(); timer.scheduleAtFixedRate(new TimerTask() { public void run() { mHandler.post(start); } }, delay, period); } }
Android image slideshow output :
The screen below depicts image slideshow
If you have any query’s in this tutorial on image slideshow do let us know in the comment section below.If you like this tutorial do like and share us for more interesting updates.