Welcome Screen with UpToDown Animation + Source Code

hey guys, this video we going to make a welcome screen /splash screen but this time with a button and a smooth animation from up to down ...

let s start with designing our splash screen, in the splash activity add the following code :

activity_welcome.xml

	<?xml version="1.0" encoding="utf-8"?>
	<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	xmlns:app="http://schemas.android.com/apk/res-auto"
	xmlns:tools="http://schemas.android.com/tools"
	android:layout_width="match_parent"
	android:layout_height="match_parent"
	tools:context="com.demotxt.droidsrce.welcomescreen.welecomeActivity"
	android:orientation="vertical"
	android:background="@drawable/background">
	<LinearLayout
	android:id="@+id/l1"
	android:layout_width="match_parent"
	android:layout_height="400dp"
	android:orientation="vertical">
	<TextView
	android:textColor="@color/lightorange"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:text="36,520"
	android:layout_gravity="center"
	android:layout_marginTop="150dp"
	android:textSize="60sp"
	android:textStyle="bold"/>
	<TextView
	android:textColor="@color/lightorangedark"
	android:layout_width="398dp"
	android:layout_height="wrap_content"
	android:layout_gravity="center"
	android:text="CLIENTS SUBSCRIBED
	RIGHT NOW"
	android:textAlignment="center"
	android:textSize="30sp"
	android:layout_marginTop="50dp"/>
	</LinearLayout>
	<LinearLayout
	android:id="@+id/l2"
	android:layout_marginTop="135dp"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:orientation="vertical"
	android:background="@drawable/spaceullustration">
	<Button
	android:id="@+id/buttonsub"
	android:layout_width="wrap_content"
	android:layout_height="wrap_content"
	android:layout_gravity="center"
	android:background="@drawable/buttonstyle"
	android:text="SUBSCRIBE NOW" />
	</LinearLayout>
	</LinearLayout>

view raw activity_welcome.xml hosted with ❤ by GitHub

Now we need to create our two animations the first will animate our View (which is the first LinearLayout L1) from up to down, the second animation will animate the second layout from down to up. inside anim folder create two xml files and add the following code :

uptodown.xml

	<?xml version="1.0" encoding="utf-8"?>
	<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:duration="800"
	android:fromYDelta="-100%p"
	android:fromXDelta="0%p"/>
	</set>

view raw uptodownanimation.xml hosted with ❤ by GitHub

downtoup.xml

	<?xml version="1.0" encoding="utf-8"?>
	<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:toYDelta="0%p"
	android:fromYDelta="100%p"
	android:duration="800"/>
	</set>

view raw downtoupanimation.xml hosted with ❤ by GitHub

final step is to create our java class in WelcomeActivity.java class add the following code :

WelcomeActivity.java

	package com.demotxt.droidsrce.welcomescreen;
	import android.support.v7.app.AppCompatActivity;
	import android.os.Bundle;
	import android.view.animation.Animation;
	import android.view.animation.AnimationUtils;
	import android.widget.Button;
	import android.widget.LinearLayout;
	public class welecomeActivity extends AppCompatActivity {
	LinearLayout l1,l2;
	Button btnsub;
	Animation uptodown,downtoup;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
	super.onCreate(savedInstanceState);
	setContentView(R.layout.activity_welecome);
	btnsub = (Button)findViewById(R.id.buttonsub);
	l1 = (LinearLayout) findViewById(R.id.l1);
	l2 = (LinearLayout) findViewById(R.id.l2);
	uptodown = AnimationUtils.loadAnimation(this,R.anim.uptodown);
	downtoup = AnimationUtils.loadAnimation(this,R.anim.downtoup);
	l1.setAnimation(uptodown);
	l2.setAnimation(downtoup);
	}
	}

view raw WelcomeActivity.java hosted with ❤ by GitHub

Download Project file from GitHub