ANDROID Studio (25) – Construcción de la interfaz

Con el componente LinearLayout se puede realizar la interfaz que permite ver un book.

Esta construcción de la interfaz se puede realizar bien por medio del modo Design (por medio del ratón) o bien con escritura de código por medio de la opción Text. Este siempre será así en Adroid Studio.

Aquí se indica un ejemplo en la que cada componente tiene su identificador:

<Text  versión=”1.0”  encoding=  “utf-8”?>

<LinearLayout

[ns:Android=http://schemas.android.com/apk/res/android

android:orientation=”vertical”

android:layout_gravity=”center”

android:layout_width=”match_parent”

android:layout_margin=”8dp”

android:layout_height=”match_parent”>

<TextView

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:text=”título del libro”

android:id =”@+id/tituloLIBRO”

android:layout_gravity=”top |  center_horizontal”

android:textSize =”22sp”/>

<TextView

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:layout_marginTop=”16dp”

android:text=”año”

android:id =”@+id/tituloLIBRO”

android:textSize=”15sp”

android:id=”@+id/anyoLIBRO”    />

<TextView

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:layout_marginTop=”16dp”

android:text=”autor”

android:textSize=”18sp”

android:id=”@+id/autor”    />

<TextView

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:layout_marginTop=”16dp”

android:text=”editorial”

android:textSize=”18sp”

android:id=”@+id/editorial”    />

<TextView

android:layout_width=”wrap_content”

android:layout_height=”wrap_content”

android:layout_marginTop=”16dp”

android:textSize=”16dp”

android:text=”resumen”

android:minLines=”6”

android:maxLines=”16”

android:id=”@+id/resumenLibro”    />

 

La representación gráfica de todo este código escrito es la siguiente que se muestra.

 

101.jpg

 

 

Licencia Creative Commons Contenido Web de Yolanda Muriel está sujeto bajo Licencia Creative Commons Atribución-NoComercial-SinDerivadas 3.0 Unported.

Anuncio publicitario

Deja una respuesta

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s