Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Android / Obteniendo coordenadas XY con Touch Event

Obteniendo coordenadas XY con Touch Event

Autor jc mouse martes, julio 16, 2013

Los smartphone al no tener los típicos botones de los celulares, su pantalla es sensible al movimiento, esto se llama «touchscreen» y claro, este evento esta disponible para su uso en la programación. Los eventos touch, pueden ser simples (un solo dedo) o multiples (varios dedos), su implementación no es complicada y es justamente lo que haremos en este tutorial, crearemos una aplicación que haga uso del evento touch simple y que muestre en pantalla las coordenadas XY que se realiza al mover el dedo sobre la pantalla.

Herramientas necesarias

– Eclipse indigo con android

Nivel: Android novato, java intermedio

La Aplicación

1. Crea un proyecto nuevo Android Application Project llamado «Touch Me» 🙂

touch project

Activity: Blank Activity

Activity Name: TouchActivity

Layout Name: activity_touch

2. Utilizaremos el textView (Hello World!) que se crea por defecto. Seleccionamos, y re nombraremos su ID, clic derecho -> Assign ID… por ID «strXY»

Modificamos también el tamaño que ocupa el textView en la pantalla, para realizar esto, teniendo aún seleccionado el textView:

clic derecho -> Layout Width -> Match Parent

clic derecho -> Layout Height -> Match Parent

Match Parent, hace que el control, en este caso un textView tome las dimensiones de su contenedor

match parent

3. Abrimos el archivo TouchActivity.java que se encuentra en la carpeta SRC, el código que tenemos es:

package com.tutorial.touchme;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class TouchActivity extends Activity {

 //code here

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

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.touch, menu);

  //code here

  return true;
 }

}

Para implementar los eventos Touch, se hace uso de la interface onTouchListener que tiene como único método onTouch:

onTouch( View v, MotionEvent event )

donde View es el elemento que se envía y el segundo es una instancia de la clase Motion Event .

Clase Motion Event

– MotionEvent.getX(): Coordenada X

– MotionEvent.getY(): Coordenada Y

Las coordenadas se miden en pixeles y el punto (0,0) se encuentra en la esquina superior izquierda del view

– MotionEvent.getAction(), retorna el tipo de evento que se produce, los valores pueden ser :

MotionEvent.ACTION_DOWN, se produce cuando el dedo toca la pantalla
MotionEvent.ACTION_MOVE, se produce cuando el dedo se mueve en la pantalla
MotionEvent.ACTION_CANCEL, se produce cuando el evento es cancelado
MotionEvent.ACTION_UP, cuando el dedo deja de tocar la pantalla

4. Dicho todo esto implementamos el código para el evento Touch move, quedando nuestra clase TouchActivity de la siguiente forma:

package com.tutorial.touchme;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.TextView;

public class TouchActivity extends Activity {

 StringBuilder stringBuilder = new StringBuilder();
 TextView textView;

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

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.touch, menu);

  //new code
  this.textView = (TextView) findViewById( R.id.strXY );
  this.textView.setText("X: ,Y: ");//texto inicial
  //evento Touch
  this.textView.setOnTouchListener( new OnTouchListener()
  {
   @Override
   public boolean onTouch( View arg0, MotionEvent arg1 ) {

    stringBuilder.setLength(0);
    //si la acción que se recibe es de movimiento
    if( arg1.getAction() == MotionEvent.ACTION_MOVE )
    {
     stringBuilder.append("Moviendo, X:" + arg1.getX() + ", Y:" + arg1.getY() );
    }
    else
    {
     stringBuilder.append( "Detenido, X:" + arg1.getX() + ", Y:" + arg1.getY() );
    }        
    //Se muestra en pantalla
    textView.setText( stringBuilder.toString() );
    return true;
   }   
  });
  //end

  return true;
 }

}

Ejecutamos la aplicación 

app touch

Proyecto android eclipse

bye 🙂

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

MVC Java y Base de Datos Tutorial

MVC Java y Base de Datos Tutorial

En post pasados [Ejemplo práctico de MVC java Swing con Netbeans, 3 en raya java con MVC y Netbeans , MVC: Modelo, Vista...

JTable de colores [Problema Resuelto]

JTable de colores [Problema Resuelto]

Problema: Se extrae registros de una base de datos y se desea mostrar estos en un control JTable utilizando un DefaultTa...

Animación con sprites y LibGDX

Animación con sprites y LibGDX

En este post veremos una pequeña introducción a lo que son las animaciones con LibGDX y el uso de sprites. ¿Que es la an...

JavaScript: Script y Web para generar banderas ondeando

JavaScript: Script y Web para generar banderas ondeando

Online Flag Waver es una páginas web con la que podemos generar banderas ondeando con la textura que elijamos ya sea des...

Rompecabezas en C# (Tutorial)

Rompecabezas en C# (Tutorial)

En este tutorial crearemos un sencillo rompecabezas de un tamaño de 4×6 con 24 piezas que se podrán mover haciendo...

Personalizar JTable: Tabla con footer

Personalizar JTable: Tabla con footer

En muchas ocasiones es necesaria la personalización de componentes java para que estos se adecuen a nuestros requerimien...

Comparte lo que sabes

Categorias

Últimas entradas

Existe una gran cantidad de contenido sobre productividad, trucos, consejos y trabajo y más. Pero, ¿Qué pasa con esos mo...

En este post te enseño a usar una herramienta de Inteligencia Artificial para animar tus fotografias y esto completament...

Si trabajas con redes sociales (RRSS) a continuación te muestro tres herramintas gratuitas que te ayudaran a la hora de...

Por lo general se usan transacciones a nivel base de datos y posteriormente se llaman estos a través de procedimientos a...

Herramientas

Generador de Enlaces a Whatsapp