Slide right to left Android Animations

Question

Hey I am working on an Android project that requires the slide animations on Android WebView  When the user swipes from left to right it moves to the new page  and when it does that from right to left it moves to previous page  But Android has only two transitions for that namely  slide out right and slide in left  After using them the left to right sliding work is flawless  but the other one looks weird opposite     Any Solutions for it  I want slide out left animations to be more precise

User · Answer

Right to left new page animation   lt set xmlns android  http   schemas android com apk res android   android shareInterpolator  false  gt    lt translate     android fromXDelta  0   android toXDelta  800       android fromYDelta  0   android toYDelta  0       android duration  600    gt

User · Answer

The easiest way I found is using Activity Transitions  it is really easy  Override onCreate method in activity you want to run with animation    Override   protected void onCreate Bundle savedInstanceState        if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP          Slide slide   new Slide          slide setSlideEdge Gravity RIGHT          getWindow   setEnterTransition slide             super onCreate savedInstanceState         Then start it using transitions  instead activity startActivity context     activity startActivity starter  ActivityOptions makeSceneTransitionAnimation activity  toBundle       For closing activity with animation instead using this finish   use below code   if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP          getActivity   finishAfterTransition          else getActivity   finish      For more information check below links    Material-Animations with examples  recommended  Defining Custom Animations

User · Answer

You can do Your own Animation style as an xml file like this put it in anim folder    left to right      lt set xmlns android  http   schemas android com apk res android       android shareInterpolator  false  gt           lt translate android fromXDelta  -100   android toXDelta  0            android fromYDelta  0   android toYDelta  0            android duration  500   gt     lt  set gt    right to left        lt set xmlns android  http   schemas android com apk res android       android shareInterpolator  false  gt        lt translate         android fromXDelta  0   android toXDelta  100           android fromYDelta  0   android toYDelta  0           android duration  500    gt      lt  set gt    here You can set Your own values at duration  maybe it depends on the phone model how the animation will look like  try some values out if it looks not good   and then You can call it in Your activity        Intent animActivity   new Intent this YourStartAfterAnimActivity class         startActivity nextActivity          overridePendingTransition R anim your left to right  R anim your right to left

User · Answer

You can make your own animations  For example create xml file in res anim like this   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android       android interpolator   android anim linear interpolator  gt       lt translate             android fromXDelta  100 p              android toXDelta  0              android startOffset  0              android duration  500                gt   lt  set gt    Then override animations in selected activity       overridePendingTransition R anim animationIN  R anim animationOUT

User · Answer

See this link   you can see so many kinds of animations here  just copy the xml to your res anim folder and use it like the following    listView setAnimation AnimationUtils loadAnimation MainActivity this R anim slide in right      Animation Lists

User · Answer

For sliding both activity  old and new  same direction      left in xml    lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android      android duration  300      android fromXDelta  -100       android toXDelta  0       android interpolator   android anim decelerate interpolator         gt       right in xml    lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android      android duration  300      android fromXDelta  100       android toXDelta  0       android interpolator   android anim decelerate interpolator         gt       left out xml    lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android      android duration  300      android fromXDelta  0       android interpolator   android anim decelerate interpolator      android toXDelta  -100     gt       right out xml    lt  xml version  1 0  encoding  utf-8   gt   lt translate xmlns android  http   schemas android com apk res android      android duration  300      android fromXDelta  0       android interpolator   android anim decelerate interpolator      android toXDelta  100     gt       startActivity transition    overridePendingTransition R anim right in  R anim left out        onBackPressed transition    overridePendingTransition R anim left in  R anim right out

User · Answer

lt translate     android fromXDelta  100 p      android toXDelta  0 p      android duration  500    gt

User · Answer

Have a read through this blog post with an example of transition animations  I ve included the code below   Calling Activity  package com as400samplecode   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 widget Button   public class MainActivity extends Activity implements OnClickListener     Override  protected void onCreate Bundle savedInstanceState      super onCreate savedInstanceState     setContentView R layout activity main      Button nextActivity    Button  findViewById R id nextActivity     nextActivity setOnClickListener this         public void onClick View v       switch  v getId        case R id nextActivity     Intent nextActivity   new Intent this NextActivity class      startActivity nextActivity        push from bottom to top    overridePendingTransition R anim push up in  R anim push up out        slide from right to left      overridePendingTransition R anim slide in right  R anim slide out left      break         More buttons go here  if any                 Override  public boolean onCreateOptionsMenu Menu menu         Inflate the menu  this adds items to the action bar if it is present    getMenuInflater   inflate R menu activity main  menu     return true          Layout Resource for the Calling Activity   lt  xml version  1 0  encoding  UTF-8   gt   lt RelativeLayout 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   android background   color ivory  gt     lt Button android id    id nextActivity  android layout width  match parent    android layout height  wrap content  android layout alignParentLeft  true    android layout alignParentTop  true  android layout marginTop  15dp    android text  Go to Next Activity    gt    lt  RelativeLayout gt    Called Activity  package com as400samplecode   import android app Activity  import android os Bundle  import android view View  import android view View OnClickListener  import android widget Button   public class NextActivity extends Activity implements OnClickListener     Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity next            Button previousActivity    Button  findViewById R id previousActivity           previousActivity setOnClickListener this            public void onClick View v       switch  v getId        case R id previousActivity     finish         push from top to bottom    overridePendingTransition R anim push down in  R anim push down out        slide from left to right      overridePendingTransition R anim slide in left  R anim slide out right      break         More buttons go here  if any                    Layout Resource for the Called Activity   lt RelativeLayout 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   NextActivity   android background   color khaki  gt     lt Button android id    id previousActivity  android layout width  match parent    android layout height  wrap content  android layout alignParentLeft  true    android layout alignParentTop  true  android layout marginTop  15dp    android text  Go to Previous Activity    gt    lt  RelativeLayout gt    Animation Resource - push down in 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 fromYDelta  -100 p  android toYDelta  0  android duration  5000   gt    lt alpha android fromAlpha  0 0  android toAlpha  1 0  android duration  5000    gt   lt  set gt    Animation Resource - push down out 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 fromYDelta  0  android toYDelta  100 p  android duration  5000    gt    lt alpha android fromAlpha  1 0  android toAlpha  0 0  android duration  5000    gt   lt  set gt    Animation Resource - push up in 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 fromYDelta  100 p  android toYDelta  0  android duration  5000   gt    lt alpha android fromAlpha  0 0  android toAlpha  1 0  android duration  5000    gt   lt  set gt    Animation Resource - push up out 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 fromYDelta  0  android toYDelta  -100 p  android duration  5000   gt    lt alpha android fromAlpha  1 0  android toAlpha  0 0  android duration  5000    gt   lt  set gt    Animation Resource - slide in left xml   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android      android shareInterpolator  false   gt       lt translate android duration  5000  android fromXDelta  -100   android toXDelta  0    gt       lt alpha android duration  5000  android fromAlpha  0 0  android toAlpha  1 0    gt   lt  set gt    Animation Resource - slide in right xml   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android      android shareInterpolator  false   gt       lt translate android duration  5000  android fromXDelta  100   android toXDelta  0     gt       lt alpha android duration  5000  android fromAlpha  0 0  android toAlpha  1 0    gt   lt  set gt    Animation Resource - slide out left xml   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android      android shareInterpolator  false   gt       lt translate android duration  5000  android fromXDelta  0   android toXDelta  -100    gt       lt alpha android duration  5000  android fromAlpha  1 0  android toAlpha  0 0    gt   lt  set gt    Animation Resource - slide out right xml   lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android      android shareInterpolator  false   gt       lt translate android duration  5000  android fromXDelta  0   android toXDelta  100    gt       lt alpha android duration  5000  android fromAlpha  1 0  android toAlpha  0 0    gt   lt  set gt

[android] Slide right to left Android Animations

Examples related to android