{"id":2490,"date":"2017-05-02T13:17:46","date_gmt":"2017-05-02T13:17:46","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=2490"},"modified":"2017-05-02T13:17:46","modified_gmt":"2017-05-02T13:17:46","slug":"how-to-perform-slideshow-of-images-using-viewflipper-control-in-android","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/how-to-perform-slideshow-of-images-using-viewflipper-control-in-android\/","title":{"rendered":"How to Perform Slideshow of Images using ViewFlipper Control in Android"},"content":{"rendered":"<p>In this tutorial how to perform slideshow of Images using ViewFlipper Control in Android is shown.<\/p>\n<p>Points to Remember:<\/p>\n<ul>\n<li>To specify the time interval between images in the slideshow write android:flipInterval=&#8221; &#8221; property inside the &lt;ViewFlipper&gt; tag.<\/li>\n<li>Whatever time you specify here is in milliseconds For eg.\u00a0android:flipInterval=&#8221;1000&#8243; will flip images in 1 second.<\/li>\n<\/ul>\n<p>Code:<\/p>\n<p>res\/values\/strings.xml<\/p>\n<p>&lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt;<br \/>\n&lt;resources&gt;<\/p>\n<p>&lt;string name=&#8221;app_name&#8221;&gt;Demo&lt;\/string&gt;<br \/>\n&lt;string name=&#8221;action_settings&#8221;&gt;Settings&lt;\/string&gt;<br \/>\n&lt;string-array name=&#8221;image_list&#8221;&gt;<br \/>\n&lt;item&gt;Desert&lt;\/item&gt;<br \/>\n&lt;item&gt;Koala&lt;\/item&gt;<br \/>\n&lt;item&gt;JellyFish&lt;\/item&gt;<br \/>\n&lt;item&gt;LightHouse&lt;\/item&gt;<br \/>\n&lt;item&gt;Penguins&lt;\/item&gt;<br \/>\n&lt;\/string-array&gt;<br \/>\n&lt;string name=&#8221;start&#8221;&gt;Click Here to Start Slideshow&lt;\/string&gt;<br \/>\n&lt;string name=&#8221;stop&#8221;&gt;Click Here to Stop Slideshow&lt;\/string&gt;<br \/>\n&lt;color name=&#8221;black&#8221;&gt;#000000&lt;\/color&gt;<\/p>\n<p>&lt;\/resources&gt;<\/p>\n<p>activity_main.xml<\/p>\n<p>&lt;RelativeLayout xmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221;<br \/>\nxmlns:tools=&#8221;http:\/\/schemas.android.com\/tools&#8221;<br \/>\nandroid:layout_width=&#8221;match_parent&#8221;<br \/>\nandroid:layout_height=&#8221;match_parent&#8221;<br \/>\nandroid:paddingBottom=&#8221;@dimen\/activity_vertical_margin&#8221;<br \/>\nandroid:paddingLeft=&#8221;@dimen\/activity_horizontal_margin&#8221;<br \/>\nandroid:paddingRight=&#8221;@dimen\/activity_horizontal_margin&#8221;<br \/>\nandroid:paddingTop=&#8221;@dimen\/activity_vertical_margin&#8221;<br \/>\ntools:context=&#8221;.MainActivity&#8221;<br \/>\nandroid:background=&#8221;@color\/black&#8221;&gt;<\/p>\n<p>&lt;ViewFlipper<br \/>\nandroid:id=&#8221;@+id\/viewFlipper1&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_alignParentTop=&#8221;true&#8221;<br \/>\nandroid:layout_centerHorizontal=&#8221;true&#8221;<br \/>\nandroid:layout_marginTop=&#8221;160dp&#8221; &gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView3&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;299dp&#8221;<br \/>\nandroid:src=&#8221;@drawable\/koala&#8221; \/&gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView4&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:src=&#8221;@drawable\/lighthouse&#8221; \/&gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView5&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:src=&#8221;@drawable\/penguins&#8221; \/&gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView1&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:src=&#8221;@drawable\/desert&#8221; \/&gt;<\/p>\n<p>&lt;ImageView<br \/>\nandroid:id=&#8221;@+id\/imageView2&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:src=&#8221;@drawable\/jellyfish&#8221; \/&gt;<\/p>\n<p>&lt;\/ViewFlipper&gt;<\/p>\n<p>&lt;Button<br \/>\nandroid:id=&#8221;@+id\/button1&#8243;<br \/>\nandroid:layout_width=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_height=&#8221;wrap_content&#8221;<br \/>\nandroid:layout_alignParentTop=&#8221;true&#8221;<br \/>\nandroid:layout_centerHorizontal=&#8221;true&#8221;<br \/>\nandroid:layout_marginTop=&#8221;49dp&#8221;<br \/>\nandroid:text=&#8221;@string\/start&#8221; \/&gt;<\/p>\n<p>&lt;\/RelativeLayout&gt;<\/p>\n<p>MainActivity.java<\/p>\n<p>package com.example.demo;<\/p>\n<p>import android.os.Bundle;<br \/>\nimport android.app.Activity;<br \/>\nimport android.view.Menu;<br \/>\nimport android.view.View;<br \/>\nimport android.widget.Button;<br \/>\nimport android.widget.ViewFlipper;<\/p>\n<p>public class MainActivity extends Activity{<\/p>\n<p>int myflipping=0;<br \/>\nButton b;<\/p>\n<p>@Override<br \/>\nprotected void onCreate(Bundle savedInstanceState) {<br \/>\nsuper.onCreate(savedInstanceState);<br \/>\nsetContentView(R.layout.activity_main);<br \/>\nb=(Button)findViewById(R.id.button1);<br \/>\nb.setOnClickListener(new View.OnClickListener() {<\/p>\n<p>@Override<br \/>\npublic void onClick(View arg0) {<br \/>\n\/\/ TODO Auto-generated method stub<br \/>\nViewFlipper flipper=(ViewFlipper)findViewById(R.id.viewFlipper1);<br \/>\nif(myflipping==0)<br \/>\n{<br \/>\nflipper.startFlipping();<br \/>\nmyflipping=1;<br \/>\nb.setText(R.string.stop);<br \/>\n}<br \/>\nelse<br \/>\n{<br \/>\nflipper.stopFlipping();<br \/>\nmyflipping=0;<br \/>\nb.setText(R.string.start);<br \/>\n}<br \/>\n}<br \/>\n});<br \/>\n}<\/p>\n<p>@Override<br \/>\npublic boolean onCreateOptionsMenu(Menu menu) {<br \/>\n\/\/Inflate the menu; this adds items to the action bar if it is present.<br \/>\ngetMenuInflater().inflate(R.menu.main, menu);<br \/>\nreturn true;<br \/>\n}<br \/>\n}<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/youtu.be\/IfkcbrRZMWg\">https:\/\/youtu.be\/IfkcbrRZMWg<\/a><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"In this tutorial how to perform slideshow of Images using ViewFlipper Control in Android is shown. Points to Remember: To specify the time interval between images in the slideshow write android:flipInterval=&#8221; &#8221; property inside the &lt;ViewFlipper&gt; tag. Whatever time you specify here is in milliseconds For eg.\u00a0android:flipInterval=&#8221;1000&#8243; will flip images in 1 second. Code: res\/values\/strings.xml &lt;?xml version=&#8221;1.0&#8243; encoding=&#8221;utf-8&#8243;?&gt; &lt;resources&gt; &lt;string name=&#8221;app_name&#8221;&gt;Demo&lt;\/string&gt; &lt;string name=&#8221;action_settings&#8221;&gt;Settings&lt;\/string&gt; &lt;string-array name=&#8221;image_list&#8221;&gt; &lt;item&gt;Desert&lt;\/item&gt; &lt;item&gt;Koala&lt;\/item&gt; &lt;item&gt;JellyFish&lt;\/item&gt; &lt;item&gt;LightHouse&lt;\/item&gt; &lt;item&gt;Penguins&lt;\/item&gt; &lt;\/string-array&gt; &lt;string name=&#8221;start&#8221;&gt;Click Here to Start Slideshow&lt;\/string&gt; &lt;string name=&#8221;stop&#8221;&gt;Click Here to Stop Slideshow&lt;\/string&gt; &lt;color name=&#8221;black&#8221;&gt;#000000&lt;\/color&gt; &lt;\/resources&gt; activity_main.xml &lt;RelativeLayout xmlns:android=&#8221;http:\/\/schemas.android.com\/apk\/res\/android&#8221; xmlns:tools=&#8221;http:\/\/schemas.android.com\/tools&#8221; android:layout_width=&#8221;match_parent&#8221; android:layout_height=&#8221;match_parent&#8221; android:paddingBottom=&#8221;@dimen\/activity_vertical_margin&#8221; android:paddingLeft=&#8221;@dimen\/activity_horizontal_margin&#8221; android:paddingRight=&#8221;@dimen\/activity_horizontal_margin&#8221; android:paddingTop=&#8221;@dimen\/activity_vertical_margin&#8221; tools:context=&#8221;.MainActivity&#8221; android:background=&#8221;@color\/black&#8221;&gt; &lt;ViewFlipper android:id=&#8221;@+id\/viewFlipper1&#8243; android:layout_width=&#8221;wrap_content&#8221; android:layout_height=&#8221;wrap_content&#8221; android:layout_alignParentTop=&#8221;true&#8221; android:layout_centerHorizontal=&#8221;true&#8221; android:layout_marginTop=&#8221;160dp&#8221; &gt; &lt;ImageView android:id=&#8221;@+id\/imageView3&#8243; android:layout_width=&#8221;wrap_content&#8221; android:layout_height=&#8221;299dp&#8221; android:src=&#8221;@drawable\/koala&#8221; \/&gt; &lt;ImageView android:id=&#8221;@+id\/imageView4&#8243; android:layout_width=&#8221;wrap_content&#8221; android:layout_height=&#8221;wrap_content&#8221; android:src=&#8221;@drawable\/lighthouse&#8221; \/&gt; &lt;ImageView android:id=&#8221;@+id\/imageView5&#8243; <!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[92],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2490"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=2490"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2490\/revisions"}],"predecessor-version":[{"id":2492,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/2490\/revisions\/2492"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=2490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=2490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=2490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}