jueves, 12 de mayo de 2011

Interfaz gráfica



Interfaz gráfica - Taller


Hola que tal esta entrada trata sobre la aplicación de las interfaces gráficas de usuario de mi proyecto a continuación pondré el código de los archivos que se utilizan en mi proyecto.

El main.xml

Bueno empezando con el main.xml el tipo de layout que considere a usar y también los controladores a usar yo uso el Tipo de layout ScrollView por que si el usuario cambia de portrait mode a landscape mode la aplicación pueda ser visualizada completamente en cualquier tipo de resolución de celular con Android.

Mi layout es de tipo ScrollView y tiene la propiedad de scrollbar verticales para cuando la resolución de un celular con Android es muy pequeña aun así con la ayuda de las scrollbars el usuario pueda navegar en toda la interfaz gráfica de la aplicación sin ningún problema ya que puede deslizar las barras hasta donde el usuario deseé.Dentro del ScrollView tengo otro layout anidado de tipo LinearLayout para ir acomodando los componentes de la aplicación con la propiedad de que van a estar orientados verticalmente.





Bueno dentro de mi layout LinearLayout tengo un componente de tipo TextView este componente lo utilizo para poder mostrar en mi aplicación el texto que da referencia ala "Banda 1" de mi aplicación.





El TextView cuenta con un identificador único que se muestra en la siguiente linea.
android:id="@+id/MyBand01"

La linea siguiente hace referencia al tamaño de letra a usar.
android:textSize="10pt"

En el TextView la linea siguiente corresponde ala llamada de la cadena a mostrar en en layout:
android:text="@string/band01"

Después asigno los spinner yo utilice los spinner para poder mostrar la lista de colores disponibles de una forma sencilla.





Y se mostraría de la siguiente manera:

También contiene un botón que es el que hace la acción de calcular el valor de las resistencias ya una vez seleccionado los colores:





android:id="@+id/ButtonCalculate"
android:layout_height="wrap_content"
android:text="@string/calculate"
android:onClick="calculatenow"
android:layout_width="fill_parent">


strings.xml

El archivo strings.xml contiene las cadenas a utilizar dentro de la aplicación en ellas también se utilizan las cadenas del spinner para mostrar el nombre de los colores disponibles.


Resistors
Banda 1:
Escoja un color
Negro
Cafe
Rojo
Naranja
Amarillo
Verde
Azul
Violeta
Gris
Blanco



array.xml

Hace referencia para mostrar los colores disponibles dentro del spinner.


@string/color0
@string/color1
@string/color2
@string/color3
@string/color4
@string/color5
@string/color6
@string/color7
@string/color8
@string/color9



Bueno a continuación les dejo el codigo completo de cada uno de los xml que utilice.

main.xml
























strings.xml


Resistors
Banda 1 para calcular cualquier valor de cualquier resistencia!:
Escoja un color
Negro
Cafe
Rojo
Naranja
Amarillo
Verde
Azul
Violeta
Gris
Blanco
Banda 2:
Escoja un color
Negro
Cafe
Rojo
Naranja
Amarillo
Verde
Azul
Violeta
Gris
Blanco
Banda 3:
Escoja un color
Negro
Cafe
Rojo
Naranja
Amarillo
Verde
Azul
Violeta
Gris
Blanco
Tolerancia:
Escoja un color
Oro
Plata
Calcular



array.xml



@string/color0
@string/color1
@string/color2
@string/color3
@string/color4
@string/color5
@string/color6
@string/color7
@string/color8
@string/color9


@string/color00
@string/color01
@string/color02
@string/color03
@string/color04
@string/color05
@string/color06
@string/color07
@string/color08
@string/color09


@string/color000
@string/color001
@string/color002
@string/color003
@string/color004
@string/color005
@string/color006
@string/color007
@string/color008
@string/color009


@string/color0000
@string/color0001


Bueno y en la imagen siguiente es como luce la aplicación con la interfaz gráfica con los botones y los spinners.

Saludos...

6 comentarios:

  1. eit, que tal, no se ve muy complicado el código, hubiera estado bueno que pusieras la imagen de lo que genera este código para entenderlo un poco mas.

    Saludos

    ResponderEliminar
  2. Hola Alex, le pusiste alguna excepción de que la combinación de colores fuera válida? según tengo entendido no todos los colores son válidos entonces puede mandar un mensajito de que esa combinación no fue válida. Y también deberías poner una imagen o algo parecido que te muestre el reslultado de cuando oprimes calcular. Saludos :)

    ResponderEliminar
  3. eit, que tal, se ve buena tu pantalla, estaria bueno que cuando el usuario introdujera la secuencia de colores, al momento de que te de el resultado de ponga un imagen con los colores que selecciono, se que no sirve de mucho, pero hace mas atractiva a la aplicacion.

    Saludos!

    ResponderEliminar
  4. Otra cosa que pudieras implementar, no se si se pueda es que cada una de las celdas de las listas tengan el color el cual tienen en el titulo, se veria bonito ya que el usuario se va dando la idea de como se ven los colores de las resistencias.
    Esto te pudiera servir http://apachejava.blogspot.com/2010/08/jtable-change-specific-complete-row.html
    ;)

    ResponderEliminar
  5. Gracias por sus comentarios los tomare encuenta (:

    ResponderEliminar
  6. Me hubiera gustado saber más sobre cómo esto se asocia con el código que has estado haciendo. Te pongo 6 puntos de los 10.

    Carmen y Pepe 1, Roberto 2.

    ResponderEliminar