Custom Transition Animations with Navigation Component

Custom Transition Animations with Navigation Component | Android Studio Tutorial

Рет қаралды 70,554

Күн бұрын

🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
stevdza-san.com
🐱‍👤 Wanna become a member? Join!
/ @stevdzasan
📸 Instagram
/ stevdza_san
In this video I'm going to show you how to create and add custom transition animations for your navigation component.
We are going to create different animations that comes from right and left side, those animations will be similar to bottom navigation view animation which you can see on many popular applications these days.
We are going to create four different animation resource files for enter, exit, pop enter and pop exit animations. Plus I'm going to explain you how those animations actually work, what they mean exactly and when they are triggered.
Project Files: github.com/stevdza-san/Transi...
Timestamps:
0:00 - Introduction
1:19 - Inspect the Project
2:04 - Create First Anim - From Left
4:31 - Transition Animations Explained
6:12 - Create Second Anim - To Right
7:34 - Create Last Two Anims
9:39 - Enter/Exit/Pop Anims Explained
11:10 - Add Enter/Exit Anims to First Fragment
12:00 - Add Anims to Second Fragment

Пікірлер: 55

@ahmednafiunoman5040 4 жыл бұрын

Your are a Great Warrior in the land of Android studio.

@francismanaig 3 жыл бұрын

Man, you are a lifesaver! I love all of your tutorials! keep it up

@bryanbarajas2169 3 жыл бұрын

Thanks for sharing! I love the way you explain everything man, keep it up 🔥

@bernardkaminskibk 3 жыл бұрын

I am very impressed, thank you for this clear and great explanation

@keysijones2175 3 жыл бұрын

THE BEST TRANSITION TUTORIAL EVER.

@garciaiec Ай бұрын

Master!....very clear demo! ❤

@kennylenny9890 6 ай бұрын

You are the best! 🙌 The videos are very informative, detailed, but to the point.

@hissabis2068 3 жыл бұрын

Thank you for this great explanation

@Another0neTime Жыл бұрын

A lifesaver!!! Thank you!!

@natanamado6756 4 жыл бұрын

Great vid quality, dude!

@PaRadoXYT5 3 жыл бұрын

Great video, thank you!

@DreamInterpretation01 3 жыл бұрын

Bravo Stevdza-San!

@kshitijsabale7534 3 жыл бұрын

I am surprised you dont have more than 500k subs . Undertated Content 🔥

@StevdzaSan 3 жыл бұрын

I'm in a good direction, baby steps 👍😉

@athisii_ekhe6167 2 жыл бұрын

explained perfectly. Thank you.

@StevdzaSan 2 жыл бұрын

You're welcome 👊

@TheMikkelet 2 жыл бұрын

I keep coming here for the 4:30 explanation. Thank you!

@mahdiabdel-mageed4939 4 жыл бұрын

awesome work bro

@PankajKumar-tt7rm 2 жыл бұрын

It's really helpful sir Thankyou 😊😊😊😊

@amtrax02 3 жыл бұрын

You are greate teacher, please make more videos explaining other animation issues :))

@nicolasvantsis6166 3 жыл бұрын

Very nice. Thanks

@avisekmal6494 3 жыл бұрын

great video, thanks.

@mi8377 3 жыл бұрын

hvala brate!

@arvindkumar72446 Жыл бұрын

Thankyou Bro

@ghayuransari5057 3 жыл бұрын

awesome bro

@mauphernandez3928 3 жыл бұрын

Thank you so much

@Alaa-cl2ui 4 жыл бұрын

Goood Video go on More about animations

@Monish11-11 3 жыл бұрын

BEST E X P L A N A T I O N BRO

@StevdzaSan 3 жыл бұрын

Thank you 💜

@augustocera574 2 жыл бұрын

you are amazing

@shreyashchoudhary7413 3 жыл бұрын

Cool!

@prakashbasnet1156 4 жыл бұрын

Sir can you please make a series in android animation. It will be really helpful with your powerful explanation. Thank you in Advance

@benj7483 3 жыл бұрын

Thank you very much! Is there a way to create a resource file to fetch the duration value? I'd like to be able to change the duration time without going to every animation file one by one.

@johnfriend2010 3 жыл бұрын

very good, new sub( );

@khushbushah2018 Жыл бұрын

Thanks its very use full, want your side in, May I know how to transit fragment from bottom to Up with exclude bottom app bar(not move bottom bar during transition )?

@gauravmaurya8602 4 жыл бұрын

Your subscribers are increasing😜 .But..please make 3 videos in a week😤it is our expectation.

@StevdzaSan 4 жыл бұрын

You will get 3 videos per week when I'm doing tutorial series 😉

@DarkAnarquI 3 жыл бұрын

Can you go back to the previous fragment without having to reconnect the fragment?

@royalabhishek246 4 жыл бұрын

Make video on shimmer effect on cardviews elements plzzzz...,...

@deshario 3 жыл бұрын

can you show example of shared element

@tokosuburselalu8689 2 жыл бұрын

I'm trying to achieve fragment transition like activity transtition. Do you know what the animation name?

@ZtowhyA 2 жыл бұрын

what if the last fragment navigates to first fragment. i can't make it work cause the middle fragment has a Popup animation takes place.

@shankaranand8317 3 жыл бұрын

hello sir! How to apply navigation compoent between activities.

@chenmoney1920 3 жыл бұрын

What happens if I want to fingers to slide instead of pressing the screen ?

@albertomagalhaes5118 2 жыл бұрын

How can I do those animations using bottom navigation view?

@wincevilleaguer5043 4 жыл бұрын

Is it okay if you can make this same tutorial in java

@lazyspidercat1049 3 жыл бұрын

can i aplication this animation with images ?

@ranjansharma9615 2 жыл бұрын

How to view the activities as in 00:35. Please help me

@mudassirahmed2011 3 жыл бұрын

Use day mode. Night mode visibility is very less.

@JohnDoe-qj7wt 3 жыл бұрын

can't we do this on java?

@adfinemrising 4 жыл бұрын

android studio is starting to look like xcode

@harshid4661 3 жыл бұрын

must have been in kotlin

@whtsername 2 жыл бұрын

if "app:popUpTo" added, exitAnim/popExitAnim do not work. does anyone encounter this and found a solution?

@yuruar Жыл бұрын

val inflater = TransitionInflater.from(requireContext()) enterTransition = inflater.inflateTransition(R.transition.slide_right) This is more simple, maybe?