ANDROIDBUENO.docx

TextViewLa forma ms sencilla de editar un texto en pantalla, cambiando el tamao del texto, color, estiloTambin veremos como realizar realizar distintos tipos de enlaces como al navegador, correo electrnico o un mapa.

Lo primero que vamos a realizar es un ejemplo simple de texto:123456789101112

El resultado es el siguiente:

Ejemplo simple de TextViewCrear un enlace al navegador12345

Crear enlace al correo electrnico12345

Crear enlace al mapaLa direccin del mapa la obtenemos del googlemaps.

12345

Android:background Color de fondo12345

Android:textSize Tamao de los caracteres1234567891011

Android:textStyle Tipo de texto: italic, bold o normal1234567891011

Android:typeface Tipo de letra para el texto : normal, sans, serif o monospace1234567891011

EditTextLa forma mas sencilla que el usuario interacte con la aplicacin introduciendo texto.Veamos como realizarlo de forma simple:

123456789101112

Con estas simples lneas el resultado es el siguiente:

Y si pulsamos sobre el EditText, nos aparece el teclado :

Veamos algunos atributosAndroid:inputType=number

Cuando pulsemos sobre el EditText, nos aparecer directamente el teclado numrico:123456789101112

Android:inputType=textNoSuggestionsDesactiva las sugerencias de texto cuando escribimos:123456789101112

Android:inputType=textEmailAddress

Nos muestra la tecla @ en el teclado para mayor comodidad del usuario.123456789101112

ButtonEstudiaremos una forma sencilla de crear botones y configurar el evento para que nos cambie un texto.En primer lugar crearemos un botn al que identificaremos como btnBoton1 y con el texto Plsame.Tambin crearemos un TextView que identificaremos como txtTexto con el texto No has pulsado.Archivo main.xml

1234567891011121314151617181920

Con esto hemos creado la pantalla de inicio que queda como sigue :

Pantalla inicialAhora modificaremos el archivo Java para que el botn funcione.Para controlar el evento del botn importaremos OnClickListener, el cdigo quedara como sigue:12345678910111213141516public class PracticaActivity extends Activity implements OnClickListener{/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);View btnboton1 = findViewById(R.id.btnBoton1);btnboton1.setOnClickListener(this);@Overridepublic void onClick(View v) {final TextView txttexto=(TextView) findViewById(R.id.txtTexto);txttexto.setText("Has pulsado el boton");} }

El resultado al pulsar el botn es:

Evento OnclickListener

RadioButtonUsaremos el RadioButton para realizar una seleccin entre varias opciones:Para ello usaremos el RadioGroup para agrupar los RadioButton .12345678910111213141516171819202122


Android:onClickVamos a darle utilidad al RadioButton, cambiaremos el texto segn su posicin.Diseamos el entorno1234567891011

Usaremos el RadioGroup para agrupar los RadioButton:12345

Crearemos los RadioButton, lo mas importante es la linea onClick, que es la que usaremos para que cuando pulsemos sobre este RadioButton salte almtodo que le indicamos, en este caso lo hemos llamado onRadioButtonClick12345678910

Ahora cerramos el RadioGroup y el LinearLayout12

Nos queda como sigue :

Ahora creamos el cdigo 1234567891011121314package com.practica.android;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.widget.RadioButton;import android.widget.TextView;public class PracticaActivity extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);}

Llamamos al mtodo que creamos con el android:onClick , y pasamos a variables el txtTexto y RadioButton123456public void onRadioButtonClick(View v) {RadioButton button = (RadioButton) v;TextView txttexto = (TextView) findViewById(R.id.txtTexto);txttexto.setText("has pulsado "+ button.getText());}}


CheckBoxEl CheckBox es un botn con dos estados, pulsado o no pulsado como el que vemos a continuacin :

Vamos a crear un TextBox con un texto que se modificar segn la actividad del Checkbox 1234567891011121314151617181920

El resultado es el siguiente :

Pantalla inicialAhora modificaremos el archivo Java.Usaremos el OnClickListener para controlar el evento al pulsar sobre el CheckBox y con ello modificar el texto de nuestro TextView123456789101112131415161718192021222324252627282930313233package com.practica.android;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.CheckBox;import android.widget.TextView;public class PracticaActivity extends Activity {/** Called when the activity is first created. */@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main); verificarCheckbox();}private void verificarCheckbox() {CheckBox chkbox = (CheckBox) findViewById(R.id.chkBox);final TextView txtview = (TextView) findViewById(R.id.txtView);chkbox.setOnClickListener(new OnClickListener() { public void onClick(View v) {if (((CheckBox) v).isChecked()) {txtview.setText("Pulsado");} else { txtview.setText("No Pulsado");}}});}}


TableLayoutCon esta instruccin, organizamos los componentes que se visualizan en pantalla en forma de tablas, para ello tambin usaremos TableRow para realizar las divisiones.

123456789101112131415161718192021222324252627

El resultado es el siguiente

RelativeLayoutCon esta instruccin, organizamos los componentes que se visualizan en pantalla en referencia a uno en concreto.Lo veremos mejor con un ejemplo.En primer lugar crearemos un botn PADRE, para ello le daremos una ID para poder referenciarlo ms adelante y usaremos el Layout_alingParentTop=true para colocarlo en la parte superior de la pantalla.

12345678910


Si modificamos la siguiente linea :1android:orientation="horizontal"


AbsoluteLayoutCon esta instruccin, organizamos los componentes mediantes las coordenadas (x,y). Esta opcin no es nada recomendable ya que desconocemos la resolucin del terminal, y podemos dejar espacios libres o incluso superpuestos

Archivo main.xml1234567891011121314151617181920212223242526272829

El resultado es el siguiente

Ejemplo de absoluteLayout

ImageViewUsaremos el ImageView cuando queremos mostrar una imagen.La ruta del archivo se la indicamos en el android:src.El formato aceptado es JPG, GIF y PNG.Te mostramos como hacerlo:

12345678910111213


Para incluir los png dentro de la carpeta, simplemente los hemos desde el origen:

MenuItemCrearemos un men que aparecer al pulsar el botn fsico del terminal.El resultado ser el siguiente:

En primer lugar dejaremos el archivo XML como sigue:1234567

Permiso para usar Internet (Imprescindible)

Api Key

Modificamos el activity_main de la siguiente forma:12345678910111213

Y por iltimo el cdigo Java:1234567891011121314151617181920package com.example.mapita4;import com.google.android.maps.MapActivity;import com.google.android.maps.MapView;import android.os.Bundle;import android.app.Activity;import android.view.Menu;public class MainActivity extends MapActivity {private MapView mapView; public void onCreate(Bundle bundle) {super.onCreate(bundle);setContentView(R.layout.activity_main);mapView = (MapView) findViewById(R.id.mapa);} @Overrideprotected boolean isRouteDisplayed() {// TODO Auto-generated method stubreturn false;}}

Ejecutamos y el resultado es el siguiente

Mi localizacin en Google Maps API v2Siguiendo con los tutoriales sobre los GoogleMaps en Android, vamos a crear un mapa que nos localice y dibuje un punto sobre en nuestra hubicacin.Partiremos que ya has ledo los anteriores tutoriales y sabes como realizar un mapa Tutorial de Mapas.Lo primero que tenemos que modificar es el Manifest para poder usar el GPS y la triangulacin de antena, por lo que nos quedar como sigue:123456789101112131415161718192021222324252627282930313233343536373839

El activity_main no lo modificamos :123456

Y el MainActivity.java :12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667package es.tutorialandroid.mapav2;import com.google.android.gms.maps.GoogleMap;import com.google.android.gms.maps.SupportMapFragment;import android.location.Location;import android.location.LocationListener;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import android.view.Menu;public class MainActivity extends FragmentActivity implements LocationListener {GoogleMap googlemap;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);SupportMapFragment mf = (SupportMapFragment) getSupportFragmentManager().findFragmentById(R.id.map);googlemap = mf.getMap();googlemap.setMyLocationEnabled(true);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.return true;}@Overridepublic void onLocationChanged(Location arg0) {// TODO Auto-generated method stub}@Overridepublic void onProviderDisabled(String provider) {// TODO Auto-generated method stub}@Overridepublic void onProviderEnabled(String provider) {// TODO Auto-generated method stub}@Overridepublic void onStatusChanged(String provider, int status, Bundle extras) {// TODO Auto-generated method stub}}

El resultado es el siguiente: Aparece un punto sobre Las Islas Canarias, que es donde estoy.

Y si nos acercamos con el zoom, vemos mi posicin an mas exacta. Estoy en Santa Cruz de Tenerife:

Insertar icono GoogleMap API v2Vamos a marcar un punto en nuestro mapa, le incluiremos un ttulo, un comentario y como marcador usaremos un BitmapDescriptorFactory.HUE_GREEN .Usaremos como base nuestro tutorial mi primer mapa.Buscamos en el navegador el punto que quiero que aparezca en mi mapa, en este caso el monumento de La Cibeles en Madrid.Pulso en el botn para enlazar y me aparece una nueva ventana con los datos que necesito : latitud y longitud.

Ahora en el eclipse empiezo a realizar las modificaciones en el MainActivity.java.Creo un nuevo mtodo que en este caso lo he llamado addMarcador :1addMarcador();

Y mi addMarcador recin creado le incluyo los siguientes datos:12345678private void addMarcador() {LatLng latlng = new LatLng(40.419193,-3.692892);googlemap.addMarker(new MarkerOptions().title("La Cibeles").position(latlng).snippet("Monumento").icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_GREEN)));

Veamos el resultado :

Si realizamos un zoom y pulsamos sobre el icono :

Ing. Ubaldo Jorge Lpez XPgina 1

Documents

ANDROIDBUENO.docx