Splash screens are like [Termite](https://en.wikipedia.org/wiki/Termite) insects, it born and die for some moment, so coding some animation over their can bring some charisma. Here is how to make an simple animated splash screen using animation xml tags, # Splash Layout Create your splash activity layout and brush up the background with theme based color or drawable. In this example I used drawable. ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ev02rpzxdnfmp8n8bqmq.jpg) In this splash space I use Polestar logo to animate, ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/au6y5om3k9rhtmz7w9yp.png) I cropped the image into two halves, so that I can give an crossing and joining animation effect of the logo, to crop or edit I prefer [Pixlr](https://pixlr.com/) tool, this can reduce the development time. ![ews_splash_logo_01](https://dev-to-uploads.s3.amazonaws.com/i/ymm9znhxkhfeexrni78c.png)![ews_splash_logo_02](https://dev-to-uploads.s3.amazonaws.com/i/wrvj4e1sseom8oy5ul0g.png) Using Image view component place the images and add some layout corrections(Margins, Gravity, ...) to bring the actual view. Added to that I used TextView component to show some fade effect of title ``` ``` ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mzujuwckw84jlmf0hsh3.jpg) # Anim Folder Now create folder named **anim** under **res** Right click on anim folder and create new **Animation Resource File** Our example contains three components to animate(Logo1, Logo2, Text), so I created three xml respectively, ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0hcz44g69vfn7dwbtgep.jpg) In `frombottomcorner.xml`, used translate tag to move the image from bottom corner of the splash layout ``` ``` `android:duration` is the time take to finish its animation. In `fromtopcorner.xml`, same as of previous but changed the delta value to move the image from top corner ``` ``` `textfadeout.xml` is slightly different because here we going to animate the text view to fade, so used `alpha` tag to perform this job. ``` ``` `android:fromAlpha` - starting alpha value `android:toAlpha` - final/end alpha value `android:duratio` is the time take to finish its animation # Splash Activity 80% of job is done, now just club these animation xml with the view components(ImageView, TextView) Here `Animaion` class will help to load the animation xmls, and `setAnimation` helper method helps to club the xml with respective View component Eg, `Animation logoFromLeft = AnimationUtils.loadAnimation(context, R.anim.fromtopcorner);` `logoImageViewLeft.setAnimation(logoFromLeft);` ``` public class SplashActivity extends AppCompatActivity { ImageView logoImageViewRight; ImageView logoImageViewLeft; TextView appTitleTextView; Animation logoFromRight; Animation logoFromLeft; Animation appTitleFade; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash); logoImageViewLeft = (ImageView) findViewById(R.id.ewsSplashLogoImgLeftImgv); logoImageViewRight = (ImageView) findViewById(R.id.ewsSplashLogoImgRightImgv); appTitleTextView = (TextView) findViewById(R.id.ewsSplashLogoTitleTv); logoFromLeft = AnimationUtils.loadAnimation(this, R.anim.fromtopcorner); logoFromRight = AnimationUtils.loadAnimation(this, R.anim.frombottomcorner); appTitleFade = AnimationUtils.loadAnimation(this, R.anim.textfadeout); logoImageViewLeft.setAnimation(logoFromLeft); logoImageViewRight.setAnimation(logoFromRight); appTitleTextView.setAnimation(appTitleFade); Handler handler = new Handler(); handler.postDelayed(new Runnable() { @Override public void run() { Intent intent = new Intent(SplashActivity.this, MainActivity.class); startActivity(intent); } }, 4000); } } ``` #Ta-da Seems everything fine, go for a run ![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3xcmko2acso99kanupwu.gif) You can refer [here](https://developer.android.com/guide/topics/resources/animation-resource) to get different set of tags to make the animation even better

pradeeshmp

Android - Splash Animation Made simple

Join Our Newsletter. No Spam, Only the good stuff.