Android Layout Animations from bottom to top and top to bottom on ImageView click

Question

I have created a view in Android and I need to animate it from bottom to top and vice-versa  when I clicked on ImageView I need to animate the complete RelativeLayout from bottom to top and it is succeeded  But when I click again on ImageView and it is not moving down  Also  when I click on its original place  when I click the original position of the ImageView animation runs but the RelativeLayout moves down from the original position not a top to bottom   This is my code   ImageView iv header   RelativeLayout rl footer   boolean isBottom   true    Override protected void onCreate Bundle savedInstanceState           TODO Auto-generated method stub     super onCreate savedInstanceState       setContentView R layout rateus layout       rl footer    RelativeLayout  findViewById R id rl footer       iv header    ImageView  findViewById R id iv up arrow        iv header setOnClickListener new OnClickListener               Override         public void onClick View v                   TODO Auto-generated method stub             if  isBottom                    FooterAnimation                    isBottom   false                else                   headerAnimation                    isBottom   true                                      public void FooterAnimation         Animation hide   AnimationUtils loadAnimation this  R anim move       rl footer startAnimation hide      public void headerAnimation         Animation hide   AnimationUtils loadAnimation this  R anim footer       rl footer startAnimation hide       The animation file from bottom to top Complete Relative Layout is moved from bottom to Top     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android  android duration  1500  android fillAfter  true  android fromYDelta  0 p  android toYDelta  -85 p    gt    The animation file from Top to bottom i want again Relative Layout is moved from Top to Bottom     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android  android duration  1500  android fillAfter  true  android fromYDelta  0 p  android toYDelta  84 p    gt    The Xml File    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android  android id    id rl main  android layout width  match parent  android layout height  match parent  android background   drawable autograph bg   gt    lt RelativeLayout     android id    id rl footer      android layout width  fill parent      android layout height  70dp      android layout alignParentBottom  true      android background   drawable down manu bar1   gt        lt ImageView         android id    id iv new file          android layout width  25dp          android layout height  25dp          android layout alignParentLeft  true          android layout centerVertical  true          android layout marginLeft  18dp          android onClick  onNewFileClick          android src   drawable file icon    gt        lt TextView         android id    id tv new file          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv new file          android layout below    id iv new file          android text  New          android textColor   ffffff    gt        lt ImageView         android id    id iv insert          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv new file          android layout marginLeft  30dp          android layout toRightOf    id iv new file          android src   drawable insert icon    gt        lt TextView         android id    id tv insert          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv insert          android layout below    id iv insert          android text  Insert          android textColor   ffffff    gt        lt ImageView         android id    id iv up arrow          android layout width  45dp          android layout height  45dp          android layout centerHorizontal  true          android layout centerVertical  true          android paddingBottom  10dp          android src   drawable up arrow    gt        lt ImageView         android id    id iv down arrow          android layout width  45dp          android layout height  45dp          android layout centerHorizontal  true          android layout centerVertical  true          android background   drawable down arrow          android paddingBottom  10dp          android visibility  gone    gt        lt ImageView         android id    id iv save          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv insert          android layout marginLeft  30dp          android layout toRightOf    id iv up arrow          android src   drawable save    gt        lt TextView         android id    id tv save          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv save          android layout alignParentBottom  true          android text  Save          android textColor   ffffff    gt        lt ImageView         android id    id iv settings          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv save          android layout marginLeft  27dp          android layout toRightOf    id tv save          android paddingTop  2dp          android src   drawable icon settings    gt        lt TextView         android id    id tv settings          android layout width  wrap content          android layout height  wrap content          android layout alignParentBottom  true          android layout marginLeft  260dp          android text  Settings          android textColor   ffffff    gt     lt  RelativeLayout gt    lt  RelativeLayout gt

User · Answer

create directory in  res anim and create bottom to original xml   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android  gt       lt translate         android duration  1500          android fromYDelta  100           android toYDelta  1     gt   lt  set gt    JAVA       LinearLayout ll   findViewById R id ll        Animation animation      animation   AnimationUtils loadAnimation getApplicationContext                R anim sample animation       ll  setAnimation animation

User · Answer

Below Kotlin code will help Bottom to Top or Slide to Up private fun slideUp         isMapInfoShown   true     views   layoutMapInfo visible       val animate   TranslateAnimation          0f      fromXDelta         0f      toXDelta         views   layoutMapInfo height toFloat        fromYDelta         0f     toYDelta            animate duration   500     animate fillAfter   true     views   layoutMapInfo startAnimation animate     Top to Bottom or Slide to Down private fun slideDown         if  isMapInfoShown            isMapInfoShown   false         val animate   TranslateAnimation              0f      fromXDelta             0f      toXDelta             0f      fromYDelta             views   layoutMapInfo height toFloat       toYDelta                    animate duration   500         animate fillAfter   true         views   layoutMapInfo startAnimation animate          views   layoutMapInfo gone            Kotlin Extensions for Visible and Gone fun View visible         this visibility   View VISIBLE     fun View gone         this visibility   View GONE

User · Answer

I have solved my issue and now my animation works fine    if anyone needed just copy my code and xml file and have a happy coding     My Activity MainActivity   import android os Bundle  import android app Activity  import android content Intent  import android view Menu  import android view View  import android view View OnClickListener  import android view animation Animation  import android view animation Animation AnimationListener  import android view animation AnimationUtils  import android view animation TranslateAnimation  import android widget Button  import android widget ImageView  import android widget RelativeLayout   public class MainActivity extends Activity    RelativeLayout rl footer  ImageView iv header  boolean isBottom   true  Button btn1    Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       rl footer    RelativeLayout  findViewById R id rl footer       iv header    ImageView  findViewById R id iv up arrow       iv header setOnClickListener new OnClickListener               Override         public void onClick View v                   TODO Auto-generated method stub             iv header setImageResource R drawable down arrow               iv header setPadding 0  10  0  0                rl footer setBackgroundResource R drawable up manu bar               if  isBottom                    SlideToAbove                    isBottom   false                else                   iv header setImageResource R drawable up arrow                   iv header setPadding 0  0  0  10                   rl footer setBackgroundResource R drawable down manu bar1                   SlideToDown                    isBottom   true                                       public void SlideToAbove         Animation slide   null      slide   new TranslateAnimation Animation RELATIVE TO SELF  0 0f              Animation RELATIVE TO SELF  0 0f  Animation RELATIVE TO SELF              0 0f  Animation RELATIVE TO SELF  -5 0f        slide setDuration 400       slide setFillAfter true       slide setFillEnabled true       rl footer startAnimation slide        slide setAnimationListener new AnimationListener               Override         public void onAnimationStart Animation animation                         Override         public void onAnimationRepeat Animation animation                        Override         public void onAnimationEnd Animation animation                 rl footer clearAnimation                 RelativeLayout LayoutParams lp   new RelativeLayout LayoutParams                      rl footer getWidth    rl footer getHeight                    lp setMargins 0  0  0  0               lp addRule RelativeLayout ALIGN PARENT TOP               rl footer setLayoutParams lp                           public void SlideToDown         Animation slide   null      slide   new TranslateAnimation Animation RELATIVE TO SELF  0 0f              Animation RELATIVE TO SELF  0 0f  Animation RELATIVE TO SELF              0 0f  Animation RELATIVE TO SELF  5 2f        slide setDuration 400       slide setFillAfter true       slide setFillEnabled true       rl footer startAnimation slide        slide setAnimationListener new AnimationListener               Override         public void onAnimationStart Animation animation                         Override         public void onAnimationRepeat Animation animation                        Override         public void onAnimationEnd Animation animation                 rl footer clearAnimation                 RelativeLayout LayoutParams lp   new RelativeLayout LayoutParams                      rl footer getWidth    rl footer getHeight                 lp setMargins 0  rl footer getWidth    0  0               lp addRule RelativeLayout ALIGN PARENT BOTTOM               rl footer setLayoutParams lp                            Override public boolean onCreateOptionsMenu Menu menu           Inflate the menu  this adds items to the action bar if it is present      getMenuInflater   inflate R menu main  menu       return true          and my Xml activity main     lt  xml version  1 0  encoding  utf-8   gt    lt RelativeLayout xmlns android  http   schemas android com apk res android    android id    id rl main    android layout width  match parent    android layout height  match parent    android background   drawable autograph bg   gt     lt RelativeLayout     android id    id rl footer      android layout width  fill parent      android layout height  70dp      android layout alignParentBottom  true      android background   drawable down manu bar1   gt        lt ImageView         android id    id iv new file          android layout width  25dp          android layout height  25dp          android layout alignParentLeft  true          android layout centerVertical  true          android layout marginLeft  18dp          android onClick  onNewFileClick          android src   drawable file icon    gt        lt TextView         android id    id tv new file          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv new file          android layout below    id iv new file          android text  New          android textColor   ffffff    gt        lt ImageView         android id    id iv insert          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv new file          android layout marginLeft  30dp          android layout toRightOf    id iv new file          android src   drawable insert icon    gt        lt TextView         android id    id tv insert          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv insert          android layout below    id iv insert          android text  Insert          android textColor   ffffff    gt        lt ImageView         android id    id iv up arrow          android layout width  45dp          android layout height  45dp          android layout centerHorizontal  true          android layout centerVertical  true          android paddingBottom  10dp          android src   drawable up arrow    gt        lt ImageView         android id    id iv down arrow          android layout width  45dp          android layout height  45dp          android layout centerHorizontal  true          android layout centerVertical  true          android background   drawable down arrow          android paddingBottom  10dp          android visibility  gone    gt        lt ImageView         android id    id iv save          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv insert          android layout marginLeft  30dp          android layout toRightOf    id iv up arrow          android src   drawable save    gt        lt TextView         android id    id tv save          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id iv save          android layout alignParentBottom  true          android text  Save          android textColor   ffffff    gt        lt ImageView         android id    id iv settings          android layout width  25dp          android layout height  25dp          android layout alignTop    id iv save          android layout marginLeft  27dp          android layout toRightOf    id tv save          android paddingTop  2dp          android src   drawable icon settings    gt        lt TextView         android id    id tv settings          android layout width  wrap content          android layout height  wrap content          android layout alignParentBottom  true          android layout marginLeft  260dp          android text  Settings          android textColor   ffffff    gt    lt  RelativeLayout gt     lt  RelativeLayout gt    just create new android project and copy paste my code and have fun     also remember in xml i have image view and his background images replace with yout own images thanks

User · Answer

Try this    Create anim folder inside your res folder and copy this four files    slide in bottom xml     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android  android fromYDelta  100 p  android duration   android integer config longAnimTime   gt      slide out bottom xml     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android  android fromYDelta  0   android duration   android integer config longAnimTime    gt     slide in top xml     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android   android toYDelta  0 p  android duration   android integer config longAnimTime    gt    slide out top xml     lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android  android toYDelta  100 p  android duration   android integer config longAnimTime    gt    When you click on image view call   overridePendingTransition R anim slide in bottom  R anim slide out bottom     When you click on original place call   overridePendingTransition R anim slide in top  R anim slide out top     Main Activity    package com example animationtest   import android app Activity  import android content Intent  import android os Bundle  import android view Menu  import android view View  import android view View OnClickListener  import android widget Button   public class MainActivity extends Activity    Button btn1    Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       btn1    Button  findViewById R id btn1         btn1 setOnClickListener new OnClickListener               Override         public void onClick View v                startActivity new Intent MainActivity this  test class                                   activity main xml     lt 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   MainActivity   gt    lt Button     android id    id btn1      android layout width  wrap content      android layout height  wrap content      android text  Button1    gt     lt  LinearLayout gt    test java    package com example animationtest   import android app Activity  import android content Intent  import android os Bundle  import android view View  import android view View OnClickListener  import android widget Button   public class test extends Activity    Button btn1    Override protected void onCreate Bundle savedInstanceState           TODO Auto-generated method stub     super onCreate savedInstanceState       setContentView R layout test       btn1    Button  findViewById R id btn1        overridePendingTransition R anim slide in left  R anim slide out left        btn1 setOnClickListener new OnClickListener               Override         public void onClick View v             finish                overridePendingTransition R anim slide in right                      R anim slide out right               startActivity new Intent test this  MainActivity class                                   test xml     lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android orientation  vertical   gt    lt Button     android id    id btn1      android layout width  wrap content      android layout height  wrap content      android text  Button1    gt     lt  LinearLayout gt    Hope this helps

[android] Android Layout Animations from bottom to top and top to bottom on ImageView click

Examples related to android

Examples related to android-animation