slide up xml animation on change activity in android

Question

I read the below link before posting this.

How to apply slide animation between two activities in Android?

I need to know how to make activity slideup xml animation. like what they have done for fadein and fadeout.

Hi You can make use of fromYDelta and toYDelta in your animation layout... Providing values from -100 to 0 and 0 to 100 will gives the effect of slide up and slide down. And never forgor to override the default transition by calling the method `overridePendingTransition`. HTH, — iDroid, Aug 11 '12 at 06:02
Not an answer to your question, but something which might be useful to you: when `onBackPressed` you could include a reverse animation (it's trickier for activities opposed to fragments). Check out [this example](https://stackoverflow.com/questions/39711666/activity-navigation-custom-animation-with-popenter-and-popexit-like-fragments) — P Kuijpers, Jun 10 '17 at 13:20

score 61 · Answer 1 · edited Nov 27 '19 at 09:53

61

The accepted answer isn't what the question was asking, which is animations that slide up from the bottom and slide out from the top.

pull_up_from_bottom.xml:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_longAnimTime" 
    android:fromYDelta="100%"
    android:toYDelta="0%" />

push_out_to_bottom.xml:

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_longAnimTime"
    android:fromYDelta="0%"
    android:toYDelta="100%" />

edited Nov 27 '19 at 09:53

akelec

3,797
3
41
39

answered Dec 02 '12 at 06:11

georgiecasey

21,793
11
65
74

1

This really works fine but when 2nd activity start animation meanwhile first activity becomes invisible and 2nd activity slides over black area, which looks really weird. Can we change it like when 2nd activitie slides upto 0% then activity1 should become invisible. This effect same like in iOS presentViewController if you have idea about iOS. – Emy Sep 10 '15 at 14:40
1

@EmyStats You're probably looking for an approach like I've written down here: http://stackoverflow.com/questions/39711666/activity-change-animation-with-popenter-and-popexit-animations/41025993#41025993 (of course for YDelta instead of XDelta) – P Kuijpers Dec 07 '16 at 19:57
1

@EmyStats I found the solution just adding true in res/values/styles.xml within the – ivoroto Jan 29 '19 at 09:22

score 35 · Accepted Answer · edited Feb 24 '20 at 12:40

35

for slide_in xml :

<translate 
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:duration="250" 
      android:fromXDelta="-100%p" 
      android:toXDelta="0%p">
</translate>

for slide_out xml:

<translate
      xmlns:android="http://schemas.android.com/apk/res/android" 
      android:duration="200" 
      android:fromXDelta="0" 
      android:toXDelta="100%p">
</translate>

Java code :

Intent intent = new Intent(this, newActivity.class);
startActivity(intent);
overridePendingTransition(R.anim.slide_in, R.anim.slide_out);

put both xml files in res/anim folder.

edited Feb 24 '20 at 12:40

Mehul Boghra

202
3
11

answered Aug 11 '12 at 06:13

Mansi

1,939
4
22
40

i change the code. You try this new xml file. I hope this will slove your problem – Mansi Aug 11 '12 at 06:37
4

Thanks for taking time. Actually, the code you have given slides from left to right. I'm in need of from bottom to top. – praveen kumar Aug 11 '12 at 07:34
1

you have to customize code as for your requirement. for customize you have to change value of fromXDelta, toXDelta, fromYDelta and toYDelta – Mansi Aug 11 '12 at 07:41
This works perfect. May I know how I can change the transition delay ? – praveen kumar Aug 13 '12 at 05:04
@praveenkumar change "android:duration" with any duration you want in milli seconds – HendraWD Sep 20 '16 at 07:21

score 7 · Answer 3 · answered Nov 27 '19 at 09:01

This is what I was after:

res/anim/slide_up.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="@android:integer/config_longAnimTime"
android:fromYDelta="100%"
android:toYDelta="0%" />

res/anim/slide_down.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="@android:integer/config_longAnimTime"
android:fromYDelta="0%"
android:toYDelta="0%" />

res/anim/slide_down_reverse.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="@android:integer/config_longAnimTime"
android:fromYDelta="0%"
android:toYDelta="0%" />

res/anim/slide_up_reverse.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="@android:integer/config_longAnimTime"
android:fromYDelta="0%"
android:toYDelta="100%" />

YourActivity.kt

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)

    setContentView(R.layout.your_layout)

    overridePendingTransition(R.anim.slide_up, R.anim.slide_down)
}

override fun finish() {
    super.finish()

    overridePendingTransition(R.anim.slide_down_reverse, R.anim.slide_up_reverse)
}

score 0 · Answer 4 · edited Apr 09 '20 at 05:56

You can use below code for slide up activity transition animation.

startActivity(new Intent(MainActivity.this, DataSetActivity.class));
overridePendingTransition(R.anim.slide_out_bottom, R.anim.slide_in_bottom);

R.anim.slide_out_bottom

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:duration="250"
        android:fromXDelta="0%"
        android:fromYDelta="100%"
        android:toXDelta="0%"
        android:toYDelta="0%" />
</set>

R.anim.slide_in_bottom

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false">
    <translate
        android:duration="200"
        android:fromXDelta="0%"
        android:fromYDelta="0%"
        android:toXDelta="0%"
        android:toYDelta="100%" />
</set>

Animation Speed re different for in and out transition animation according to google material animation

slide up xml animation on change activity in android

4 Answers4

Linked