Android presentacion

I.S.C. Oscar Eduardo Roa Vela
NOVIEMBRE, 2011 1
DESARROLLO DE APLICACIONES MÓVILES CON ACCESO A DATOS REMOTOS

NOVIEMBRE, 2011 2

• General Magic fracasa y se va a la ruina, momento en el cual Andy se unió a Artemis Research y que
en 1997 fue comprada por Microsoft.
• Luego de varios años, renunció para fundar Danger Inc., que también fue adquirida por Microsoft en
2002, y fue destituido de su cargo de Director General.
• Su paso final en esta etapa, fundar en 2003 Android Inc.
• En el 2005, cuando Android Inc. contaba con 22 meses de vida, Google adquirió la empresa.
• No fue hasta el 5 de Noviembre de 2007 que se hizo el anuncio oficial de Android.
NOVIEMBRE, 2011 3

NOVIEMBRE, 2011 4

NOVIEMBRE, 2011 5

NOVIEMBRE, 2011 6

NOVIEMBRE, 2011 7

NOVIEMBRE, 2011 8

NOVIEMBRE, 2011 9

NOVIEMBRE, 2011 10

NOVIEMBRE, 2011 11

Archivo XML :: main.xml Archivo Java :: MainActivity.java
<?xml version="1.0" encoding="utf-8"?> public class MainActivity extends Activity implements OnClickListener
<LinearLayout {
xmlns:android="http://schemas.android.com/apk/res/android" private DatePicker dtpFechaNac;
android:orientation="vertical" private Button btnCalcular;
android:layout_width="fill_parent" /** Called when the activity is first created. */
android:layout_height="fill_parent" @Override
android:background="#FFFFFF" public void onCreate(Bundle savedInstanceState)
android:gravity="center" {
> super.onCreate(savedInstanceState);
<TextView setContentView(R.layout.main);
android:layout_width="fill_parent"
android:layout_height="wrap_content" dtpFechaNac = (DatePicker) this.findViewById(R.id.dtpFechaNac);
android:text="Dame tu Fecha de Nacimiento" btnCalcular = (Button) this.findViewById(R.id.btnCalcular);
android:gravity="center" btnCalcular.setOnClickListener(this);
android:textColor="#000000" }
android:textSize="18px"
/> public void onClick(View view) {
<DatePicker dtpFechaNac.refreshDrawableState();
android:id="@+id/dtpFechaNac" Toast.makeText(this.getBaseContext(), "La Edad es: " +
android:layout_width="fill_parent" calculaEdad(dtpFechaNac.getDayOfMonth(),dtpFechaNac.getMonth(),dtp
android:layout_height="wrap_content" FechaNac.getYear()) , Toast.LENGTH_LONG).show();
/> }
<Button
android:layout_width="wrap_content" private int calculaEdad(int dia, int mes, int anio){
android:layout_height="wrap_content" Calendar nacimiento = Calendar.getInstance();
android:text="Calcular Edad" nacimiento.set(anio,mes,dia);
android:id="@+id/btnCalcular" return Calendar.getInstance().get(Calendar.YEAR) -
/> nacimiento.get(Calendar.YEAR);
</LinearLayout> }
}
NOVIEMBRE, 2011 12

NOVIEMBRE, 2011 13

NOVIEMBRE, 2011 14

NOVIEMBRE, 2011 15

NOVIEMBRE, 2011 16

NOVIEMBRE, 2011 17

NOVIEMBRE, 2011 18

NOVIEMBRE, 2011 19

NOVIEMBRE, 2011 20

NOVIEMBRE, 2011 21

NOVIEMBRE, 2011 22

<TextView
android:id="@+id/nameLabel"
android:text="phone:"
android:layout_width="100"
android:layout_height="60" />
NOVIEMBRE, 2011 23

Cuando se compila la aplicación se compila también cada archivo xml de presentación y queda
accesible desde la clase R “View Resource” generada por android.

<Button android:id="@+id/btnAceptar"
android:text="@string/aceptar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
findViewById. Permite acceder a la vista desde una actividad

Button btn = (Button) findViewById(R.id. btnAceptar);

R.Java Clase generada por Android que permite acceder a los recursos una vez compilados como
atributos estáticos

NOVIEMBRE, 2011 24

Un Layout’s son contenedores invisibles que determinan la disposición de las vistas en la pantalla.

Todos los layouts heredan de ViewGroup. Android recomienda definir el layout en XML mediante
archivos de layout que se encuentran en res/layout/main_layout.xml.

Cuando se compila la aplicación se compila también cada archivo xml de layout y queda accesible
desde la clase R “View Resource” generada por Android.

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}

NOVIEMBRE, 2011 25

Tipos de layout:

• LinearLayout: dispone los hijos horizontal o verticalmente
• RelativeLayout: dispone unos elementos relativos a los otros
• TableLayout: dispone los elementos en filas y columnas
• AbsoluteLayout: dispone los elementos en coordenadas exactas
• FrameLayout: permite cambiar dinámicamente los controles en el layout

La clase Layout contiene una clase LayoutParams que es especializada por cada tipo de Layout.
(LinearLayoutParams, RelativeLayoutParams,…)

NOVIEMBRE, 2011 26

Android viene con un conjunto de vistas “controles” bastante completo para dibujar textos, botones,
obtener fechas, mostrar listas, mostrar imágenes, webs, mapas, etc.

NOVIEMBRE, 2011 27

Texto. Android incluye distintos componentes para mostrar y permitir la entrada de texto por parte del
usuario.

Vistas de Texto

• TextView Muestra el texto. No permite editarlo (Label).
• EditText Componente de edición de texto, acepta varias líneas
• AutoCompleteTextView Ofrece sugerencias del texto escrito
• MultiAutoCompleteTextView Ofrece sugerencias de cada palabra

NOVIEMBRE, 2011 28

Botones. Existen todo tipo de botones, botones simples, con imágenes, check buttons, radio buttons,
toogle buttons…

• Button. Botón estandar
• ImageButton. Botón con imagen
• ToogleButton. Botón de 2 estados On | Off
• CheckBox. Checkbox estandar , selección multiple
• RadioButton. RadioButton estandar, selección simple

NOVIEMBRE, 2011 29

ListView. Muestra una lista de elementos verticalmente. Se puede diseñar la apariencia de los
elementos de la lista. Normalmente se usa con una ListActivity y un ListAdapter.

Pasos para crear un ListView
1. Diseñar la vista de los elementos de la lista en res/layout/listItem.xml
2. Crear una actividad que herede de ListActivity
3. Pasarle los datos al adaptador de la lista
4. En onCreate asignarle el ListAdapter a la actividad
5. Añadirle la vista a la actividad

NOVIEMBRE, 2011 30

WebView. Permite embeber un navegador en una actividad. El navegador incluye opciones para
navegar hacia adelante y hacia atrás, zoom, etc

Pasos para crear un WebView
1. Diseñar la vista en res/layout/main.xml
2. Modificar el AndroidManifest.xml para añadir permisos y configurar a pantalla completa
3. Crear una actividad
4. En onCreate llamar al setContentView pasándole el id de la vista

NOVIEMBRE, 2011 31

Android presentacion

Más contenido relacionado

Similar a Android presentacion

Android presentacion