Magic Due To Logic: December 2015

Step 1:- Create New Android Project.
Step 2:- Select below code and Past it in to MainActivity.java file.

MainActivity.java


package magic.animation;



import android.app.Activity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import android.view.animation.Animation;

import android.view.animation.AnimationUtils;

import android.widget.ImageView;

import android.widget.Toast;



public class MainActivity extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }



    public void clockwise(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.myanimation);

        image.startAnimation(animation);

    }



    public void zoom(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation1 = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.clockwise);

        image.startAnimation(animation1);

    }



    public void fade(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation1 = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.fade);

        image.startAnimation(animation1);

    }



    public void blink(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation1 = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.blink);

        image.startAnimation(animation1);

    }



    public void move(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation1 = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.move);

        image.startAnimation(animation1);

    }



    public void slide(View view) {

        ImageView image = (ImageView) findViewById(R.id.imageView);

        Animation animation1 = AnimationUtils.loadAnimation(

                getApplicationContext(), R.anim.slide);

        image.startAnimation(animation1);

    }



    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        // getMenuInflater().inflate(R.menu.menu_main, menu);

        return true;

    }



    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        // Handle action bar item clicks here. The action bar will

        // automatically handle clicks on the Home/Up button, so long

        // as you specify a parent activity in AndroidManifest.xml.



        int id = item.getItemId();



        // noinspection SimplifiableIfStatement

        if (id == R.id.action_settings) {

            return true;

        }

        return super.onOptionsItemSelected(item);

    }

Download: Code

Step 3:- Copy Below Code and Past it in to activity_main.xml

activity_main.xml


<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@drawable/s"

    android:paddingBottom="@dimen/activity_vertical_margin"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    tools:context=".MainActivity" >



    <TextView

        android:id="@+id/textView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:text="KING"

        android:textSize="35dp" />



    <TextView

        android:id="@+id/textView2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_below="@+id/textView"

        android:layout_centerHorizontal="true"

        android:text="MAGIC DUE TO LOGIC"

        android:textColor="#ff3eff0f"

        android:textSize="20dp" />



    <ImageView

        android:id="@+id/imageView"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignEnd="@+id/textView2"

        android:layout_alignLeft="@+id/textView2"

        android:layout_alignRight="@+id/textView2"

        android:layout_alignStart="@+id/textView2"

        android:layout_below="@+id/textView2"

        android:src="@drawable/ic_launcher" />



    <Button

        android:id="@+id/button"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true"

        android:layout_below="@+id/imageView"

        android:layout_marginTop="40dp"

        android:onClick="clockwise"

        android:text="ZOOM" />



    <Button

        android:id="@+id/button2"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignTop="@+id/button"

        android:layout_centerHorizontal="true"

        android:onClick="zoom"

        android:text="CLOCKWISE" />



    <Button

        android:id="@+id/button3"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentEnd="true"

        android:layout_alignParentRight="true"

        android:layout_alignTop="@+id/button2"

        android:onClick="fade"

        android:text="FADE" />



    <Button

        android:id="@+id/button4"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentStart="true"

        android:layout_below="@+id/button"

        android:onClick="blink"

        android:text="BLINK." />



    <Button

        android:id="@+id/button5"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignEnd="@+id/button2"

        android:layout_alignLeft="@+id/button2"

        android:layout_alignRight="@+id/button2"

        android:layout_alignStart="@+id/button2"

        android:layout_below="@+id/button2"

        android:onClick="move"

        android:text="MOVE" />



    <Button

        android:id="@+id/button6"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentEnd="true"

        android:layout_alignParentRight="true"

        android:layout_below="@+id/button3"

        android:onClick="slide"

        android:text="SLIDE" />



</RelativeLayout>

Step 4:- Create Folder under res folder name as Anim.

Step 5:- Right Click On Anim and Create New Android xml File .

blink.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >



    <alpha

        android:duration="600"

        android:fromAlpha="0.0"

        android:interpolator="@android:anim/accelerate_interpolator"

        android:repeatCount="infinite"

        android:repeatMode="reverse"

        android:toAlpha="1.0" />



</set>

clockwise.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">



   <rotate xmlns:android="http://schemas.android.com/apk/res/android"

      android:fromDegrees="0"

      android:toDegrees="360"

      android:pivotX="50%"

      android:pivotY="50%"

      android:duration="5000" >

   </rotate>

  

   <rotate xmlns:android="http://schemas.android.com/apk/res/android"

      android:startOffset="5000"

      android:fromDegrees="360"

      android:toDegrees="0"

      android:pivotX="50%"

      android:pivotY="50%"

      android:duration="5000" >

   </rotate>

  

</set>

fade.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:interpolator="@android:anim/accelerate_interpolator" >



    <alpha

        android:duration="2000"

        android:fromAlpha="0"

        android:toAlpha="1" >

    </alpha>

    <alpha

        android:duration="2000"

        android:fromAlpha="1"

        android:startOffset="2000"

        android:toAlpha="0" >

    </alpha>



</set>

move.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:fillAfter="true"

    android:interpolator="@android:anim/linear_interpolator" >



    <translate

        android:duration="800"

        android:fromXDelta="0%p"

        android:toXDelta="75%p" />



</set>

myanimation.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">



   <scale xmlns:android="http://schemas.android.com/apk/res/android"

      android:fromXScale="0.5"

      android:toXScale="3.0"

      android:fromYScale="0.5"

      android:toYScale="3.0"

      android:duration="5000"

      android:pivotX="50%"

      android:pivotY="50%" >

   </scale>

  

   <scale xmlns:android="http://schemas.android.com/apk/res/android"

      android:startOffset="5000"

      android:fromXScale="3.0"

      android:toXScale="0.5"

      android:fromYScale="3.0"

      android:toYScale="0.5"

      android:duration="5000"

      android:pivotX="50%"

      android:pivotY="50%" >

   </scale>

  

</set>

slide.xml


<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android"

    android:fillAfter="true" >



    <scale

        android:duration="500"

        android:fromXScale="1.0"

        android:fromYScale="1.0"

        android:interpolator="@android:anim/linear_interpolator"

        android:toXScale="1.0"

        android:toYScale="0.0" />



</set>

Just Save it And Run The Program

Download Code full code Animation.zip

Magic Due To Logic

Pages

Monday 28 December 2015

Animation In Android