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

Reproducción de sonidos con LibGDX

Reproducción de sonidos con LibGDX

LibGDX nos permite hacer uso de archivos de sonido muy fácilmente, cuenta con dos tipos de manejo de archivos, estos son...

Tabla con imagen de fondo

Tabla con imagen de fondo

En este post personalizaremos una tabla JTable Swing para pintar una imagen de fondo y darle un poco de estilo al encabe...

Como crear salas de videollamadas con Messenger Rooms de Facebook

Como crear salas de videollamadas con Messenger Rooms de Facebook

Messenger Rooms es la nueva opción de videoconferencias de Facebook que permite realizar videollamadas con hasta 50 pers...

CODOTA: Programación Inteligente

CODOTA: Programación Inteligente

La Inteligencia Artificial (AI – Artificial Intelligence) estará presente en casi cada aspecto de nuestra vida en...

Criba de Eratóstenes animado

Criba de Eratóstenes animado

Eratóstenes era un matemático griego del siglo  III a.C. el cual ideó una manera rápida de obtener todos los números pri...

WebServices – El Cliente

WebServices – El Cliente

En un tutorial anterior se creo un WebServices [Java WebServices] utilizando java y Netbeans, en esta ocasión se da cont...

Comparte lo que sabes

Categorias

Últimas entradas

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje...

Continuando el post de «Introducción a Retrofit» donde realizamos una breve preparación a lo que es el uso de la librerí...

Editar un documento PDF no es tan sencillo como editar un archivo de texto por ejemplo, para editar archivos PDFs necesi...

¿Alguna vez tuviste la necesidad de hacer una captura de pantalla de una página web? Si es así, seguramente buscaste y d...

Herramientas

Generador de Enlaces a Whatsapp