martes, 28 de enero de 2014

Tutorial Widgets Android

Tutorial Widgets Android

En este tutorial construiremos un widget estático muy básico para entender claramente la estructura interna de un componente de este tipo. Consiste en un simple marco rectangular verde con un mensaje de texto predeterminado (“Mi Widget Basico“). La sencillez del ejemplo nos permitirá centrarnos en los pasos principales de la construcción de un widget Android.
widget basico

Los pasos principales para la creación de un widget Android son los siguientes: 

1. Definición de su interfaz gráfica (layout)

Se crea un nuevo layout "miwidget.xml" el cual va a definir la interfaz gráfica del widget:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     android:orientation="horizontal"
        android:background="#4D4D4D"
        android:padding="10dp" >

        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="#A4C639"
            android:padding="5dp" >

            <TextView
                android:id="@+id/txtMensaje"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="Mi WidGet Basico"
                android:textColor="#FFFFFF"
                android:textSize="18sp" />
        </FrameLayout>
</FrameLayout>