Creando una aplicación de fotografía para Android con Adobe AIR – Part 1/2

Escrito por smartadmin el agosto 25, 2014. Posteado en Android, AS3, Programacion

En esta entrada les explicare como crear una aplicación para tomar fotografias y guardarlas en en carrete de fotos de tu celular o tableta Android. Una alternativa para desarrollar aplicaciones “nativas” es Adobe Air, que es como una maquina virtual que se encargara de hacer corre nuestra aplicación en el dispositivo. Esta aplicación la podriamos crear con Adobre Flash o Adobe Flash Builder. Aqui les mostrare como crearla con Adobe Flash CS 6

Figura 1

Nuestra aplicación nos permitirá tomar fotos y enmarcarlas en un cartel tipo el viejo oeste como el de la figura 2

figura 2

1- Creamos un proyecto nuevo de Android

Figura 3

2- Creamos una Clase que puede llamarse por ejemplo Main asociada al proyecto, la cual contendra toda la logica de la aplicación.

Figura 4

3- Creamos los elementos gráficos que necesitamos los cuales son:

Botón para tomar la foto
Botón para cambiar la cámara
Botón para rotar la imagen de la cámara
Fondo del cartel.

4- Esto elementos una vez creados los encontremos en una libreria de flash ()

Captura de pantalla 2014-08-25 a la(s) 9.14.08

Figura 5

5- Los arrastramos a nuestra pantalla y les asignamos un nombre para poderlos referenciar desde nuestra clase principal. Esto haciendo click sobre el objeto y en el menu propiedades de este le asiganamos el nombre como se muestra en la figura 6.

Captura de pantalla 2014-08-25 a la(s) 9.16.26

Figura 6

Los elementos creados los llame: Botón para tomar la foto: btnCapture Botón para cambiar cámara: btnchange Botón para rotar la cámara: btnrotar Campo de texto para colocar mensajes: txtInfo Tambien cree un MovieClip contenedor que podria ser un Spriten si lo desea llamado bg, el cual contiene todos los elementos graficos que se generaran a la hora de crear la imagen los cuales son: Imagen de fondo Campo de texto llamado txtnombre Sprite contenedor del video de la camara: vdcont Ya con todos estos elementos nos dirigimos a nuestro archivo main.as e iniciamos el llenado de nuestro codigo

package  {
  
  import flash.display.MovieClip;
  import flash.events.Event;
  import flash.events.TimerEvent;
  import flash.utils.Timer;
  import flash.media.Video;
  import flash.media.Camera;
  import flash.display.BitmapData;
  import flash.media.Video;
  import flash.media.Camera;
  
  public class main extends MovieClip {
    var cameraRoll:CameraRoll;
    var bmp:BitmapData;
    var video : Video;    
    var webcam  : Camera; 

    var VIDEO_WIDTH       : Number =289;        //Se coloca de 100 a 1000 para definir en ancho del video
    var VIDEO_HEIGHT      : Number = 289;       //Se coloca de  100 to 1000 para definir el alto del video
    var WEB_CAMERA_WIDTH    : Number = VIDEO_WIDTH/2; //Smaller than video runs faster
    var WEB_CAMERA_HEIGHT     : Number = VIDEO_HEIGHT/2;  //Smaller than video runs faster
    var VIDEO_FRAME_RATE    : Number = 30;        //Set 5 to 30.  Higher values = smoother video
    var DETECTION_THRESHOLD   : uint   = 80;        //Set 50 to 100. Set to detect marker more accurately.
    var DETECTION_CONFIDENCE  : Number = 0.5;       //Set 0.1 to 1. Set to detect marker more accurately.
    var MODEL_SCALE       : Number = 0.0175;      //Set 0.01 to 5. Set higher to enlarge model
    var temporizador:Timer;
    var camaraactual:String="0";
    var firsttime:Boolean=false;

    public function main() {

    

    }
    
  }
  
}

package {

import flash.display.MovieClip;

import flash.events.Event;

import flash.events.TimerEvent;

import flash.utils.Timer;

import flash.media.Video;

import flash.media.Camera;

import flash.display.BitmapData;

import flash.media.Video;

import flash.media.Camera;

public class main extends MovieClip {

var cameraRoll:CameraRoll;

var bmp:BitmapData;

var video : Video;

var webcam : Camera;

var VIDEO_WIDTH : Number =289; //Se coloca de 100 a 1000 para definir en ancho del video

var VIDEO_HEIGHT : Number = 289; //Se coloca de 100 to 1000 para definir el alto del video

var WEB_CAMERA_WIDTH : Number = VIDEO_WIDTH/2; //Smaller than video runs faster

var WEB_CAMERA_HEIGHT : Number = VIDEO_HEIGHT/2; //Smaller than video runs faster

var VIDEO_FRAME_RATE : Number = 30; //Set 5 to 30. Higher values = smoother video

var DETECTION_THRESHOLD : uint = 80; //Set 50 to 100. Set to detect marker more accurately.

var DETECTION_CONFIDENCE : Number = 0.5; //Set 0.1 to 1. Set to detect marker more accurately.

var MODEL_SCALE : Number = 0.0175; //Set 0.01 to 5. Set higher to enlarge model

var temporizador:Timer;

var camaraactual:String="0";

var firsttime:Boolean=false;

public function main() {

}

En el código anterior definimos constates necesarias y objetos importantes como el de video y el objeto que controla la cámara. EL objeto CameraRoll es el que nos permitira guardar la foto dentro de la memoria del dispositivo.

package  {
  
  import flash.display.MovieClip;
  import flash.events.Event;
  import flash.events.TimerEvent;
  import flash.utils.Timer;
  import flash.media.Video;
  import flash.media.Camera;
  import flash.display.BitmapData;
  import flash.media.Video;
  import flash.media.Camera;
  import flash.events.MouseEvent;

  public class main extends MovieClip {
    var cameraRoll:CameraRoll;
    var bmp:BitmapData;
    var video : Video;    
    var webcam  : Camera; 

    var VIDEO_WIDTH       : Number =289;        //Se coloca de 100 a 1000 para definir en ancho del video
    var VIDEO_HEIGHT      : Number = 289;       //Se coloca de  100 to 1000 para definir el alto del video
    var WEB_CAMERA_WIDTH    : Number = VIDEO_WIDTH/2; //Smaller than video runs faster
    var WEB_CAMERA_HEIGHT     : Number = VIDEO_HEIGHT/2;  //Smaller than video runs faster
    var VIDEO_FRAME_RATE    : Number = 30;        //Set 5 to 30.  Higher values = smoother video
    var DETECTION_THRESHOLD   : uint   = 80;        //Set 50 to 100. Set to detect marker more accurately.
    var DETECTION_CONFIDENCE  : Number = 0.5;       //Set 0.1 to 1. Set to detect marker more accurately.
    var MODEL_SCALE       : Number = 0.0175;      //Set 0.01 to 5. Set higher to enlarge model
    var temporizador:Timer;
    var camaraactual:String="0";
    var firsttime:Boolean=false;

    public function main() {
      //Constructor
      this.btnCapture.addEventListener(MouseEvent.CLICK,saveToCameraRoll); 
      stage.addEventListener(KeyboardEvent.KEY_DOWN, onKey);
      btnrotar.addEventListener(MouseEvent.CLICK,rotarcamara); 
      bg.txtnombre.addEventListener(MouseEvent.CLICK,quitartexto); 
      //Si tiene varias camara activar boton de cambio
      if(Camera.names.length>1){
        camaraactual="1";
        prepareWebCam(camaraactual);
        btnchange.addEventListener(MouseEvent.CLICK,cambiarcamara);
      }else{
        //Si solo tiene una camara quitar el boton de cambio de cámara
        removeChild(btnchange);
        prepareWebCam(camaraactual);
      }
    

    }

    private function quitartexto(eve:MouseEvent):void{

    }

    private function saveToCameraRoll(e:MouseEvent):void
    {

    }   

    private function prepareWebCam(cam_n:String) : void
    {


    } 
    private function rotarcamara(eve:MouseEvent){

    }
    
  }
  
}

package {

import flash.display.MovieClip;

import flash.events.Event;

import flash.events.TimerEvent;

import flash.utils.Timer;

import flash.media.Video;

import flash.media.Camera;

import flash.display.BitmapData;

import flash.media.Video;

import flash.media.Camera;

import flash.events.MouseEvent;