0% found this document useful (0 votes)
92 views17 pages

Tarea 1 Android PDF

The document provides instructions for creating different layouts in Android: 1. A RelativeLayout with 6 TextViews arranged alternating left and right displaying numbers 1-6. 2. A vertical LinearLayout with 5 rows of favorite foods with a green background. 3. A FrameLayout containing two LinearLayouts, each with a paragraph of text, and buttons below. 4. A FrameLayout with three buttons labeled "Button 1,2,3" arranged at the top, middle and bottom. 5. A TableLayout organized into 5 rows and 3 columns with numbers 1-12 and a button in the middle of row 3.

Uploaded by

Rony Alvarez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
92 views17 pages

Tarea 1 Android PDF

The document provides instructions for creating different layouts in Android: 1. A RelativeLayout with 6 TextViews arranged alternating left and right displaying numbers 1-6. 2. A vertical LinearLayout with 5 rows of favorite foods with a green background. 3. A FrameLayout containing two LinearLayouts, each with a paragraph of text, and buttons below. 4. A FrameLayout with three buttons labeled "Button 1,2,3" arranged at the top, middle and bottom. 5. A TableLayout organized into 5 rows and 3 columns with numbers 1-12 and a button in the middle of row 3.

Uploaded by

Rony Alvarez
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

Tarea 1 android

1. Usar un relativelayout para listar una lista de 6 textview uno debajo


del otro, intercalando uno a la derecha y otro a la izquierda los
textview y colocándole los numero en letras ejemplo, uno, dos,
tres, cuatro y cinco a cada textview
a. Ejemplo:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity"

>

<TextView

android:id="@+id/textView"

android:layout_width="84dp"
android:layout_height="43dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="289dp"

android:layout_marginRight="289dp"

android:layout_marginBottom="410dp"

android:text="Uno" />

<TextView

android:id="@+id/textView2"

android:layout_width="89dp"

android:layout_height="33dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="49dp"

android:layout_marginRight="49dp"

android:layout_marginBottom="346dp"

android:text="Dos" />

<TextView

android:id="@+id/textView3"

android:layout_width="93dp"
android:layout_height="42dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="277dp"

android:layout_marginRight="277dp"

android:layout_marginBottom="304dp"

android:text="Tres"></TextView>

<TextView

android:id="@+id/textView4"

android:layout_width="91dp"

android:layout_height="39dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="50dp"

android:layout_marginRight="50dp"

android:layout_marginBottom="229dp"

android:text="Cuatro" />

<TextView

android:id="@+id/textView5"

android:layout_width="118dp"
android:layout_height="48dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="255dp"

android:layout_marginRight="255dp"

android:layout_marginBottom="183dp"

android:text="Cinco" />

<TextView

android:id="@+id/textView6"

android:layout_width="97dp"

android:layout_height="44dp"

android:layout_alignParentEnd="true"

android:layout_alignParentRight="true"

android:layout_alignParentBottom="true"

android:layout_marginEnd="41dp"

android:layout_marginRight="41dp"

android:layout_marginBottom="86dp"

android:text="Seis" />

</RelativeLayout>
2. También usar un linearlayout vertical para hacer una lista de 5 filas
con cinco comidas favoritas con el fondo del layout verde...
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#4CAF50"
android:orientation="vertical"
tools:context=".MainActivity">

<TextView
android:id="@+id/textView"
android:layout_width="221dp"
android:layout_height="60dp"
android:layout_weight="1"
android:foregroundGravity="center"
android:text="Arroz con carne" />

<TextView
android:id="@+id/textView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="pasta" />

<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="sancocho" />

<TextView
android:id="@+id/textView4"
android:layout_width="302dp"
android:layout_height="0dp"
android:layout_weight="1"
android:text="sopa" />

<TextView
android:id="@+id/textView5"
android:layout_width="166dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Mangu" />
</LinearLayout>

3. Crear una layout y colocar un framelayout y dentro colocar dos


linearlayout cada uno con un pequeño párrafo cada uno como un
pensamiento de superación y usar dos botones aceptar y cancelar
debajo de cada layout
<?xml version="1.0" encoding="utf-8"?>

<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_gravity="top"
>

<TextView
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="134dp"
android:text="La vida no es una trayectoria plagada de
problemas que necesitan ser resueltos; es una senda en la que
debes experimentar." />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_gravity="center"
>

<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="92dp"
android:text="Con pensamientos positivos y perseverancia,
solo es cuestión de tiempo que superes las adversidades y te
propongas nuevos retos." />

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Button" />
</LinearLayout>

</>

4. Crear un framelayout y dentro tres botones llamados botón 1,2,3,


uno al justo inicio otro en el medio y otro justo al final del layout

5. Usar un tablelayout y crearlo con 5 fila y 3 columnas, organizarlo


con los números desde el 1 al 12 y en la fila 3 colocar un botón en el
medio

<?xml version="1.0" encoding="utf-8"?>

<TableLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/BotonUnico1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:stretchColumns="1">

<TableRow
android:id="@+id/Comienzo"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<TextView
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5px"
android:text="uno"
android:textColor="#005501"
android:textSize="26sp" />

<TextView
android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:padding="5px"
android:text="dos"
android:textColor="#005501"
android:textSize="26sp" />

<TextView
android:id="@+id/text3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="5px"
android:text="TRES"
android:textColor="#005501"
android:textSize="26sp" />

</TableRow>

<TableRow
android:id="@+id/separador"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

</TableRow>
<TableRow
android:id="@+id/text4"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<TextView
android:id="@+id/text5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Cinco"
android:textSize="20sp" />

<TextView
android:id="@+id/text6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Seis"
android:textSize="20sp" />

<TextView
android:id="@+id/text7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Seis"
android:textSize="20sp" />
</TableRow>

<TableRow
android:id="@+id/text8"
android:layout_width="331dp"
android:layout_height="wrap_content">
<TextView
android:id="@+id/text9"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Doce"
android:textSize="20sp" />

<TextView
android:id="@+id/text10"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Ocho"
android:textSize="20sp" />

<TextView
android:id="@+id/text18"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="tres"
android:textSize="20sp" />

</TableRow>

<TableRow
android:id="@+id/table"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<TextView
android:id="@+id/text11"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="DOCE"
android:textSize="20sp" />

<TextView
android:id="@+id/text12"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Once"
android:textSize="20sp" />

<TextView
android:id="@+id/text13"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Diez"
android:textSize="20sp" />

</TableRow>

<TableRow
android:id="@+id/tr2"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<TextView
android:id="@+id/text14"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Cuatro"
android:textSize="20sp" />

<TextView
android:id="@+id/text15"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Siete"
android:textSize="20sp" />

<TextView
android:id="@+id/text16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Nueve"
android:textSize="20sp" />

</TableRow>

<TableRow
android:id="@+id/Tr3"
android:layout_width="fill_parent"
android:layout_height="wrap_content">

<FrameLayout
android:id="@+id/FR"
android:layout_width="fill_parent"
android:layout_height="2px"
android:layout_span="3"
android:background="#FFFFFF"></FrameLayout>
</TableRow>

<Button
android:id="@+id/boton"
android:layout_width="210dp"
android:layout_height="68dp"
android:layout_gravity="center_horizontal|center_vertical"
android:foregroundGravity="center_horizontal"
android:gravity="center_horizontal"
android:text="Boton" />

</TableLayout>

6. Usar un android:layout_span y colocarlo en el layout que


corresponde de los tres ejercicios dejados más arriba, solo seria
usar un ejemplo nuevo del ejercicio seleccionado con la nueva
opción agregada y ponerlo a funcionar, y dejar el ejercicio de
referencia seleccionado intacto.
7. Explique que hace android:stretchColumns=”*” en un tablelayout y
haga un ejemplo de uso.
8. Explicarla diferencia de un relativelayout y un framelayout exacta
en base a ejemplos y explicar en qué caso usaría uno y otro.

RelativeLayout basado en la relación de puntos de vista. Es un


administrador de diseño que le ayuda a organizar sus elementos
de la interfaz de usuario en función de alguna regla. Puede
especificar cosas como: alinear esto con el borde izquierdo de los
padres, colocarlo a la izquierda / derecha de estos elementos, etc.

FrameLayout permite ubicaciones a lo largo del eje Z. Es decir,


puede apilar sus elementos de vista uno encima del otro.

Usaría el relative layout para cuando tenga varios elementos


dispersos y el relative layout lo usaría para cuando tenga que
agrupar elementos encima del otro
9. Explicar en qué caso y por qué usaría un tablelayout y un gridlayout
según las informaciones entendidas y vistas.
si la cantidad de datos es baja, fija y no requiere
desplazamiento, yo usaría el TableLayout, pero si los
datos son grandes y requieren desplazamiento para
acceder, se debe usar GridLayout con RecyclerView.
10. Poner ejemplos de otros layout que existen y explicarlos, al menos
de 3
BorderLayout
Como se ve en el código anterior el BorderLayout se usa para acomodar los
componentes al norte, sur, este, oeste y centro de una ventana. Solo hay que agregar
un componente a un BorderLayout y decir donde queremos que se vea, ya sea al
centro, al norte, al sur, al este o al oeste.
El GridLayout se utiliza para crear matrices en una ventana. Acomoda los
componentes en un mismo tamaño. Es útil para realizar calculadoras.
Como se muestra en el código, para decir cuantas filas y columnas queremos en la
matriz, se coloca primero el número de filas y después el número de columnas, por
ejemplo, en el código, en el GridLayut del panel pGrid hay 3 filas y dos columnas,
pGrid.setLayout(new GridLayout(3, 2)).

FlowLayout
Este Layout es muy sencillo, ya que solo acomoda los componentes en fila hasta
donde se lo permita la ventana.

import java.awt.FlowLayout;

import javax.swing.JButton;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
import javax.swing.WindowConstants;

public class PruebaFlowLayout {


public static void main (String [] args)
{
JFrame v = new JFrame();

// Se pone el FlowLayout en la ventana


v.getContentPane().setLayout(new FlowLayout());

// Se instancian los componentes


JButton boton = new JButton("boton");
JTextField textField = new JTextField(10);
JCheckBox checkBox = new JCheckBox("check box");
JLabel etiqueta = new JLabel("Etiqueta");

// Se añaden los componentes a la ventana


v.getContentPane().add(boton);
v.getContentPane().add(textField);
v.getContentPane().add(checkBox);
v.getContentPane().add(etiqueta);

// Se muestra la ventana

v.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE)
;
// pack() hace que la ventana coja el tamaño
necesario para mostrar
// los componentes que hay en ella.
v.pack();
v.setVisible(true);
}
}

Subir el código en un documento de pdf al virtual. Probar su emulador


para que estén seguros que funcionan. Solo el código xml.

You might also like