Carrion: /* Bloque 4: Chronómetro e Botón Switch */

2022-10-06T09:00:35Z

Bloque 4: Chronómetro e Botón Switch

Página nueva

==Introdución==
*A seguinte aplicación é unha única Activity que resume parte do visto na Unidade 2.
*Hai deseño de distintas vistas, Internacionalización e distintos deseños en apaisado e vertical.

==Aspectos xerais==
*Todo:
**texto,
**cor,
**tamaño, dimensión, etc.
*debe estar '''definido nun recurso XML''', non a ''lume'' directamente no Layout.

*Os '''idiomas''' usados para a aplicación son:
**Por defecto: Inglés
**Personalizados:
***Español
***Galego (Non funciona nun AVD, pero si nun dispositivo real).
**Para facilitar a construción dos recursos tipo Strings facilítase o seguinte ficheiro XML en inglés: [[Media:strings.xml]]

*Usar o seguinte nome, '''I2_<username>''', para nome do:
**Proxecto
**Activity

*Para facilitar o seguimento da aplicación axúntase o apk para que se se poida instalar e probar.
**Observar o nome: U2_A_Teacher
**Aplicación: [[Media:U2_A_Teacher.apk]] ‎

==Deseño==
*Comezar antes de nada polo deseño.
*Tratar de aproximarse ao deseño das pantallas que se amosan a continuación.
**Posicións dos elementos:
***Non se usou ningunha marxe, posición a lume, etc.
***Só se usou un recheo no layout principal de 16dp.
*Cores:
**Usáronse as cores básicas

*A aplicación está dividida en 4 bloques separados por liñas.

===Deseño vertical===
[[Image:Android_2014_U2_A_Teacher_01.jpg]]
*Observar, botándolle un ollo tamén ao deseño en apaisado:
**A disposición dos elementos
**Cales están centrados
**Cales están aliñados á esquerda
**Cales están repartidos no peso
**Cales ocupan todo o ancho
**Cales están no fondo da pantalla

===Deseño en apaisado===
[[Image:Android_2014_U2_A_Teacher_02.jpg]]
*Observar
**Non hai imaxe
**Só queda unha liña de división con respecto ao deseño en vertical
**Os elementos que contén realizan a mesma función que realizan cando o dispositivo en vertical.

===Internacionalización===
*Como xa se dixo a aplicación está en 3 idiomas.
*Están traducidos incluso os menús:
[[Image:Android_2014_U2_A_Teacher_03.jpg]]

*Cando se traduzan os elementos de Inglés a Español e Galego, observar que nestes 2 idiomas hai '''"ñ"''' e '''tiles'''.
*As traducións deben estar en recursos XML non en código Java.

==Funcionamento==
*A aplicación está dividida en 4 bloques.
*Aconséllase acometer un a un.

*En todo momento pódese probar a aplicación que se facilita para comprobar o funcionamento de cada bloque.

===Bloque 1: TextEdit, TextView, Botóns, CheckBox, RadioButtons===
<gallery caption="" widths="350" heights="300px" perrow="2">
Image:Android_2014_U2_A_Teacher_04.jpg| No '''TextEdit''' vaise introducir texto que se vai engadir á etiqueta de cor vermello (mirar que método permite engadir). - A etiqueta de cor vermello ao lanzar a aplicación ten texto, pero unha vez que se limpa, xa non ten texto.
 - Cando se preme o botón de Engadir/Limpar o que se fai é ir engadindo o texto que se teclea no TextEdit a esa etiqueta, estea esta baleira (despois de limpala) ou con texto.
Image:Android_2014_U2_A_Teacher_05.jpg| Cando Se Introduce O Texto, Este Terá A Primeira Letra De Cada Palabra En Maiúsculas De Xeito Automático.
Image:Android_2014_U2_A_Teacher_06.jpg| Se prememos no botón '''Engadir/Limpar''': - Engádese o texto do TextEdit ao que haxa na etiqueta Vermella (haxa texto ou nada, para comezar de novo). - Tamén se baleira o TextEdit.
Image:Android_2014_U2_A_Teacher_07.jpg| Seguimos Engadindo Texto
Image:Android_2014_U2_A_Teacher_08.jpg| O novo texto engadido á etiqueta, pero ademais: Os '''RadioButtons''' permítennos cambiar a cor da etiqueta. Para facer uso en Java do recurso XML que define a cor, podemos usar: '''getResources().getColor(R.color.Nome_da_Cor)'''
Image:Android_2014_U2_A_Teacher_09.jpg| Se marcamos o '''Checkbox''' superior '''Limpar''' e prememos o Botón '''Engadir/Limpar''' ...
Image:Android_2014_U2_A_Teacher_10.jpg| ... este botón agora cambia o seu comportamento e limpa a etiqueta vermella. Mentres non se desmarque o Checkbox, por moito texto que se introduza no TextEdit non se engade nada á etiqueta. Se desmarca o Checkbox e se engade texto, ese texto será o texto polo que comece a etiqueta. Observar que ao lanzar a aplicación a etiqueta xa tiña un texto que non se limpou até que se marcou o Checkbox.
</gallery>

===Bloque 2: Spinner===
*Este Spinner fai algo moi sinxelo, indica se a provincia seleccionada é galega ou non:
*Usarase un Toast para indicar a pertenza da provincia seleccionada
*Como vamos ter que usar un Listener e o seu contexto vai ser distinto ao da aplicación que lanza, temos que usar o método getBaseContext() para indicarlle ao Toast o seu contexto.
*Ollo que as mensaxes o Toast debe adaptarse ao idioma escollido polo usuario.
*As provincias en Inglés non deben ter tiles.

<gallery caption="" widths="350" heights="300px" perrow="2">
Image:Android_2014_U2_A_Teacher_11.jpg| Despregamos o Toast
Image:Android_2014_U2_A_Teacher_12.jpg| Seleccionamos unha provincia galega e vemos a mensaxe do Toast
Image:Android_2014_U2_A_Teacher_13.jpg| Seleccionamos unha provincia non galega e vemos a mensaxe do Toast
</gallery>

===Bloque 3: ImageView===
*Para definir a View no layout:
**limitouse o alto e ancho da imaxe a 100 dp
**e ademais usouse o atributo '''scaleType'''.

*Escolle unha imaxe característica da tua zoa de nacemento ou de residencia e úsaa para a aplicación.
[[Image:Android_2014_U2_A_Teacher_14.jpg]]
*Ao premer sobre a imaxe aparece un Toast describindo a imaxe.
*O Toast neste caso cóllese o Tag da imaxe convértese a string.

===Bloque 4: Chronómetro e Botón Switch===

[[Image:Android_2014_U2_A_Teacher_15.jpg]]
*Cando se activa o cronómetro (co botón Switch) este comeza a contar e cando chega a 15 segundos destrúe a Activity.
*Se se para o cronómetro este ponse a cero.
**Ollo!! que para iso antes de paralo hai que volver a establecer o tempo base para o cronómetro.
*non chega con usar o atributo onClick da View no Layout, pois este control tamén se desliza que é distinto a a facer click.
*Para poder capturar o ''"deslizamento"'', ó único que podemos controlar é o cambio de estado e para iso precisamos usar un Listener: '''setOnCheckedChangeListener'''.

 -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).

Unidade 2 - Práctica A - Historial de revisiones

Carrion: /* Bloque 4: Chronómetro e Botón Switch */