Scribd
Upload
10 views

Activity Animada

The document describes creating animations in Android to transition between two activities. It involves: 1. Creating animation XML files for fade, translate, and scale animations. 2. Defining layouts for two activities with buttons to trigger animations. 3. Implementing code in the activities to start each other with different animation transitions on button clicks.

Uploaded by

wilder
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views

Activity Animada

The document describes creating animations in Android to transition between two activities. It involves: 1. Creating animation XML files for fade, translate, and scale animations. 2. Defining layouts for two activities with buttons to trigger animations. 3. Implementing code in the activities to start each other with different animation transitions on button clicks.

Uploaded by

wilder
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 10

Activity- Animadas

1. Crear dos Empty Activity

2. Crear el Directory anim y en él los siguientes Animation resource file con los siguientes
contenidos:

fade_in.xml

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


<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="800"
android:fromAlpha="0.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:repeatCount="0"
android:toAlpha="1.0" />

1
fade_out.xml

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


<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="800"
android:fromAlpha="1.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:repeatCount="0"
android:toAlpha="0.0" />

left_in.xml

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


<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="100%p"
android:toXDelta="0"
android:interpolator="@android:anim/linear_interpolator" />

left_out.xml

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


<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="0"
android:toXDelta="-100%p"
android:interpolator="@android:anim/linear_interpolator" />

right_in.xml

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


<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="-100%p"
android:interpolator="@android:anim/linear_interpolator"
android:toXDelta="0" />

right_out.xml

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


<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500"
android:fromXDelta="0"
android:interpolator="@android:anim/linear_interpolator"
android:toXDelta="100%p" />

2
zoom_back_in.xml

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


<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="600"
android:fromXScale="0.7"
android:fromYScale="0.7"
android:interpolator="@android:anim/decelerate_interpolator"
android:pivotX="50%p"
android:pivotY="50%p"
android:toXScale="1"
android:toYScale="1" />

zoom_back_out.xml

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


<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top" >

<scale
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%p"
android:pivotY="50%p"
android:toXScale="0.7"
android:toYScale="0.7"
android:duration="600"/>

<alpha
android:fromAlpha="1.0"
android:toAlpha="0"
android:duration="600"/>

</set>

zoom_forward_in.xml

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


<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="600"
android:fromXScale="1.5"
android:fromYScale="1.5"
android:interpolator="@android:anim/decelerate_interpolator"
android:pivotX="50%p"
android:pivotY="50%p"
android:toXScale="1.0"
android:toYScale="1.0" />

3
zoom_forward_out.xml

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


<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top" >

<scale
android:duration="600"
android:fromXScale="1.0"
android:fromYScale="1.0"
android:pivotX="50%p"
android:pivotY="50%p"
android:toXScale=".7"
android:toYScale=".7" />

<alpha
android:duration="600"
android:fromAlpha="1.0"
android:toAlpha="0" />

</set>

4
3. Editar activity_main.xml

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


<android.support.constraint.ConstraintLayout
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"
android:orientation="vertical"
tools:context="com.example.victorbalta.m yapplication.MainActivity">

<LinearLayout
android:layout_width="368dp"
android:layout_height="wrap_content"
android:orientation="vertical"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="8dp">

<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="forwardZoom"
android:text="forwardZoom" />

<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="left"
android:text="left" />

<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="fade"
android:text="fade" />

<Button
android:id="@+id/button4"
android:layout_width="match_parent"

5
android:layout_height="wrap_content"
android:onClick="byDefault"
android:text="byDefault" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>

6
4. Editar activity_main2.xml

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


<android.support.constraint.ConstraintLayout
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.example.victorbalta.m yapplication.Main2Activity">

<LinearLayout
android:layout_width="368dp"
android:layout_height="wrap_content"
android:orientation="vertical"
tools:layout_editor_absoluteX="8dp"
tools:layout_editor_absoluteY="8dp">

<Button
android:id="@+id/button5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="zoomBack"
android:text="zoomBack" />

<Button
android:id="@+id/button6"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="right"
android:text="right" />

<Button
android:id="@+id/button7"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="fade"
android:text="fade" />

7
<Button
android:id="@+id/button8"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="back"
android:text="bydefaultback" />
</LinearLayout>
</android.support.constraint.ConstraintLayout>

8
5. En MainActivity.java:

package com.example.victorbalta.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.view.View;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

public void forwardZoom(View button) {


startActivity(new Intent(this, Main2Activity.class));
overridePendingTransition(R.anim.zoom_forward_in, R.anim.zoom_forward_out);
}

public void left(View button) {


startActivity(new Intent(this, Main2Activity.class));
overridePendingTransition(R.anim.left_in, R.anim.left_out);
}

public void fade(View button) {


startActivity(new Intent(this, Main2Activity.class));
overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
}

public void byDefault(View button) {


startActivity(new Intent(this, Main2Activity.class));
}
}

9
6. En Main2Activity.java:

package com.example.victorbalta.myapplication;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class Main2Activity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
}

public void zoomBack(View button) {


startActivity(new Intent(this, MainActivity.class));
overridePendingTransition(R.anim.zoom_back_in, R.anim.zoom_back_out);
}

public void fade(View button) {


startActivity(new Intent(this, MainActivity.class));
overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
}

public void right(View button) {


startActivity(new Intent(this, MainActivity.class));
overridePendingTransition(R.anim.right_in, R.anim.right_out);
}

public void back(View button) {


super.onBackPressed();
}
}

7. Vincular el método animación con el botón y ejecutar:

10

You might also like