The Ultimate Guide to Android Splash Screen Animations - Splash API

🏆 My Online Courses
stevdza-san.com
☕ Let's get a coffee. You're paying! :)
ko-fi.com/stevdza_san
💻 Github
github.com/stevdza-san
📸 Instagram
/ stevdza_san

[@MufungoGeeks]

Looks really cool. I created tutorials on just the basic splash screens with no animations, but this is taking it to a whole new level 👏🏾

[@zakhar32biti]

Such a clean and perfect video about it, thanks dude, well done

[@user-lj1kg6vd2y]

Thank it was so simple yet effective . I have kept it in on of the production app. Thanks again

[@boris1509]

Good stuff. Thank you so much for this.

[@alextroy605]

Amazing, so smooth!

[@siarheisudakou4455]

Great video! Thanks!

[@eze-ar]

Man, you are a genius!

[@dev_jonm]

Thanks for share, awesome tutorial.

[@asensioDev]

Very good video! Thx!!

[@buburayam2303]

Love this tutorial with clear explanation so much 🎉🎉 thanks sir

[@abhiprayasaputra9426]

KMM is officially production ready. Would you make a complete tutorial for it ? (With fully functional app with a bit complex UI ?)

[@StevdzaSan]

Sorry for the late response. I'm soon going to release a beginner level course about KMM for Android and iOS. 👍

[@mobilexdev]

im getting the following error : need to use a Theme.AppCompat theme (or descendant) with this activity. how to solve it?

[@user-ym7tj3gk1b]

where did you download the youtube vectorlogo

[@Pavel-wj7gy]

Currently looking for a way to animate google map markers in an efficient fashion. Hope this animated vector drawable will help.

[@abdelkaderwalidmekibes9469]

Thank you for this wonderful video !! How can I implement it with java please ? knowing that my project is in java. I tried to do it but I couldn't. Thanks

[@weronymous]

Rotation is only possible on X axis right? rotationY is not available?

[@pixelPlaygourd]

osm video 👍👍👍👍

[@dr.socialmediabrand-yassin5250]

Like your Video. I tried. I loaded a PNG file into Figma, then the frames as set in the video, positioned it, removed the frames down to the outermost frame and removed the filling in the last frame so that the PNG logo is alone in the frame. But when I import it to shapeshifter.design, it doesn't display properly. I am shown a black square instead. Is it, because PNG logos are not allowed to be in the frame?

[@ConsoletvCoUk2014]

the logo that you import into Figma needs to be SVG, you can use an online service to convert your logo from jpg/jpeg, bmp etc to SVG. Give me a thumbs up if it works for you :)

[@benjamn5459]

thx@@ConsoletvCoUk2014

[@neronguyenvn]

State of Art!

[@asmamerchant4758]

it shows a black square when u import the svg file on shapeshifter, how to solve this??

[@tairush]

It just happened to me, did you find out how to fix it?

[@nastenkaoo]

@@tairush also on me

[@leonardo1006ful]

the problem is because you probably import on figma a PNG or JPEG file. You must import a SVG file on figma

[@xrealx369]

Thanks for the video, I tried to translate X and Y but it seems that it gets cropped when the icon goes outside this circle barrier, I wonder what's the point of the frame space..Is there any way I can place my splash icon outside the circle space?

[@StevdzaSan]

You can try reducing the size of your image. Like not using 1f but 0.8 instead.

[@mhramezanian3550]

Hi Stefan, what android emulator are you using?

[@StevdzaSan]

In this video I was using my own smartphone device instead of the emulator. On emulator the animation is quite slow regarding the fps.

[@mhramezanian3550]

What software did you use for Samsung phone on Windows?@@StevdzaSan

[@user-pz9cr1vy8r]

Hero😊

[@ghostempireofficial_]

Sir it shows black screen when I upload SVG file in shape shifter what I do now

[@thibiripolagepeiris117]

You need to create a logo using figma images won't work

[@chinmaya7751]

While creating vector drawable in figma me also faced in video he has not told a basic thing you need to use a plugin without that if you just normally put image it won't work in shapeshifter svg will show blank black screen

[@ghostempireofficial_]

@@thibiripolagepeiris117 oh okay

[@ghostempireofficial_]

@@chinmaya7751 thanks for explaning dude

[@gotnothingtodoso2104]

@@chinmaya7751 what do you mean by a plugin? I barely know figma , can you explain further? thanks

[@RageNagatoTV]

Brate ovo nesto ne valja , probao sam vise ikonica i sve .. kada kliknem import na taj shapeshifter sajt samo mi izbaci crnu sliku i to je to ..

[@pixelPlaygourd]

how to use auto otp read in android

[@adamzaid3106]

Hey, after scratching my head over an entire session, I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try again. PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂

[@brokentv9296]

great

[@Actual_truth]

Hello sir, can you make a full tutorial about Vpn app?

[@frankyjunior6005]

If i have lottie file how to do that? Should convert first to animated vector drawable?

[@gaurav.69420]

Yes

[@gaurav.69420]

If it isn't convertible then use the library of lottie

[@StevdzaSan]

There's a Bodymovin after effects plugin that will allow you to export lottie to avd. But you do need to be aware of which animations are supported.

[@Shivam-ed5fn]

Hey stefan, you are really awesome person. I just told you on insta that I am not comfortable with splash API and you just made a tutorial on it. Very awesome bro🥰.. But one more question if I want to animate both app icon and name then the size provided in documentation really becomes too small for such complex animation.. Like a waste of whole screen, I have whole screen to show animation but google fixes it to show in little bit area😒

[@StevdzaSan]

Thanks! Yes, I understand what you're saying. I'm sure there's some kind of a workaround to animate a whole screen, but I haven't dug deeper into that. 🤔

[@Shivam-ed5fn]

@@StevdzaSan Nah I don't think so. Sometimes google developers brain get shit and they start doing shitty things like deprecating classes and adding APIs like splash screen🥲 Google is worse in every things, still using google product because I can't afford iOS🤣

[@TheInnerMan106]

I followed exactly what you did but my app just starts and crashes. Do you know what might be causing this?

[@repair-skills]

😂😂😂

[@martinirungu2381]

Waiting for KMM tuts

[@chegleeff]

👍👍👍

[@khumokwezimashapa2245]

When I open my SVG it just shows a black box with a white background. When I delete the box it just leaves the white background. My logo is visible. What went wrong?

[@jangansotoy]

same here, did you solve it?

[@girishparate6410]

Yes make sure your icon is SVG only not PNG

[@user-ym7tj3gk1b]

likewaise same result here

[@stephenkilelu]

i think even the tutor doesn't know the answer either, he is just skipping this comment

[@buburayam2303]

can you make more course about animation in kotlin sir ?

[@StevdzaSan]

I'll think about that 🤔

[@vineetsingh4789]

@@StevdzaSan it will be really helpful. Your tutorials are very easy to understand and learn

[@gotnothingtodoso2104]

you'll be stuck in inserting the SVG in shape shifter because it doesn't work and OP wont tell you how to fix it

[@adamzaid3106]

Hey, after scratching my butt over it I found that the mistake is where you import your logo into FIGMA. First try converting your logo into svg from any website and try using SVG instead of png within 'FIGMA'. PS: i know its a simple mistake, im an idiot to take this long to figure it out.😂

[@surflaweb]

A gif is enough

[@ephitariathegame2brainstud996]

Супер! Спасибо 🎉

[@RohitSurw]

Unfortunately this library is probably abandoned by Google, no fixes/updates since long. Very rarely maintained.

[@vlad7269]

I was thinking about learning Kotlin but now I'm sure

[@dumbidiots]

thanks alot bud

[@UpVerse7]

I tried this.... Did exactly what you did step by step but when I put the SVG in shape shifter it just shows a black square. And the SVG from figma keeps having errors what am I missing?

[@airtonoliveira4]

Did you solve de problem? my svg is black too.

[@nastenkaoo]

@@airtonoliveira4 mine too