002 Android studio. Menu lateral

Practica002: Android( Menu Lateral  )
Ing. Honoria Reyes Macedo

Crear un menú lateral

1.- Abrir el proyecto de la practica 001

2.- En la carpeta drawable, colocar iconos a utilizar y para el color del fondo crear el archivo side_nav_bar.xml con el código siguiente:

3.- Agregar las siguientes líneas al archivo dimens.xml

4.- Actualizar el archivo strings.xml con su menu respectivo: 


Ejemplo:

5.- En la carpeta layout crear  el archivo nav_bar_head.xml  (Sus componentes son: un LinearLayout, un ImageView, dos TextView):

        Observar que se utiliza el archivo side_nav_bar.xml como fondo, la imagen iniciodraw.png
        como logo y en los TextView agregar el titulo  del proyecto y tu correo electronico

6.- En la carpeta menu crear  el archivo menú_iniciodrawer.xml
      Agregar tus opciones de menu respectivas.  
Ejemplo Por cada item agregar:

7.- En la carpeta layout crear el archivo  activity_iniciodrawer.xml

8.-Agregar un Frame al archivo content_inicio.xml 
        poner su id="content_frame"

     Se necesita un frame para los FRAGMENTOS que el menu lateral 
     utilizara para  direccionarse

8.1.- Agregar los cambios que están en rojo al archivo InicioActivity.java

     Aquí se agrega el metodo onNavigationItemSelected() para la seleccion de los "id respectivos" del menu que se crearon en el punto 6 

9.- Compilar y Ejecutar...  Quedaria de la siguiente forma:

    

  

Al dar <Enter> en Aceptar

 

Al deslizar el dedo desde el lado izquierdo

10.- Agregar imagenes a la portada y al icono de la app

          a) Pegar una imagen en res/drawable y una miniatuta en res/mipmap(para el icono)

          b) Para poner imagen en el icono de la aplicación

                                - En el manifiesto AndroidManifest.xml  

Poner el nombre  del icono a utilizar   (android:icon="@mipmap/ic_launcher")

10.1.-  Para poner imagen en la portada

      - utilizar el widget ImageView con las propiedades width y height =”fill_parent”
                  - Agregar el siguiente codigo en MainActivity.class

  @Override  protected void onCreate(Bundle savedInstanceState) {

      super.onCreate(savedInstanceState);

      setContentView(R.layout.activity_main);

      portada();

  }

private void portada(){
           //el id de ImagView es “portadaIm”
    ImageView img = (ImageView)findViewById(R.id.portadaIm); 

img.setImageResource(R.drawable.mylogo);   //Mi imagen  es mylogo.png

  

 }

oooooooooooooooooooooooooooooooo   oooooooooooooooooooooooo  ooooooooooooooo
oooooooooooooooooooooooooooooooo   oooooooooooooooooooooooo  ooooooooooooooo