{"id":1885,"date":"2016-05-18T06:40:36","date_gmt":"2016-05-18T06:40:36","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=1885"},"modified":"2019-06-12T11:52:01","modified_gmt":"2019-06-12T11:52:01","slug":"viewanimator","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/viewanimator","title":{"rendered":"ViewAnimator Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, ViewAnimator is a sub class of FrameLayout container that is used for switching between views. It is an element of transition widget which helps us to add transitions on the views ( like TextView, ImageView or any layout). It is mainly useful to animate the views on screen. ViewAnimator switches smoothly between two or more views and thus provides a way of transitioning from one view to another through appropriate animations.<\/p>\n

\"ViewAnimator<\/p>\n

Important Note:<\/strong><\/span> \u00a0ViewAnimator is the parent class for ViewFlipper, ViewSwitcher and other views so it perform same operations. It is used for switching between different views.<\/p>\n

\n

Basic\u00a0ViewAnimator XML Code:<\/strong><\/h4>\n
<ViewAnimator\r\nandroid:id=\"@+id\/simpleViewAnimator\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\">\r\n\r\n<!--\u00a0\u00a0 Add View\u2019s Here -->\r\n\r\n<\/ViewAnimator><\/pre>\n
\n
Steps for Implementation of ViewAnimator:<\/strong><\/h4>\n
    \n
  1. Get the reference of ViewAnimator in class using findViewById() method, or you can also create an object dynamically.<\/li>\n
  2. Add child views in ViewAnimator using switcherid.addView() method.<\/li>\n
  3. Set an in-animation using switcherid.setInAnimation().<\/li>\n
  4. Set an out-animation using switcherid.setOutAnimation().<\/li>\n<\/ol>\n
    \n
    Important Methods Of ViewAnimator:<\/strong><\/h4>\n
    Let\u2019s we discuss some important methods of ViewAnimator that may be called in order to manage the ViewAnimator.<\/p>\n
    1. showNext():<\/strong><\/span> This method is used to show the next view of ViewAnimator. As we discussed earlier ViewAnimator 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 ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/get the reference of ViewAnimator\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 ViewAnimator\r\nsimpleViewAnimator.showNext();\r\n}\r\n});\r\n<\/pre>\n
    \"shownext<\/p>\n
    2. showPrevious():<\/strong><\/span> This method is used to show the Previous view of ViewAnimator. As we discussed earlier ViewAnimator 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 ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\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\nsimpleViewAnimator.showPrevious();\r\n}\r\n});\r\n<\/pre>\n
    \"showPrevious<\/p>\n
    3. loadAnimation(Context context, int id):<\/strong><\/span> This method is used whenever we need to define an object of Animation class through AnimationUtilities class by calling a static method loadAnimation.<\/p>\n
    Below we create an object of Animation class and load an animation by using AnimationUtils class.<\/p>\n
    \/\/ Load Animation using AnimationUtils class\r\n Animation in = AnimationUtils.loadAnimation(this, android.R.anim.slide_in_left);\r\n Animation out = AnimationUtils.loadAnimation(this, android.R.anim.slide_out_right);<\/pre>\n
    4. setInAnimation(in):<\/strong><\/span> This method is used to set the animation of the appearance of the object on the screen.<\/p>\n
    Below we create an object of Animation class and load an animation by using AnimationUtils class and then set the Animation on ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id.simpleViewAnimator); \/\/ initiate a ViewAnimator\r\nAnimation in = AnimationUtils.loadAnimation(this,android.R.anim.slide_in_left); \/\/ load an animation\r\nsimpleViewAnimator.setInAnimation(in); \/\/ set in Animation for ViewAnimator\r\n<\/pre>\n
    \"setInAnimation<\/p>\n
    5. setOutAnimation(out):<\/strong><\/span> This method does the opposite of setInAnimation(). Whenever we use show the next view, it first removes the old view using an animation set with the setOutAnimation() method, and then places the new one using the animation set by the setInAnimation() method.<\/p>\n
    Below we create an object of Animation class and load an animation by using AnimationUtils class and then set the out Animation on ViewAnimator<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id. simpleViewAnimator); \/\/ get reference of ViewAnimator\r\nAnimation out = AnimationUtils.loadAnimation(this,android.R.anim.slide_out_right); \/\/ load an animation\r\nsimpleViewAnimator.setOutAnimation(out); \/\/ set out Animation for ViewAnimator\r\n<\/pre>\n
    \"setOutAnimation<\/p>\n
    6. addView(View child):<\/strong><\/span> This method is used to add the child view at run time in the ViewAnimator.<\/p>\n
    Below we create a new view i.e TextView and then add that view in our ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id.simpleViewAnimator); \/\/ get reference of ViewAnimator\r\n\r\nTextView textView = new TextView(this); \/\/ create a TextView\r\ntextView.setText(\"View Animator TextView\"); \/\/ set text in TextView\r\nsimpleViewAnimator.addView(textView); \/\/ add the TextView in ViewAnimator\r\n<\/pre>\n
    7. getCurrentView():<\/strong><\/span> This method is used for getting the current displayed child view of ViewAnimator.<\/p>\n
    Below we get the current displayed child view of ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nView view = simpleViewAnimator.getCurrentView(); \/\/ get current displayed child view of ViewAnimator\r\n<\/pre>\n
    8. getDisplayedChild():<\/strong><\/span> This method is used for getting the index for current displayed child view of ViewAnimator. This method returns an int type value for current displayed child view\u2019s index.<\/p>\n
    Below we get the index of current displayed child view of ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nint\u00a0 displayedChildIndex = simpleViewAnimator.getDisplayedChild(); \/\/ get index for current displayed child view of ViewAnimator\r\n<\/pre>\n
    9. getInAnimation():<\/strong><\/span> This method is used to get the current animation used to animate a View that enters the screen. This method returns the in animation that we set using setInAnimation() method.<\/p>\n
    Below we firstly set the in animation and then get the current animation that is used to animate a View that enters the screen.<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id.simpleViewAnimator); \/\/ initiate a ViewAnimator\r\nAnimation in = AnimationUtils.loadAnimation(this,android.R.anim.slide_in_left); \/\/ load an animation\r\nsimpleViewAnimator.setInAnimation(in); \/\/ set in Animation for ViewAnimator\r\n<\/pre>\n
    Animation currentInAnimation=simpleViewAnimator.getInAnimation(); \/\/ get current animation that is used to animate a View that enters the screen.<\/p>\n
    10. getOutAnimation():<\/strong><\/span> This method is used to get the current animation used to animate a View that exits the screen.. This method returns the out animation that we set using setoutAnimation() method.<\/p>\n
    Below we firstly set the out animation and then get the current animation that is used to animate a View that exits the screen.<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id. simpleViewAnimator); \/\/ get reference of ViewAnimator\r\nAnimation out = AnimationUtils.loadAnimation(this,android.R.anim.slide_out_right); \/\/ load an animation\r\nsimpleViewAnimator.setOutAnimation(out); \/\/ set out Animation for ViewAnimator\r\n\r\nAnimation currentOutAnimation=simpleViewAnimator.getOutAnimation(); \/\/ get current animation that is used to animate a View that exits the screen.\r\n<\/pre>\n
    11. removeAllViews():<\/strong><\/span> This method is used to remove all child views from the ViewGroup.<\/p>\n
    Below we remove the all child views from the ViewGroup.<\/p>\n
    ViewAnimator simpleViewAnimator=(ViewAnimator)findViewById(R.id. simpleViewAnimator); \/\/ get reference of ViewAnimator\r\n\r\nsimpleViewAnimator.removeAllViews(); \/\/ remove all the child views of ViewAnimator\r\n<\/pre>\n
    12. removeView(View\u00a0view):<\/strong> <\/span>This method is used to remove the child view of ViewAnimator. In this method we pass the object of that child view which we want to remove.<\/p>\n
    Below we firstly get the current displayed child view of ViewAnimator and then remove that view from the ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nView view=simpleViewAnimator.getCurrentView(); \/\/ get current displayed child view of ViewAnimator\r\nsimpleViewAnimator.removeView(view); \/\/ remove the current displayed child view of ViewAnimator\r\n<\/pre>\n
    13. removeViewAt(int index):<\/strong><\/span> This method is used to remove the view at the specified position in the group. In this method we pass the index of that child view which we want to remove.<\/p>\n
    Below we firstly get the index of current displayed child of ViewAnimator and then remove that child view from the ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nint\u00a0 displayedChildIndex = simpleViewAnimator.getDisplayedChild(); \/\/ get index for current displayed child view of ViewAnimator\r\nsimpleViewAnimator.removeViewAt(displayedChildIndex); \/\/ remove the current displayed child view of ViewAnimator\r\n<\/pre>\n
    14. setDisplayedChild(int whichChild):<\/strong><\/span> This method is used to set which child view will be displayed in ViewAnimator. In this method we set the index of child view that will be displayed in ViewAnimator.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nsimpleViewAnimator.setDisplayedChild(1); \/\/ set the indez of current displayed child view of ViewAnimator\r\n<\/pre>\n
    15. setAnimateFirstView(boolean animate):<\/strong> <\/span>This method is used to indicate whether the current view should be animated the first time the ViewAnimator is displayed. In this method we set the true or false value.<\/p>\n
    Below we set the true value for setAnimateFirstView() method.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nsimpleViewAnimator.setAnimateFirstView(true); \/\/ set true value for setAnimateFirstView\r\n<\/pre>\n
    Using the above code first view will be animated in ViewAnimator. If you change it to false first will not be animated for the first time.<\/p>\n
    16. getAnimateFirstView():<\/strong><\/span> This method checks whether the current view should be animated the first time the ViewAnimator is displayed. This method returns Boolean type value means true or false.<\/p>\n
    Below we firstly set the true value for setAnimateFirstView and then checks whether the current view should be animated the first time the ViewAnimator is displayed or not.<\/p>\n
    ViewAnimator simpleViewAnimator = (ViewAnimator) findViewById(R.id.simpleViewAnimator); \/\/ get the reference of ViewAnimator\r\nsimpleViewAnimator.setAnimateFirstView(true); \/\/ set true value for setAnimateFirstView\r\nBoolean isAnimateFirstTime=simpleViewAnimator.getAnimateFirstView(); \/\/ checks whether the view should animate first time or not.\r\n<\/pre>\n
    \n
    Attributes of ViewAnimator:<\/strong><\/h4>\n
    Now let\u2019s we discuss some common attributes of a ViewAnimator that helps us to configure it in our layout (xml).<\/p>\n
    1. Id:<\/strong><\/span> id attribute is used to uniquely identify a ViewAnimator.<\/p>\n
    < ViewAnimator\r\n\r\nandroid:id=\"@+id\/simpleViewAnimator\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\" >  <!-- id of the ViewAnimator used to uniquely identify it -->\r\n<!--\u00a0\u00a0 Add View\u2019s Here -- >\r\n\r\n<\/ ViewAnimator >\r\n<\/pre>\n
    2. animateFirstView:<\/strong><\/span> This attribute is used to set the current view should be animated the first time the ViewAnimator is displayed or not. We set Boolean value for this attribute. We can also set value programmatically means in java class using setAnimateFirstView(boolean animate) method.<\/p>\n
    Below we set the true value for animateFirstView attribute.<\/p>\n
    <ViewAnimator\r\nandroid:id=\"@+id\/simpleViewAnimator\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:animateFirstView=\"true\"> <!--set true value for animateFirstView attribute -->\r\n\r\n<!--\u00a0\u00a0 Add View\u2019s Here -- >\r\n\r\n<\/ ViewAnimator >\r\n<\/pre>\n
    3. inAnimation:<\/strong><\/span> This attribute is used as an Identifier for the animation to use when a view is shown.<\/p>\n
    Below we set the slide in left animation for the inAnimation attribute.<\/p>\n
    <ViewAnimator\r\nandroid:id=\"@+id\/simpleViewAnimator\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:animateFirstView=\"true\"\r\nandroid:inAnimation=\"@android:anim\/slide_in_left\"> <!-- slide in left animation for the child views of ViewAnimator-->\r\n\r\n<!--\u00a0\u00a0 Add View\u2019s Here -- >\r\n\r\n<\/ ViewAnimator >\r\n<\/pre>\n
    4. outAnimation:<\/strong> <\/span>This method is used as an Identifier for the animation to use when a view is hidden.<\/p>\n
    Below we set the slide out right animation for the outAnimation attribute.<\/p>\n
    <ViewAnimator\r\nandroid:id=\"@+id\/simpleViewAnimator\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:animateFirstView=\"true\"\r\nandroid:outAnimation=\"@android:anim\/slide_out_right\"> <!-- slide out right animation for the child views of ViewAnimator-->\r\n\r\n<!--Add View\u2019s Here-->\r\n\r\n<\/ViewAnimator>\r\n<\/pre>\n
    5. padding:<\/strong><\/span> This attribute is used to set the padding from left, right, top or bottom side of a ViewAnimator.<\/p>\n