Mover la imagen sobre un eje en particular en Android (animación)

En este artículo, vamos a animación conjunto en una visión imagen moviéndola en un eje en particular en Android .

En el siguiente ejemplo, vamos a utilizar el Animation.Animation class para crear la animación. Este AnimationUtils.loadAnimation creará un objeto que puede ser utilizado para crear la animación class la imagen.

Para implementar esto en su programa tendrá que class: android.view.animation.Animation , android.view.animation.AnimationUtils en su archivo de java. A continuación, cree un archivo de diseño con un solo botón en el centro y un ImageView.

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:src="@drawable/includehelp"
android:layout_marginBottom="200dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Move"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="89dp"
android:onClick="move"/>

Haremos otro archivo XML con nombre de Move.xml que se utiliza para proporcionar los datos sobre el movimiento de la imagen.

<translate
android:fromXDelta="0%p"
android:toXDelta="70%p"
android:duration="800" />

El objeto de la Animación for se utilizará en la imagen: image.startAnimation (animation1);

1) Archivo de Java:

package com.example.hp.myapplication;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void move(View view){
ImageView image = (ImageView)findViewById(R.id.imageView);
Animation animation1 =
AnimationUtils.loadAnimation(getApplicationContext(), R.anim.move);
image.startAnimation(animation1);
}
}

2) archivo XML:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout >:android="http://schemas.android.com/apk/res/android"
>:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
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="com.example.hp.myapplication.MainActivity">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imageView"
android:src="@drawable/includehelp"
android:layout_marginBottom="200dp" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Move"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="89dp"
android:onClick="move"/>
</RelativeLayout>

3) El archivo de manifiesto:

<?xml version="1.0" encoding="utf-8"?>
<manifest >:android="http://schemas.android.com/apk/res/android"
package="com.example.hp.myapplication">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

4) Move.xml archivo:

<?xml version="1.0" encoding="utf-8"?>
<set
>:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/linear_interpolator"
android:fillAfter="true">
<translate
android:fromXDelta="0%p"
android:toXDelta="70%p"
android:duration="800" />
</set>

salida


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *