007 PROYECTO EN ANDROID STUDIO

Proyecto Android: Actividad 001

IDE a usar: Android Studio

1.- Crear un nuevo proyecto “BienesConsumo”

                a) File + New Project

    - Capturar el nombre del proyecto, datos del dominio y la ubicación

       (Escoge una ubicacion a la que puedas tener acceso para respaldar)

    - Presionar <Next>

    - Seleccionar la API 19  en Minimum SDK  de la opcion Phone and Tablet

         - Presionar <Next>

    - Selecciona Blank Activity   y presiona <Next>

  Observar que por default va a crear:

  1) Una clase MainActivity.java    //Aquí se pondra la ejecución de los eventos

  2) Una interfaz activity_main.xml    //Aqui diseñamos la interfaz

  3) Le pone un titulo “MainActivity”

  4) Y crea un menú menu_main.xml      //Aquí se pondra el menu de la pantalla

           

  Para terminar seleccionar finish

Los archivo los dejara organizados de la siguiente manera: (Checar en el proyecto que se acaba de crear)

Nota: Observa en la siguiente imagen que el archivo activity_main.xml y content_main.xml hace referencia al contexto del archivo MainActivity.java.    (Checar en el proyecto que se acaba de crear)

Nota: Observa en la siguiente imagen que el archivo  MainActivity.java en su método onCreate()  enlaza a la interfaz activity_main.xml. (Checar en el proyecto que se acaba de crear)

2.- Crear el siguiente archivo strings.xml  como RECURSO DE TEXTO y captura tus etiquetas
           - en la carpeta  app/res/values/

<resources>
    <string name="app_name">GESAIMSS</string>
    <string name="app_title">Bienes de Consumo V.001</string>
    <string name="action_insert">Insertar</string>
    <string name="action_modif">Modificar</string>
    <string name="action_elim">Eliminar</string>
    <string name="action_cons">Consultar</string>
    <string name="action_settings">Settings</string>

    <string name="c_lblcve">Clave:</string>
    <string name="c_txtcve">Aqui escribe la clave</string>
    <string name="c_lblnombre">Nombre:</string>
    <string name="c_txtnombre">Aqui escribe el nombre</string>
    <string name="c_lblmarca">Marca:</string>
    <string name="c_txtmarca">Aqui escribe la marca</string>
    <string name="c_lblserie">Serie:</string>
    <string name="c_txtserie">Aqui escribe la serie</string>
    <string name="c_lblcantidad">Cantidad:</string>
    <string name="c_txtcantidad">Aqui escribe la cantidad</string>
    <string name="c_lblprecio">Precio:</string>
    <string name="c_txtprecio">Aqui escribe el precio</string>
    <string name="btn_Guardar">Guardar</string>
    <string name="btn_Cancelar">Cancelar</string>
</resources>

           Nota: Por cada elemento que se agrega al strings.xml se crea su identificador en el archivo R.java

3.- Crear el siguiente archivo colors.xml  (si es que no existe)  como RECURSO DE COLOR 

      y captura tus colores


         - en la carpeta  app/res/values/

 New  + XML + Values XML File  + <Enter>

Nota: Los colores que se van a ocupar en las interfaces los definimos en hexadecimales.

Para buscar el equivalente de los colores que vas a usar busca en esta pagina.


        http://html-color-codes.info/codigos-de-colores-hexadecimales/

<resources>
    <color name="azulrey">#1323D4</color>
    <color name="azulcielo">#A6E2F1</color>
    <color name="azulclaro">#B5D1F0</color>
    <color name="azulpizarra">#6188C8</color>
    <color name="azulmarino">#001F89</color>
    <color name="amarillopastel">#FDFD96</color>
    <color name="GrisOscuro">#7C7C84</color>
   <color name="naranjclar2">#FDE8CC</color>
    <color name="naranj">#ED790C   </color>
    <color name="naranjclar">#EEA45F </color>
    <color name="azmarin">#1D4B7A </color>
    <color name="azpizarfu">#416B95 </color>
    <color name="AzPizar">#5C88B5 </color>
    <color name="Azclar">#70A3D6 </color>
    <color name="Azciel">#77BCFF </color>
    <color name="gris">#6F88A1 </color>
    <color name="grisaz">#8FB0D1 </color>
    <color name="grisclar">#B8DCFF </color>
    <color name="grisosc">#818488 </color>
    <color name="grisclara">#B8BCBF </color>
    <color name="grisclari">#E1E4E6 </color>
    <color name="azulito">#F1F6FC </color>

</resources>



4.- Crear el siguiente archivo styles.xml
y captura los estilos que se proponen

           - en la carpeta  app/res/values/

            Nota: deberas cambiar los colores que tu vas a trabajar y el tamaño de letra que usaras



<resources>

 <!--Tema para el formulario-->
    <style name="AppTheme" parent="Theme.AppCompat.Light">
    <item name="android:textColorPrimary">@color/azmarin</item>
    <item name="colorPrimary">@color/naranj</item>
    <item name="colorPrimaryDark">@color/amarillopastel</item>
    <item name="colorAccent">@color/naranjclar2</item>
    <item name="android:windowFullscreen">true</item>
    </style>

<!--Estilos personalizados para los componentes del formulario-->
    <style name="labels">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
        <item name="android:background">@color/azulito</item>
        <item name="android:textColor">@color/naranj</item>
        <item name="android:textSize">18dp</item>
        <item name="android:layout_marginTop">10dp</item>

    </style>


    <style name="edits">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textAppearance">?android:attr/textAppearanceMedium</item>
        <item name="android:textColor">@color/azmarin</item>
        <item name="android:textSize">18dp</item>
        <item name="android:layout_marginTop">10dp</item>
    </style>

    <style name="Message">
        <item name="android:textStyle">italic</item>
        <item name="android:textColor">@color/grisosc</item>
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
    </style>

    <style name="Separator">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">1dp</item>
        <item name="android:background">@color/azulrey</item>
        <item name="android:layout_marginBottom">@dimen/activity_vertical_margin</item>
    </style>

    <style name="styBoton">
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:background">@color/azpizarfu</item>
        <item name="android:textColor">@color/amarillopastel</item>
        <item name="android:textSize">18dp</item>
        <item name="android:paddingTop">4dp </item>
        <item name="android:paddingBottom">4dp </item>
        <item name="android:paddingLeft">8dp </item>
        <item name="android:paddingRight">8dp </item>
    </style>


</resources>



Compilar cada vez que se  agregan cambios.



5.- Hacer el diseño de la pantalla principal. (en activity_main.xml y content_main.xml)

            - Agregar los componentes necesarios en el archivo content_main.xml

                 en la carpeta  app/res/layout/



             5.1   Utilizar el siguiente dispositivo virtual y version para interpretar el layout,

y observar que en Designer(parte derecha) se pueden ver los componentes que

contendra content_main.xml que a su vez esta contenido en activity_main.xml

























6.- Hacer un menu principal: 

           - Agregar los items  en el archivo  menu_main.xml   en la carpeta  app/res/menu/

<item android:id="@+id/action_Entradas" android:title="@string/action_RegEntrada"
    android:orderInCategory="101" app:showAsAction="ifRoom" />

<item android:id="@+id/action_Salidas" android:title="@string/action_RegSalida"
    android:orderInCategory="102" app:showAsAction="ifRoom" />

<item android:id="@+id/action_SolicProov" android:title="@string/action_RegSolProov"
    android:orderInCategory="103"  app:showAsAction="ifRoom" />

<item android:id="@+id/action_SolicArea" android:title="@string/action_RegSolArea"
    android:orderInCategory="104" app:showAsAction="ifRoom" />

<item android:id="@+id/action_Sale" android:title="@string/action_Salir"
    android:orderInCategory="104" app:showAsAction="never" />







- Agregar las etiquetas del menu al archivo strings.xml





<string name="action_RegEntrada">Entradas</string>
<string name="action_RegSalida">Salidas</string>
<string name="action_RegSolProov">Proveedor</string>
<string name="action_RegSolArea">Area</string>
<string name="action_Salir">Salir</string>

 7.- Cargar el emulador 

Crear un emulador y ejecutarlo. (Dejar corriendo, mientras continuar 

con los pasos siguientes)

    Nota: Se podran crear varios emuladores, para probar






En este ejemplo te recomendamos usar el emulador Nexuz 4 API 22

(version Lollipop Android 5.1.1)

8.- Crear una nueva activity: RegEntrada


  
Observar que por default va a crear:



1) Una clase   RegEntrada.java    //Aquí se pondra la ejecución de los eventos  

2) Una interfaz  activity_reg_entrada.xml    //Aqui diseñamos la interfaz

3) Y crea un menú  menu_reg_entrada.xml    //Aquí se pondra el menu de la pantalla
   



9.- Para navegar entre las activity: 
Por ejemplo usando un boton con id “btnAceptar” 


- Agregar el recurso del boton en strings.xml
                  <string name="btn_Aceptar">Aceptar</string>


 - Debera crear el boton en la activity de origen(content_main.xml), y con doble click en el boton:






















Si se requiere que navegue desde activity_main.xml  hasta  activity_reg_entrada.xml




a)    Declarar una variable de tipo Button  en MainActivity.java    




     Button  aceptar;

  


  b) En el metodo onCreate indicar el id del boton a usar


   public void onCreate(Bundle savedInstanceState) {
       aceptar =(Button)findViewById(R.id.btnAceptar);     


       aceptar.setOnClickListener(this); 

   }





   c) Crear el metodo onClick, indicar el origen e indicar el destino con Intent


   public void onClick(View v) {
      switch(v.getId()){      


         case R.id.btnAceptar:

            Intent ir = new Intent(this, RegEntrada.class);

            startActivity(ir);

      }

   }




              Nota:  De la misma forma se llama a otra activity, usando el menu
                    (  Agregar la llamada en el metodo onOptionsItemSelected)





                                                   


      





   






    d) implementar la interfaz OnClickListener en la declaración de la clase

    


public class MainActivity extends ActionBarActivity implements OnClickListener{
 



    Nota. NO olvides agregar la declaracion de  las librerias respectivas

   import android.view.View.OnClickListener;
   import android.view.View;   


   import android.content.Intent;   

   import android.widget.Button;









10) Verifica como, cada que se agrega un activity al proyecto, 





se va actualizando el archivo AndroidManifest.xml en la carpeta 





manifests.






(La activity que tiene definido en category = LAUNCHER funcionara como actividad principal 

del proyecto, las otras tendran DEFAULT  )


<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="uvm.seminario.bienesconsumo" >
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity
            android:name=".RegEntrada"
            android:label="@string/title_activity_reg_entrada" >
        </activity>
    </application>
</manifest>