Vous êtes sur la page 1sur 27

Proyecto QUIZ FLAG

1. Se comienza creando el proyecto:

2. Se escoge desde que versin de Android se trabajara:


3. Elegir una actividad en blanco o Basic Activity:

4. Seleccionar la opcin de usar un fragmento:


5. Luego de dar finish se tendr el siguiente proyecto:

6. Ubicados sobre el archivo activity_main.xml ubicamos el elemento rosado en la esquina


inferior:
7. Procedemos a borrarlo:

8. Colocamos como id del CustomView el coordinatorLayout:


9. Abrimos el fragment_main.xml:

10. Borramos el TextView de Hello World:

11. Ubicarse sobre el proyecto y con click derecho seleccionar la opcin Open Module
Settings:
12. Sobre las opcines Target Compability y Source Compability seleccionar 1.7, esto
permitir trabajar con Java 7:

13. Luego de dar Ok, cambiar la vista a proyecto:

14. Desplegar e ir hasta el folder main:


15. Crear un nuevo directorio llamado assets:

16. Ubicamos los folders con las imgenes para este proyecto en el equipo:

17. Los copiamos y los pegamos en el folder assets, estos folder contiene las banderas de los
paises:

18. Ubicamos el archivo strings.xml en la carpeta res/values:


19. Hacemos click sobre la opcin superior derecha de Open Editor para que se muestre la
siguiente ventana:

20. Hacer click sobre el signo ms (+) de la parte superior izquierda y agregar los siguientes
valores:

21. Realizar lo mismo para obtener las siguientes cadenas:


22. Sobre la carpeta values, dar click derecho y en New Values Resource File:

23. Colocar el nombre de arrays.xml:

24. Modificar el archivo XML generado para que quede con los siguientes valores:
25. Abrir el archivo colors.xml:

26. Modificamos el archivo:

27. Sobre el folder res click derecho y seleccionar New Android Resource File:
28. Se configura la siguiente pantalla como se muestra y se da click en OK:

29. Agregar los siguientes tems sobre el archivo xml generado:

30. Sobre File New Vector Asset:


31. Se presentara la siguiente ventana:

32. Dar click sobre el botn Choose y seleccionar el icono que se indica a continuacin, dar
click en OK:

33. Dar click en Next:


34. Dar click en Finish para agregar la imagen en el folder drawable:

35. Abrimos el archivo xml generado en el folder drawable para cambiar el color del icono con
el fin de que pueda verse, para eso se modifica el atributo fillColor como se ve:

36. Sobre Res ubicar el folder men y abrir el archivo men_main.xml:


37. Sobre el tem agregamos el atributo de icon que apunte al archivo de la carpeta drawable.
Adicionalmente para que muestre siempre cambiar el atributo app:showAsAction = always

38. Sobre el Folder Res -> New Android Resource File y colocar los siguientes parmetros:

39. Modificar el archivo xml generado:


40. Sobre el folder Res -> New -> Android Resource File configurar los siguientes parmetros:

41. Se modifica el archivo xml como se ve a continuacin:


42. Sobre el folder App click derecho New Activity Basic Activity:

43. Configurar los siguientes parmetros:

44. Dar click en Finish.


45. Se crearan archivos tanto en el folder Res/Layout como de programacin:

46. Abrir el archivo Activity_Settings.xml y ubicar FloatinAction Button y borrarlo:


47. Abrir el archivo contect_main.xml y colocar el id como quizFragment:

48. Sobre el archivo fragment_main.xml cambiar el RelativeLayout por LinealLayout:

49. Sobre el diseo, colocar la orientacin vertical:


50. Colocar el siguiente valor id:

51. Sobre el Component Tree agregar un Medium Text al quizLinarLayout y definirle el id:

52. Colocar el parmetro horizontal en layout:gravity:center:

53. Sobre el layout:margin definir un valor de dimensin llamado spacing y agregarlo al


parmetro bottom:
54. Sobre el parmetro text, elegir el parmetro question:

55. Adicionar un ImageView y agregar el valor del id:


56. Ajustar los siguientes parmetros del ImageView:

57. Ajustar los parmetros resaltados en color azul:


58. Agregar un MediumText y agregarle el siguiente id:

59. Agregar los siguientes parmetros:

60. Agregar ahora un LinearLayout (Horizontal) y modificar el id y el


61. Agregar dos Button sin especificar un id para cada uno:

62. Repetir los 2 pasos anteriores para 3 filas ms:

63. Agregar un Medium Text al Layout inicial y colocarle el siguiente id:


64. Colocar las siguientes propiedades:
65. Seleccionar los 8 Buttons:

66. En las propiedades del layout:width, layout:heigth y layout:weigth colocar los siguientes
valores:

67. Cambiar las siguientes propiedades de los 8 botones: