Monthly Archives: junio 2013

You are browsing the site archives by month.
Olimpiadas Android

Olimpiadas Android

Atentos a todos los interesados en la programación para Android porque acaba de salir un concurso para desarrollar apps. Se llama Olimpiadas Android y se trata de un concurso en el que los participantes deberán programar una aplicación para este sistema operativo en un plazo de 8 horas. Los requisitos son los siguientes:

  1. El equipo de desarrollo deberá estar compuesto de no más de 2 personas.
  2. Cada miembro del equipo debe tener una edad comprendida entre 16 y 22 años.
  3. Cada participante deberá residir en territorio Español sin importar su nacionalidad.
  4. Hay que registrarse en la web para participar, el plazo límite de inscripción es el 19 de Junio del 2013.
  5. No puede haber más de 40 equipos participantes por lo que es bastante limitado. En caso de haber más, el jurado seleccionará los 40 equipos en función de los motivos que haya indicado cada equipo en el formulario de registro.

La temática será totalmente libre y para que no sea posible tener algo ya desarrollado, no dejarán llevar ningún dispositivo móvil ni portátil como por ejemplo USB. Las apps se evaluarán en función de su originalidad, la calidad de la programación, la cantidad de recursos usados (cuantos más recursos mejor como por ejemplo: GPS, cámara, audio, etc..) y la calidad de los comentarios. Basándose en esto, el jurado elegirá 1 equipo ganador del primer premio, 4 del segundo y 10 del tercero.

Estos son los premios:

  • El primer premio consistirá en un ordenador portátil HP Pavilion g6-2319ss.
  • El segundo premio será una tablet Nexus de 7 pulgadas.
  • El tercer premio consistirá en  un smartwatch de Sony.

Animo a todos los desarrolladores de apps que puedan participar que lo hagan, siempre se aprende algo de estos concursos y además puede ser muy divertido.

Vamos a empezar a profundizar más en los objetos que podemos crear cuando estamos diseñando nuestra app. Uno de los más comunes es el botón, así que voy a explicar todas sus propiedades para que cuando tengamos que añadir uno sepamos cómo modificarlo a nuestro gusto.

Antes de hacer nada tenemos que añadir un botón a nuestra pantalla. Una vez hecho esto, podemos ver en la columna de la derecha todas sus propiedades.

Propiedades botón

Propiedades botón

Propiedades:

  • BackgroundColor: En esta opción podemos elegir un color de fondo para nuestro botón. No tiene mucho sentido si queremos poner una imagen de fondo en lugar de un color.
  • Enabled: Esta propiedad sirve para indicar si queremos que el botón se muestre desactivado o activado por defecto. Si desmarcamos esta casilla no se podrá usar el botón al utilizar la app.
  • FontBold: Al marcar esta propiedad indicamos que el texto del botón se muestre en negrita.
  • FontItalic: Si queremos que el texto del botón se muestre en cursiva marcamos esta opción.
  • FontSize: En esta propiedad indicamos el tamaño que queremos que tenga el texto del botón. Por defecto es 14.
  • FontTypeface: Aquí podemos modificar el tipo de letra que queremos que tenga el botón. Hay 3 tipos: sans serif, serif y monospace
  • Image: En esta propiedad podemos indicar si queremos que muestre una imagen de fondo el botón. En ese caso tenemos que elegir una imagen, subirla y aplicarla a este botón.
  • Shape: Esta opción indica la forma del botón. Por defecto es rectangular pero podemos cambiarla para que sea ovalada o con los bordes redondeados.
  • ShowFeedback: Con esta propiedad podemos definir si queremos que el botón haga un efecto visual a la hora de hacer click en el. Esto viene bien para el usuario que lo usa ya que si no hay efecto visual puede que no sepa que ha pulsado el botón.
  • Text: Aquí escribiremos el texto que se mostrará en el botón. También podemos dejarlo vacío por ejemplo porque queremos mostrar una imagen de fondo.
  • TextAlignment: En caso de que queramos mostrar un texto en el botón, podemos definir en esta propiedad cómo queremos que esté alineado: izquierda, derecha o en el centro.
  • TextColor: Esta propiedad define el color del texto que muestra el botón. Si no hemos indicado ningún texto no tiene sentido definir color.
  • Visible: La propiedad “Visible” sirve para hacer que el botón se muestre o no. Puede que nos sea útil que al principio nuestro botón esté oculto, en tal caso el valor deberá ser “hidden”.
  • Width: Aquí podemos indicar el tamaño del botón a lo ancho. La medida es en pixels o podemos indicar que se ajuste al contenedor donde se muestra, de esta manera ocuparía el total de ancho de su contenedor.
  • Height: Al igual que con la propiedad “Width”, podemos hacer lo mismo con “Height”. Esta, indica el tamaño del botón a lo largo en pixels. También podemos indicar que se ajuste al tamaño de su contenedor.

Eventos:

Para ver los eventos que tienen los botones, es necesario abrir el editor de bloques y acceder al apartado “My blocks” y el nombre del botón al que queramos programar el evento.

Eventos botón

Eventos botón

Estos son los eventos disponibles:

  • Click: Este evento se ejecuta cuando se hace click en el botón.
  • GotFocus: Este caso se ejecutará cuando el cursor esté sobre el botón pero sin pulsarlo. Puede ser un caso dificil en algunos dispositivos móviles ya que no todos tienen esta posibilidad.
  • LongClick: Aquí indicamos lo que queremos programar en caso de que se haya pulsado y mantenido el botón durante unos segundos.
  • LostFocus: Al igual que con “GotFocus”, este evento no puede darse en todos los dispositivos móviles pero ocurre cuando el botón deja de tener el cursor sobre si mismo.

Toda esta información y más está en la documentación oficial de App Inventor.

 

La manera más fácil que hay para navegar entre distintas pantallas si desarrollamos con Titanium es creando pestañas. Cada pantalla en una pestaña, de esta manera nos quedará un menú donde tendremos acceso a todas las pantallas que queramos. Los pasos a seguir para crear estas pestañas son los siguientes:

1.- Lo primero que necesitamos es tener un proyecto Alloy creado. Si no lo tenemos pues vamos al menú “File -> New -> Mobile Project” y ahí elegimos “Alloy”.

2.- Una vez que el proyecto está creado, abrimos el archivo “index.xml” ubicado en “app -> views” y para crear una pestaña simplemente debemos escribir este código:

<Alloy>
	<TabGroup> <!-- Creamos un grupo de pestañas -->
		<Tab title="Pantalla 1" icon="KS_nav_ui.png"> <!-- Creamos una pestaña con su icono y su etiqueta -->
			<Window title="Pantalla1"> <!-- Indicamos la pantalla que está contenida dentro de la pestaña -->
				<Label>Contenido de la pantalla 1</Label> <!-- Aquí añadimos el contenido de la pantalla-->
			</Window>
		</Tab>
	</TabGroup>
</Alloy>

Si queremos añadir más pestañas simplemente tenemos que crear otra etiqueta “Tab” seguida de la que ya tenemos con toda su estructura igual que la pestaña anterior.

 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies