Este documento describe diferentes tipos de layouts como FrameLayout, LinearLayout, RelativeLayout y TableLayout que permiten organizar elementos de forma gráfica en aplicaciones Android. También explica el uso de WebView para mostrar páginas web dentro de aplicaciones. Concluye enfatizando la importancia de considerar estas recomendaciones para optimizar procesos logísticos mediante un correcto diseño de layout.

1. “AÑO DEL DIALOGO Y LA RECONCILIACION NACIONAL”
FACULTAD DE INGENIERÍA
ESCUELA ACADÉMICA PROFESIONAL DE INGENIERÍA DE SISTEMAS Y TELEMÁTICA
ELECTIVO 403
“Layouts”
AUTORES
Arista Coronel Jorge Luis
Tarrillo Chavez Mirian Guisela
DOCENTE
Marco Aurelio Porro Chulli
BAGUA GRANDE - AMAZONAS
2018

3. Definición
El término layout proviene del inglés, que en
nuestro idioma quiere decir diseño, plan,
disposición. El vocablo es utilizado en el
marketing para aludir al diseño o disposición
de ciertos productos y servicios en sectores o
posiciones en los puntos de venta en una
determinada empresa

4. Tipos
FRAMELAYOUT
Si lo que deseamos
es poder poner un
widget encima de
otro, el Frame
Layout es tu
elección..

5. LINEARLAYOUT
Este tipo de layout
permite apilar las views
de forma que se
dispongan en filas o en
columnas.

6. LINEARLAYOUT
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<EditText android:id="@+id/TxtNombre"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<Button android:id="@+id/BtnAceptar"
android:layout_width="wrap_content"
android:layout_height="match_parent" />
</LinearLayout>

7. RELATIVELAYOUT
El Relative Layout,
su estructura es
dependiente, ya que
cada elemento
depende de uno o
varios elementos
para estructurarse,

8. RELATIVELAYOUT
android:layout_below="@id/etiqueta"/>
<Button
<Button
android:id="@+id/ok"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/entrada"
android:layout_alignParentRight="true"
android:layout_marginLeft="10dip"
android:text="OK" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/ok"
android:layout_alignTop="@id/ok"
android:text="Cancelar" />
</RelativeLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android
"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/etiqueta"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Escribe"/>
<EditText
android:id="@+id/entrada"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:drawable/editbox_backgrou
nd"

9. TABLELAYOUT:
Se trata de un layout que
organiza sus elementos
como una rejilla dividida en
filas y columnas. La anchura
de una columna vendrá
definida por la fila que
contenta la vista de máxima
anchura en dicha columna.
.

10. TABLELAYOUT
<Button
android:text="Cuatro"
android:padding="3dip" />
<Button
android:text="Cinco"
android:padding="3dip" />
</TableRow>
<View
android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<Button
android:text="Seis"
android:padding="3dip" />
<Button
android:text="Siete"
android:padding="3dip" />
</TableRow>
</TableLayout>
Ejemplo de TableLayout
<?xml version="1.0" encoding="utf-8"?>
<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TableRow>
<Button
android:text="Uno"
android:padding="3dip" />
<Button
android:text="Dos"
android:padding="3dip" />
</TableRow>
<TableRow>
<Button
android:text="Tres"
android:padding="3dip" />

11. WEBVIEW:
WebView es una
aplicación proporcionada
por Android a la que los
desarrolladores tienen
acceso a la hora de
programar sus
aplicaciones.

12. WEBVIEW
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>

13. conclusión
 Para concluir, es importante tener en cuenta las
anteriores recomendaciones, con el ánimo de
realizar un correcto diseño del layout que ayude a
optimizar los procesos logísticos al interior del
centro de distribución y a maximizar los recursos
de las empresas que piensan en hacer
ampliaciones a estos.