‫I'm going to show you how to make an amazing splash screen with animation in Android studio.
‫Exactly like this app.
‫Hello my friends and welcome to the complete Android Developer course and Master coding channel.
‫Let's move to Android studio and start building this $1 million application.
‫Just kidding.
‫So prepare your coffee, hit like and subscribe below.
‫Rate us five stars on Udemy and let's go.
‫First of all, we have created a new project in Android studio and let's now move to the Drawables.
‫I have created these images and the XD folder.
‫You can check them in the Udemy course attachment and the images are available in the description below.
‫Let's paste them into the drawable folder.
‫Okay.
‫And then select the project.
‫And here we go.
‫These are for the different size, for screen sizes.
‫Now I will copy one of them called Back dot PNG and place it in the drawable folder.
‫In order to specify it.
‫So remove the text view and the main activity layout.
‫And.
‫I will search for the background and I will select our background called bag dot PNG.
‫It's not found in the drawables I because there is many sizes.
‫I will copy one of them and paste it in the drawable.
‫So drawable android have an intelligence that decides and determines the size of the screen and display
‫the correct image size and resolution for each device.
‫For now, I have copied into the main global folder and I will select the pixel 6.0.
‫Let's see for the bigger devices, let's see.
‫6.3.
‫Okay.
‫6.0 is good.
‫Okay.
‫Okay, let's see.
‫Pixel two.
‫Okay, this is good.
‫Now let's drag and drop a button.
‫And add the constraints for that button.
‫And switch it.
‫Below.
‫And later on in this video, we are going to configure and change the background of this button and
‫see how we use the shapes in Android studio.
‫So let's add some constraints and some margins.
‫Like here I remove the text and create login.
‫Let's see, it is get started, get started is better.
‫You can make it whatever you want.
‫Get started.
‫Okay.
‫And we are going to drag and drop the two texts.
‫I will make them.
‫Uh, from the top four.
‫From the top, about 60, 60 or 62 pixels, maybe 90.
‫Let's see the size of it.
‫Let's see.
‫24.
‫30 is good and let's change it for the family.
‫But before we let's change the text.
‫Welcome to Master Coding Channel.
‫This is the text view.
‫I need to put it for gravity in the center.
‫I search for gravity and select the gravity to center.
‫Okay.
‫So it's Till now we are doing fine.
‫Okay.
‫Adding some constraint for the width and the height.
‫And let's make it 16, which is better.
‫Okay.
‫Now I'll change the text.
‫Please subscribe.
‫I will add it for another text.
‫Maybe it would be better.
‫But first let me see.
‫Okay.
‫It would be better to make a new text.
‫For.
‫Please subscribe to get more tutorials.
‫Okay.
‫It will be fine.
‫Okay.
‫So.
‫Welcome to master coding.
‫And I'm just editing.
‫Okay.
‫You see an android there and an applications.
‫The user interface would be a good but there is better.
‫So we for it is very important advice for every app you are making and you are going to make.
‫Please search for the better and the best user interface you look like and you would gain more installs
‫and more success.
‫So for that we see that one text view would be like not good, or maybe 5 or 6 stars over ten, but
‫there is better, better UI configuration.
‫So I will split them into two texts.
‫First text will be bold and the second text would be would be like normal text.
‫But there is a there is a, an awesome user interface and looking for that this contrast.
‫So look, look again if we see that the the font and the background, it would be better now.
‫So look always for the better user interface.
‫Remember if you love your app, the user will love your app.
‫So if you look if your your app, if you look at your app and say, hey there, it's good, but there
‫is a better and you don't do the better remember and be a be like absolutely it would not gain the results
‫that you are expecting because you are not expecting and not making your app a professional so you don't
‫have a professional results.
‫So.
‫The user interface is a very important and the design of the application is very important for for the
‫users to be confident, to be like a, like a feel for satisfaction, like feel for not uninstalling
‫your app.
‫So after a big experience with our application that called master coding and Master Android and Master
‫Flutter or all are on Playstore, you can download them free from our application, our play store or
‫sorry, Google Play store we have.
‫The big lesson about is taking care for the user interface.
‫So.
‫This application, the small application will earn you a big lessons about user interface and how to
‫make a professional app that the users will keep them on your on their devices.
‫So look, again, we have changed the text and our application now looks better.
‫So start making a professional look at apps and you can send us to our email and on Udemy you can open
‫discussion.
‫So I can advise you, I can help you with your projects and even on YouTube.
‫Please comment below so I can help you.
‫My team can help you in user interfaces and detecting the problems and the better things for your application.
‫Now I have created a shape on the drawable folder called Round underscore corner and I pasted this code.
‫Just copy and paste it.
‫No need to to understand it because the previous video or sorry, no need to lecture it now because
‫in the previous videos I have a I have lectured and make a video about how to make and customize the
‫background for the buttons and the other widgets.
‫Now I will specify the background for it, but the background of a of this app or sorry, this round
‫corners are black and the same as the background.
‫I will change it to white.
‫White will look good.
‫And.
‫Here we go.
‫It's now.
‫And now it's making contrast with the black.
‫I will change the color of the text.
‫Text color and make it white.
‫Now it's look good.
‫So guys, it is very important lesson to to to use the best things that make a professional application
‫is user interface.
‫Again, user interface.
‫It's very important step.
‫Now let's add the animation for animations.
‫It's very it's first time I show you how to use animation.
‫So first of all, let's create a new resource folder called Android Resource Directory and called anime.
‫So search for above for anime.
‫And here we go.
‫Now let's create an animation resource file and call.
‫The file name would be like animate.
‫Or.
‫Yes.
‫Animate.
‫From our animated button.
‫You can name it whatever you want.
‫I advise you to name the the files as their function.
‫So animate bottom it will be used for animating the bottom, not the text of use.
‫For this files.
‫We are going to use a tag called translate.
‫So this translate will translate the widgets along the X and Y algorithm or pixels and axes and make
‫it translated by using the next codes.
‫Android equal duration 2000 milliseconds or 2 seconds and Android from delta would be 100 and percentage
‫P.
‫So this is the the way we can translate the Android widget or anything in the Android studio using Android
‫from Delta and we use the percentage P now android from.
‫From Y, Delta, X, Delta and zero percentage B, we don't need to push it alongside of or diagonally.
‫We need to push it from below to up side.
‫Using this algorithm will be from 0 to 100.
‫And we see it later on on the text views how to use them, the X and the Y axis.
‫Back to the main activity.
‫We are going to initiate the button.
‫And I will create an animation, an instance.
‫I will create an object of instance animation called Animate.
‫Button.
‫And.
‫And the Oncreate.
‫Oncreate method.
‫I will instantiate the button and the find view by ID or.id dot button.
‫Now button.
‫This is.
‫Let's see.
‫Okay.
‫But it is called button.
‫Okay.
‫Removing this.
‫And what now?
‫Let's add the animation.
‫Animate button.
‫Animate button that we have created this object of an instance.
‫This object or instance of the class animation would be initialized by calling animation, utils, dot
‫load animation and passing the context as the first parameter in the constructor.
‫And the second parameter or the enemy dot animate button.
‫These are the animations that we are passing through the constructor of the animation utils dot load
‫animation or calling the method load animation.
‫Sorry.
‫Now button dot set animation and I will set it the animate button.
‫I will start the Avd, the virtual device.
‫But first of all, let's create an animation for the text views in the same way I will copy and paste.
‫The animation for this text views this called text view.
‫And the second is text view two.
‫Now.
‫Let's go.
‫Text view.
‫Text to.
‫And call to one equal find view by ID and find it by r.id dot.
‫Text The View.
‫Okay.
‫And in the same way to.
‫Text view number two.
‫Okay.
‫So.
‫I will create another one called Animate.
‫Animate text underscore texts.
‫And I will copy paste the previously written codes.
‫But here there is one thing to change.
‫I will change from x to Y, from x, delta, and from y delta because the text of use will be appeared
‫from the top and go down to appear at the top of the activity.
‫Inversely or the controversy of the for the the button that appears from below to the from the bottom
‫of the activity now copying and pasting the codes changing the changing the appropriate appropriate
‫animations and the one called set animation animate text and due to set animation and for the animate
‫underscore text.
‫Okay.
‫Let's see.
‫Duration.
‫I am changing the duration for the text.
‫1000 and the bottom would be 2000.
‫The text will appear first and then the button will appear on the second or the next second.
‫Okay.
‫Till now.
‫It's very clear and very, very easy.
‫Now let's run and see.
‫And here we go.
‫But the text there is still the same.
‫What is the error?
‫Okay.
‫The T2 here.
‫Okay, let's run again.
‫And here we go.
‫The text first appeared and the second lay with we appeared by the bottom.
‫So, guys, it's very important to to concentrate on the UI of the of the your app and every app you
‫make you can practice UI examples and professional material design applications in the next videos on
‫our YouTube channel and the complete Android developer course and the all all source codes are available
‫on Udemy and the XD file would be available on Udemy and the source codes.
‫Also on the on Udemy course, please hit subscribe and get the free coupon from below and subscribe
‫to our YouTube channel and like our videos.
‫So you support us making new videos and don't miss to rate us five stars on Udemy.
‫So you keep making making us making new videos.
‫Thank you guys.
‫See you in next video.