![\"AdapterViewFlipper](\"\/ui\/wp-content\/uploads\/2016\/05\/AdapterViewFlipper-in-Android.gif\")
<\/p>\nIn Android, AdapterViewFlipper is same as ViewFlipper that are used for switching between views. It is an element of transition widget which helps us to add transitions on the views. It is mainly useful to animate a view on screen. AdapterViewFlipper switches smoothly between two or more views (TextView, ImageView or any layout) and thus provides a way of transitioning from one view to another through appropriate animations. You can create views for a AdapterViewFlipper widget either adding them on your own layout or by set an adapter of items.<\/p>\n
<\/p>\n
Important Note:<\/strong><\/span> ViewFlipper and AdapterViewFlipper both are sub classes of\u00a0ViewAnimator. The only difference is ViewFlipper we typically declare all children up front, and there is no recycling concept but in AdapterViewFlipper, we use an\u00a0Adapter\u00a0to fill data (as we\u00a0used in\u00a0ListView,\u00a0Spinner, etc), so the children are determined on the fly and the views representing the children can be recycled.<\/p>\n Let\u2019s we discuss some important methods of AdapterViewFlipper that may be called in order to manage the AdapterViewFlipper.<\/p>\n 1. setAdapter(Adapter adapter):<\/strong><\/span> This method is used to set the adapter that provides the data and the views to represent the data in this widget. For setting data in AdapterViewFlipper we have multiple choices for Adapters<\/a>. Basically we use BaseAdapter to fill the data in AdapterViewFlipper because BaseAdapter is the parent adapter and is used for more customization of views.<\/p>\n Below we set the adapter for a AdapterViewFlipper.<\/p>\n 2. startFlipping():<\/strong><\/span> This method is used to start a timer to cycle through the child views. Sometime we need to start the flipping on click or any other event then we use this method to start the flipping of views.<\/p>\n Below we start the timer to cycle through the child view of AdapterViewFlipper.<\/p>\n 3. stopFlipping():<\/strong><\/span> This method is used to stop the timer means there is no more flips. Sometime we need to stop the flipping on click or any other event then we use this method to stop the flipping of views.<\/p>\n Below we stop the timer to cycle through the child view of AdapterViewFlipper.<\/p>\n 4. setFlipInterval(int milliseconds):<\/strong><\/span> This method is used to set the interval time in milliseconds for how long to wait before flipping to the next view.<\/p>\n Below we set the 4 seconds for interval time that shows how long to wait before flipping to next view.<\/p>\n 5. getFlipInterval():<\/strong><\/span> This method returns the flip interval time in milliseconds for how long to wait before flipping to the next view.<\/p>\n Below we get the flip interval time that shows how long to wait before flipping to the next view.<\/p>\n 6. setAutoStart(boolean autoStart):<\/strong><\/span> This method is used to auto start the flipping between views. This method set if this view automatically callsstartFlipping()\u00a0when it becomes attached to a window.<\/p>\n Below we set then true value for auto start the flipping of views.<\/p>\n 7. isAutoStart():<\/strong><\/span> This method is used to check whether the views automatically start flipping or not. This method returns a Boolean type value either\u00a0true or false. It returns true if this view automatically calls startFlipping()\u00a0when it becomes attached to a window and return false if it is not.<\/p>\n Below we check whether the views are automatically flipping or not.<\/p>\n 8. isFlipping():<\/strong><\/span> This method is used to check whether the views are flipping or not. This method returns a Boolean value either\u00a0true or false. It returns true if the child views are flipping and return false if they are not.<\/p>\n Below we check whether the views are currently flipping or not.<\/p>\n 9. showNext():<\/strong><\/span> This method is used to show the next view of AdapterViewFlipper. As we discussed earlier AdapterViewFlipper can have two or more child views of which only one is shown at a time so this method is used to show the next views.<\/p>\n Below we perform click event on button and call showNext() method to show the next view in AdapterViewFlipper.<\/p>\n 10. showPrevious():<\/strong><\/span> This method is used to show the Previous view of AdapterViewFlipper. As we discussed earlier AdapterViewFlipper can have two or more child views of which only one is shown at a time so this method is used to show the Previous views.<\/p>\n Below we perform click event on button and call showPrevious() method to show the previous view in AdapterViewFlipper.<\/p>\n Now let\u2019s we discuss some common attributes of a AdapterViewFlipper that helps us to configure it in our layout (xml).<\/p>\n 1. id:<\/strong><\/span> id attribute is used to uniquely identify a AdapterViewFlipper.<\/p>\n Below we set the id of the AdapterViewFlipper that is used to uniquely identify it.<\/p>\n 2. autoStart:<\/strong><\/span> This property is used to automatically start animating\/flipping between views. You can also automatically start flipping programmatically by using setAutoStart() method.<\/p>\n Below we set the true value for the autoStart property of AdapterViewFlipper which\u00a0will automatically start animating between views.<\/p>\n 3. flipInterval:<\/strong><\/span> This property is used to set the interval time in milliseconds for how long to wait before flipping to the next view. You can also set interval time programmatically means in java class using setFlipInterval() method.<\/p>\n Below we set the 3 seconds for the interval time for flipping between views.<\/p>\n 4. padding:<\/strong><\/span> This attribute is used to set the padding from left, right, top or bottom side of a AdapterViewFlipper.<\/p>\n Below we set the 10dp padding from all the sides of a ViewFlipper<\/p>\n 5. background:<\/strong> <\/span>This attribute is used to set the background of a AdapterViewFlipper. We can set a color or a drawable in the background of a background: This attribute is used to set the background of a AdapterViewFlipper.<\/p>\n Below is the example code with explanation included in which we set the blue color for the background of a AdapterViewFlipper.<\/p>\n Setting Background In AdapterViewFlipper In Java class:<\/strong><\/p>\n Below is the example of AdapterViewFlipper in which we display a AdapterViewFlipper and set the views in that by using BaseAdapter. Firstly we create two arrays one for fruit images and other for fruit names. After creating, we set the Adapter to fill the data in views. Finally set the auto start and flip interval time so that AdapterViewFlipper switch between the views and the current view will go out and next view\u00a0 will come in after the given time interval.<\/p>\n Below you can download complete project code, see final output and step by step explanation of example:<\/p>\n Download Code<\/a> ? <\/a><\/p>\n Step 1:<\/strong>\u00a0<\/span>Create a new project and name it AdapterViewFlipperExample<\/p>\n Step 2:<\/strong><\/span>\u00a0Open res -> layout ->activity_main.xml (or) main.xml and add following code :<\/p>\n In this step we open an xml file and add the code for displaying a AdapterViewFlipper by using its different attributes.<\/p>\n Step 3:<\/strong><\/span>\u00a0Now create another XML layout. In our case, we name it as list_item.xml. Add the below code in it.<\/p>\n In this step we add one ImageView and one TextView in or xml file to use it in the adapter.<\/p>\n Step 4:<\/strong><\/span>\u00a0Open\u00a0 \u00a0src -> package -> MainActivity.java<\/p>\n In this step we open\u00a0MainActivity\u00a0and\u00a0add the code for initiate the AdapterViewFlipper. Firstly we create two arrays one for fruit images and other for fruit names. After creating, we set the adapter to fill the data in views. finally set the auto start and flip interval time so that AdapterViewFlipper switch between the views and the current view will go out and next view\u00a0 will come in after the given time interval.<\/p>\n Step 5:<\/strong><\/span>\u00a0Create new class CustomAdapter.java and add following code\u00a0In this step we create a custom adapter class and extends the BaseAdapter in that. In this we set the data in the views.<\/p>\n Output:<\/strong><\/p>\n Now run the App and you will see different fruit images sliding on screen after an time gap of 3 seconds.<\/p>\n","protected":false},"excerpt":{"rendered":" In Android, AdapterViewFlipper is same as ViewFlipper that are used for switching between views. It is an element of transition widget which helps us to add transitions on the views. It is mainly useful to animate a view on screen. AdapterViewFlipper switches smoothly between two or more views (TextView, ImageView or any layout) and thus … Continue reading AdapterViewFlipper Tutorial With Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1805","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"
\nBasic AdapterViewFlipper XML code:<\/strong><\/h4>\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\" >\r\n<!--\u00a0\u00a0 Add View\u2019s Here -->\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
\nImportant Methods Of AdapterViewFlipper:<\/strong><\/h4>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.setAdapter(adapter); \/\/ set adapter for AdapterViewFlipper. Here adapter is object of custom adapter\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFliper); \/\/ get the reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.startFlipping(); \/\/ start the flipping of views\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.stopFlipping(); \/\/ stop the flipping of views\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.setFlipInterval(4000); \/\/ set 4 seconds for interval time\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\nint flipInterval=simpleAdapterViewFlipper.getFlipInterval(); \/\/ get the flip interval time\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.setAutoStart(true); \/\/ set true value for auto start the flipping between views\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewSwitcher); \/\/ get the reference of AdapterViewFlipper\r\nBoolean isAutoStart = simpleAdapterViewFlipper.isAutoStart();\u00a0 \/\/ checks whether the views are automatically start flipping or not.\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewSwitcher); \/\/ get the reference of AdapterViewFlipper\r\nBoolean isFlipping= simpleAdapterViewFlipper.isFlipping();\u00a0 \/\/ check whether the views are flipping or not\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\n\r\nButton btnNext=(Button) findViewById(R.id.buttonNext); \/\/ get the reference of Button\r\n\/\/ set Click event on next button\r\nbtnNext.setOnClickListener(new View.OnClickListener() {\r\n\r\npublic void onClick(View v) {\r\n\/\/ TODO Auto-generated method stub\r\n\/\/ show the next view of ViewFlipper\r\nsimpleAdapterViewFlipper.showNext();\r\n}\r\n});\r\n<\/pre>\nAdapterViewFlipper simpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\n\r\nButton btnPrevious=(Button) findViewById(R.id.buttonPrevious); \/\/ get the reference of Button\r\n\/\/ set Click event on next button\r\nbtnPrevious.setOnClickListener(new View.OnClickListener() {\r\n\r\npublic void onClick(View v) {\r\n\/\/ TODO Auto-generated method stub\r\n\/\/ show the next view of ViewFlipper\r\nsimpleAdapterViewFlippper.showPrevious();\r\n}\r\n});\r\n<\/pre>\n
\nAttributes of AdapterViewFlipper:<\/strong><\/h4>\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\" >\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:autoStart=\"true\" > <!-- set Auto Start to true -->\r\n<!--\u00a0\u00a0 Add View\u2019s Here -->\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:flipInterval=\"3000> <!--\u00a0 set interval time for flipping the views -->\r\n<!--\u00a0\u00a0 Add View\u2019s Here -->\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:padding=\"10dp\"> <!-- set 10 dp padding from all the sides of ViewFlipper -->\r\n\r\n<!--\u00a0\u00a0 Add View\u2019s Here -- >\r\n\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:background=\"#00f\"> <!-- set blue color in the background of ViewFlipper -->\r\n\r\n<!--\u00a0\u00a0 Add View\u2019s Here -- >\r\n\r\n<\/AdapterViewFlipper >\r\n<\/pre>\n
AdapterViewFlipper simpleAdapterViewFlipper=(AdapterViewFlipper)findViewById(R.id. simpleAdapterViewFlipper); \/\/ get reference of AdapterViewFlipper\r\nsimpleAdapterViewFlipper.setBackgroundColor(Color.BLUE);\/\/ set blue color in the background of ImageFlipper.\r\n<\/pre>\n
\nAdapterViewFlipper Example In Android Studio:<\/strong><\/h4>\n
![\"AdapterViewFlipper](\"\/ui\/wp-content\/uploads\/2016\/05\/AdapterViewFlipper-Example-In-Android-Studio.gif\")
<\/p>\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"match_parent\"\r\nandroid:background=\"#fff\"\r\nandroid:orientation=\"vertical\">\r\n\r\n<AdapterViewFlipper\r\nandroid:id=\"@+id\/simpleAdapterViewFlipper\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\">\r\n\r\n<\/AdapterViewFlipper>\r\n\r\n<\/LinearLayout>\r\n<\/pre>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:background=\"#fff\"\r\nandroid:gravity=\"center\"\r\nandroid:orientation=\"vertical\">\r\n\r\n<ImageView\r\nandroid:id=\"@+id\/fruitImage\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"150dp\"\r\nandroid:layout_gravity=\"center\" \/>\r\n\r\n<TextView\r\nandroid:id=\"@+id\/fruitName\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:layout_gravity=\"center\"\r\nandroid:layout_marginTop=\"2dp\"\r\nandroid:textColor=\"#000\" \/>\r\n<\/LinearLayout>\r\n<\/pre>\n
package com.example.ip_d.viewflipperexample;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.widget.AdapterViewFlipper;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\nprivate AdapterViewFlipper simpleAdapterViewFlipper;\r\nint[] fruitImages = {R.drawable.apple, R.drawable.pineapple, R.drawable.litchi, R.drawable.mango, R.drawable.banana};\u00a0\u00a0\u00a0\u00a0 \/\/ array of images\r\nString fruitNames[] = {\"Apple\", \"Pine Apple\", \"Litchi\", \"Mango\", \"Banana\"};\r\n\r\n@Override\r\nprotected void onCreate(Bundle savedInstanceState) {\r\nsuper.onCreate(savedInstanceState);\r\nsetContentView(R.layout.activity_main);\r\nsimpleAdapterViewFlipper = (AdapterViewFlipper) findViewById(R.id.simpleAdapterViewFlipper); \/\/ get the reference of AdapterViewFlipper\r\n\/\/ Custom Adapter for setting the data in Views\r\nCustomAdapter customAdapter = new CustomAdapter(getApplicationContext(), fruitNames, fruitImages);\r\nsimpleAdapterViewFlipper.setAdapter(customAdapter); \/\/ set adapter for AdapterViewFlipper\r\n\/\/ set interval time for flipping between views\r\nsimpleAdapterViewFlipper.setFlipInterval(3000);\r\n\/\/ set auto start for flipping between views\r\nsimpleAdapterViewFlipper.setAutoStart(true);\r\n}\r\n}<\/pre>\npackage com.example.ip_d.viewflipperexample;\r\n\r\nimport android.content.Context;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\nimport android.widget.BaseAdapter;\r\nimport android.widget.ImageView;\r\nimport android.widget.TextView;\r\n\r\npublic class CustomAdapter extends BaseAdapter {\r\nContext context;\r\nint[] fruitImages;\r\nString[] fruitNames;\r\nLayoutInflater inflter;\r\n\r\npublic CustomAdapter(Context applicationContext, String[] fruitNames, int[] fruitImages) {\r\nthis.context = applicationContext;\r\nthis.fruitImages = fruitImages;\r\nthis.fruitNames = fruitNames;\r\ninflter = (LayoutInflater.from(applicationContext));\r\n\r\n}\r\n\r\n@Override\r\npublic int getCount() {\r\nreturn fruitNames.length;\r\n}\r\n\r\n@Override\r\npublic Object getItem(int position) {\r\nreturn null;\r\n}\r\n\r\n@Override\r\npublic long getItemId(int position) {\r\nreturn 0;\r\n}\r\n\r\n@Override\r\npublic View getView(int position, View view, ViewGroup parent) {\r\nview = inflter.inflate(R.layout.list_item, null);\r\nTextView fruitName = (TextView) view.findViewById(R.id.fruitName);\r\nImageView fruitImage = (ImageView) view.findViewById(R.id.fruitImage);\r\nfruitName.setText(fruitNames[position]);\r\nfruitImage.setImageResource(fruitImages[position]);\r\nreturn view;\r\n}\r\n}\r\n<\/pre>\n