The Ultimate Guide to Android Splash Screen Animations - Splash API

[@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 👏🏾

[@FreeYourMalloc]

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

[@deoferiopatrickdaniel16]

I appreciate your assistance, as I was unable to follow the documentation's instructions. Thanks to your video, I completed it quickly.

[@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

[@Continuainfo]

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

[@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. 👍

[@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

[@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

[@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

[@FawazT]

Thank you for this tutorial, I'm not good at animation and this simple tool really helped

[@boris1509]

Good stuff. Thank you so much for this.

[@alextroy605]

Amazing, so smooth!

[@Pavel-wj7gy]

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

[@gamingpanther2583]

Thank your for this video. It'll save so much time for me.

[@mobilexdev]

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

[@fastarrow2233]

In manifest tag application, set the theme with your main theme and in tag activity set the theme with your splash theme

[@giordypavelhenaomontes9924]

Does anyone know why it rotates in the emulator and only the static image is shown on my physical device?

[@eze-ar]

Man, you are a genius!

[@rohitsonisidhi]

❤❤❤❤❤❤❤❤❤ Thanks 🙏😊😊

[@weronymous]

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

[@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 ..

[@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.😂

[@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.

[@siarheisudakou4455]

Great video! Thanks!

[@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

[@JeremiahLaman]

likewaise same result here

[@stephenkilelu]

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

[@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.😂

[@TheInnerMan106]

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

[@field-masters]

😂😂😂

[@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

[@dev_jonm]

Thanks for share, awesome tutorial.

[@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.

[@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

[@asensioDev]

Very good video! Thx!!

[@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

[@JeremiahLaman]

where did you download the youtube vectorlogo

[@CollinsKibe]

make it

[@buburayam2303]

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

[@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🤣

[@PankajKumar-i6x8r]

I want to animate full screen

[@neronguyenvn2]

State of Art!

[@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

[@pixelPlaygourd]

how to use auto otp read in android

[@pixelPlaygourd]

osm video 👍👍👍👍

[@surflaweb]

A gif is enough

[@brokentv9296]

great

[@martinirungu2381]

Waiting for KMM tuts

[@kajitsuAoi-n8v]

Hero😊

[@scottbiggs8894]

Shapeshifter is *really* buggy. And if your icon has more than a few paths, it gags horribly. Would be an amazing helper otherwise. Sigh.

[@chegleeff]

👍👍👍

[@ephitariathegame2brainstud996]

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