Controles basicos en Android : Button e ImageView

Controles Basicos en Android

• Botones  

o    Button : Button es el botón más básico que podemos utilizar. En el ejemplo siguiente definimos un botón con el texto “Púlsame” asignando su propiedad android:text. Además de esta propiedad podríamos utilizar muchas otras como el color de fondo (android:background), estilo de fuente (android:typeface), color de fuente (android:textcolor), tamaño de fuente (android:textSize) 

  <Button android:text="Pulsame"

android:id="@+id/buttonPulsame"

android:layout_gravity="top"

android:layout_height="wrap_content"

android:layout_width="match_parent"

> 

</Button>

• ToggleButton: ToggleButton es un tipo de botón que puede permanecer en dos estados, pulsado/no_pulsado. En este caso, en vez de definir un sólo texto para el control definiremos dos, dependiendo de su estado

<ToggleButton

android:textOn="ON"

android:textOff="OF"

android:id="@+id/toggleButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

> 

</ToggleButton>

• ImageButton: En un control de tipo ImageButton podremos definir una imagen a mostrar en vez de un texto, para lo que deberemos asignar la propiedad android:src. Normalmente asignaremos esta propiedad con el descriptor de algún recurso que hayamos incluido en la carpeta /res/drawable.

<ImageButton

android:src="@drawable/icon"

android:id="@+id/imageButtonIcon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

> 

</ImageButton>

Eventos

//Para Button e ImageButton

  

btnButtonPulsame.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0)

{

//lo que queremos que pase cuando se pulse

}

});

//para ToggleButton

toggleButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View arg0)

{

if(btnBoton2.isChecked())

//lo que queremos que haga cuando este pulsado

else

//lo que queremos que haga cuando no este pulsado

}

});

 

• ·         Imágenes

• ImageView: El control ImageView permite mostrar imágenes en la aplicación. La propiedad más interesante es android:src, que permite indicar la imagen a mostrar. Nuevamente, lo normal será indicar como origen de la imagen el identificador de un recurso de nuestra carpeta /res/drawable
• <ImageView
  android:id="@+id/imageViewIcono"
  android:src="@drawable/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  > 
  </ImageView>

Layouts en Android - FrameLayout ,TableLayout

FrameLayout
Éste es el más simple de todos los layouts de Android. Un FrameLayout coloca todos sus controles hijos alineados con su esquina superior izquierda, de forma que cada control quedará oculto por el control siguiente (a menos que éste último tenga transparencia). Por ello, suele utilizarse para mostrar un único control en su interior, a modo de contenedor (placeholder) sencillo para un sólo elemento sustituible, por ejemplo una imagen.

1. <FrameLayout
2.    xmlns:android="http://schemas.android.com/apk/res/android"
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent">
6.     <EditText android:id="@+id/TxtNombre"
7.        android:layout_width="fill_parent"
8.        android:layout_height="fill_parent" />
10. </FrameLayout>

TableLayout
Un TableLayout permite distribuir sus elementos hijos de forma tabular, definiendo las filas y columnas necesarias, y la posición de cada componente dentro de la tabla.
La estructura de la tabla se define de forma similar a como se hace en HTML, es decir, indicando las filas que compondrán la tabla (objetos TableRow), y dentro de cada fila las columnas necesarias, con la salvedad de que no existe ningún objeto especial para definir una columna (algo así como un TableColumn) sino que directamente insertaremos los controles necesarios dentro del TableRow y cada componente insertado (que puede ser un control sencillo o incluso otro ViewGroup) corresponderá a una columna de la tabla. De esta forma, el número final de filas de la tabla se corresponderá con el número de elementos TableRowinsertados, y el número total de columnas quedará determinado por el número de componentes de la fila que más componentes contenga.
Por norma general, el ancho de cada columna se corresponderá con el ancho del mayor componente de dicha columna, pero existen una serie de propiedades que nos ayudarán a modificar este comportamiento:

• android:stretchColumns. Indicará las columnas que pueden expandir para absorver el espacio libre dejado por las demás columnas a la derecha de la pantalla.
• android:shrinkColumns. Indicará las columnas que se pueden contraer para dejar espacio al resto de columnas que se puedan salir por la derecha de la palntalla.
• android:collapseColumns. Indicará las columnas de la tabla que se quieren ocultar completamente.

1. <TableLayout
2.    xmlns:android="http://schemas.android.com/apk/res/android"
3.    android:layout_width="fill_parent"
4.    android:layout_height="fill_parent"
5.    android:stretchColumns="1" >
7.     <TableRow>
8.         <Button android:text="Celda 1.1" />
9.         <Button android:text="Celda 1.2" />
10.     </TableRow>
12.     <TableRow>
13.         <Button android:text="Celda 2.1" />
14.         <Button android:text="Celda 2.2" />
15.     </TableRow>
17.     <TableRow>
18.         <Button android:text="Celda 3"
19.               android:layout_span="2" />
20.     </TableRow>
22. </TableLayout>

 Fuente:http://developer.android.com/guide/topics/ui/declaring-layout.html

ejemplo Reproducir MP3 en Android [Proyecto Eclipse]

Es un pequeño ejemplo de como reproducir clips de sonido en Android, en este caso .mp3 . tambien se implementa una barra de progreso muy util .aCabe destacar que esta hecho para android 2.2 sin mas aqui el proyecto para eclipse. AQUI

Ejemplo Notepad con SQLite en Android [Proyecto Eclipse]

Es un sencillo ejemplo ejemplo del Uso y manejo de las Bases de Datos para hacerlo seguí el tutorial en la pagina oficial de desarrolladores de android.

http://developer.android.com/resources/tutorials/notepad/notepad-ex3.html

solo deben descomprimir el .rar y abrir el proyecto desde Eclipse , el ejemplo esta hecho para Android 2.2

Descargar Proyecto Aqui