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.
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:
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.
array.xml
Hace referencia para mostrar los colores disponibles dentro del spinner.
Bueno a continuación les dejo el codigo completo de cada uno de los xml que utilice.
main.xml
strings.xml
array.xml
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
Bueno y en la imagen siguiente es como luce la aplicación con la interfaz gráfica con los botones y los spinners.- @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
Saludos...
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.
ResponderEliminarSaludos
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 :)
ResponderEliminareit, 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.
ResponderEliminarSaludos!
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.
ResponderEliminarEsto te pudiera servir http://apachejava.blogspot.com/2010/08/jtable-change-specific-complete-row.html
;)
Gracias por sus comentarios los tomare encuenta (:
ResponderEliminarMe 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.
ResponderEliminarCarmen y Pepe 1, Roberto 2.