TM L04 Vistas

Laboratorio de Tecnologías Móviles
Sesión 4:
Vistas
I. OBJETIVOS
• Conocer las vistas

• Crear aplicaciones Android que incluyan el uso de las vistas
• Aprender a personalizar las vistas
II. TEMAS A TRATAR
• Basic views
• Picker views
• List views
III. MARCO TEORICO
AutoCompleteTextView
El AutoCompleteTextView es una vista que es similar a EditText (de hecho, es una subclase de
EditText), excepto que muestra una lista de sugerencias de terminación automáticamente mientras
el usuario está escribiendo.
TimePicker
La vista TimePicker permite a los usuarios seleccionar una hora del día, ya sea en modo de 24 horas
o modo AM / PM.
DatePicker
Permite a los usuarios seleccionar una fecha en particular en la actividad.
ListView
Son vistas que permiten mostrar una larga lista de elementos. En Android, hay dos tipos de vistas
de lista: ListView y SpinnerView. Ambos son útiles para la visualización de largas listas de elementos.
IV. ACTIVIDADES (La práctica tiene una duración de 2 horas)
AutoCompleteTextView
1. Crea un nuevo proyecto Empty activity. Deje por omisión las opciones predeterminadas y
presione el botón Finish en el último cuadro de diálogo.
2. Modifique el archivo activity_main.xml para que se vea como sigue:
1 José Sulla Torres - Jorge Martínez Muñoz

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nombre del presidente" />
<AutoCompleteTextView
android:id="@+id/txtPresidentes"
android:layout_height="wrap_content" />
</LinearLayout>
3. Agregue las siguientes sentencias al archivo MainActivity.java.
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
public class MainActivity extends AppCompatActivity {

String[] presidentes = {
"José de San Martín",
"Pedro Diez Canseco",
"José Pardo y Barreda",
"José Luis Bustamante",
"Zenón Noriega",
"Manuel Odría",
"Manuel Prado",
"Fco Morales Bermúdez",
"Fernando Belaunde",
"Alberto Fujimori",
"Valentín Paniagua",
"Alejandro Toledo",
"Alan García",
"Pedro Pablo Kuczynski",
"Martín Alberto Vizcarra"
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ArrayAdapter<String> adapter = new ArrayAdapter<>(this,

android.R.layout.simple_dropdown_item_1line,presidentes);
AutoCompleteTextView textView = (AutoCompleteTextView)
findViewById(R.id.txtPresidentes);
textView.setThreshold(3);
textView.setAdapter(adapter);
}
}

4. Guarde los cambios. Ejecute la aplicación.
TimePicker
1. Crea un nuevo proyecto Empty activity. Deje por omisión las opciones predeterminadas y
presione el botón Finish en el último cuadro de diálogo.
2. Modifique el archivo activity_main.xml para que se vea como sigue:
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TimePicker
android:id="@+id/timePicker"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btnConfigurar"
android:layout_height="wrap_content"
android:onClick="onClick"
android:text="Hora:"
android:textSize="9dp" />
</LinearLayout>
3. Agregue las siguientes sentencias al archivo MainActivity.java.
import android.os.Bundle;
import android.view.View;
import android.widget.TimePicker;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {

TimePicker timePicker;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

timePicker = (TimePicker) findViewById(R.id.timePicker);

timePicker.setIs24HourView(true);
}
public void onClick(View view){
Toast.makeText(getBaseContext(),"Hora seleccionada" +
timePicker.getCurrentHour() + ":" +
timePicker.getCurrentMinute(),
Toast.LENGTH_SHORT).show();
}
}
DatePicker
6. En el proyecto anterior modifique el archivo activity_main.xml para que se vea como sigue:

7. En el archivo principal de Java MainActivity.java agregue el código para que se vea como sigue:
import java.text.SimpleDateFormat;
import java.uitl.Date;

ListView
1. Crea un nuevo proyecto Empty activity.

2. Modifique el archivo MainActivity.java para que se vea como sigue:


V. Ejercicios
Realice el informe del siguiente

1. Elija una metodología de desarrollo ágil para su Proyecto.
2. Según la metodología, documente su primer entregable (Incremento): Requisitos, Diseño, Mapa
de Navegabilidad, Construcción y Pruebas.
3. Haga la presentación (Sprint Review) en la siguiente sesión.
VI. Cuestionario
1. ¿Cómo se puede agregar TimePicker, DatePicker y otros en la Paletta de Android?

2. ¿Explique tres metodologías de desarrollo ágil que existen para la construcción de
aplicaciones móviles?
VII. Bibliografía y referencias
1. Luján Castillo, José Dimas, Android Studio. Aprende a desarrollar aplicaciones, AlfaOmega,
2018.
2. https://developer.android.com/guide/topics/ui/controls/pickers

TM L04 Vistas

Cargado por

Copyright:

Formatos disponibles

TM L04 Vistas

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

TM L04 Vistas

Cargado por

Copyright:

Formatos disponibles

Laboratorio de Tecnologías Móviles

• Conocer las vistas

II. TEMAS A TRATAR

III. MARCO TEORICO

Permite a los usuarios seleccionar una fecha en particular en la actividad.

IV. ACTIVIDADES (La práctica tiene una duración de 2 horas)

2. Modifique el archivo activity_main.xml para que se vea como sigue:

1 José Sulla Torres - Jorge Martínez Muñoz

<?xml version="1.0" encoding="utf-8"?>

3. Agregue las siguientes sentencias al archivo MainActivity.java.

public class MainActivity extends AppCompatActivity {

ArrayAdapter<String> adapter = new ArrayAdapter<>(this,

2 José Sulla Torres - Jorge Martínez Muñoz

4. Guarde los cambios. Ejecute la aplicación.

<?xml version="1.0" encoding="utf-8"?>

3. Agregue las siguientes sentencias al archivo MainActivity.java.

public class MainActivity extends AppCompatActivity {

3 José Sulla Torres - Jorge Martínez Muñoz

timePicker = (TimePicker) findViewById(R.id.timePicker);

5. Guarde los cambios. Ejecute la aplicación.

4 José Sulla Torres - Jorge Martínez Muñoz

5 José Sulla Torres - Jorge Martínez Muñoz

8. Guarde los cambios. Ejecute la aplicación.

1. Crea un nuevo proyecto Empty activity.

6 José Sulla Torres - Jorge Martínez Muñoz

3. Guarde los cambios. Ejecute la aplicación.

7 José Sulla Torres - Jorge Martínez Muñoz

Realice el informe del siguiente

1. ¿Cómo se puede agregar TimePicker, DatePicker y otros en la Paletta de Android?

VII. Bibliografía y referencias

8 José Sulla Torres - Jorge Martínez Muñoz

También podría gustarte