0% encontró este documento útil (0 votos)
40 vistas6 páginas

Clase Nr1 Code Assit

XML es un lenguaje de marcado diseñado para almacenar y transportar datos de manera estructurada y legible. A diferencia de HTML, XML permite definir etiquetas personalizadas y se utiliza comúnmente para el intercambio de datos y la estructuración de documentos. El documento también incluye ejemplos de código XML y Java para la creación de interfaces gráficas en Android.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
40 vistas6 páginas

Clase Nr1 Code Assit

XML es un lenguaje de marcado diseñado para almacenar y transportar datos de manera estructurada y legible. A diferencia de HTML, XML permite definir etiquetas personalizadas y se utiliza comúnmente para el intercambio de datos y la estructuración de documentos. El documento también incluye ejemplos de código XML y Java para la creación de interfaces gráficas en Android.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

CLASE NR1 CODE ASSIT

XML (Extensible Markup Language) es un lenguaje de marcado diseñado para almacenar y transportar datos de una manera estructurada y legible tanto para
humanos como para máquinas. A diferencia de HTML, que está orientado a la presentación de datos, XML se centra en describir y organizar la información de
manera jerárquica.
1) Concepto Básico de XML
Extensible: A diferencia de otros lenguajes de marcado, como HTML que tiene etiquetas predefinidas, XML permite que tú definas tus propias etiquetas, lo que lo
hace extremadamente flexible.

2) Markup Language (Lenguaje de Marcado): Similar a HTML, XML utiliza etiquetas para delimitar los datos. Las etiquetas están entre < >, y siempre deben
tener una etiqueta de apertura y de cierre.

¿Para qué se usa XML?


Intercambio de datos: XML es usado comúnmente para intercambiar información entre diferentes sistemas, ya que es compatible con múltiples plataformas.

Estructuración de documentos: Sirve para almacenar datos de manera estructurada, como archivos de configuración, datos de aplicaciones, o incluso el diseño
de interfaces gráficas, como en Android.
<persona>
<nombre>Juan</nombre>
<edad>30</edad>
<ciudad>Madrid</ciudad>
</persona>
CODIGO DE DISEÑO SIN MODIFICACION:
<?xml version="1.0" encoding="utf-8"?>
<!-- Declaración de la versión del XML y la codificación de caracteres utilizada -->

<[Link]
xmlns:android="[Link]

xmlns:app="[Link]
<!-- Declaración del espacio de nombres para los atributos personalizados de la app -->

xmlns:tools="[Link]
<!-- Declaración del espacio de nombres para las herramientas de desarrollo (atributos usados solo en el editor) -->

android:layout_width="match_parent"
<!-- El ancho del ConstraintLayout es igual al ancho de la pantalla del dispositivo -->

android:layout_height="match_parent"
<!-- La altura del ConstraintLayout es igual a la altura de la pantalla del dispositivo -->

tools:context=".MainActivity">
<!-- Herramienta de contexto que define la actividad asociada para el diseño en tiempo de diseño (solo afecta al editor) -->

<TextView
android:layout_width="wrap_content"

android:layout_height="wrap_content"
<!-- La altura del TextView se ajustará al contenido (tamaño del texto) -->

android:text="Hello World!"
<!-- Define el texto que se mostrará dentro del TextView: "Hello World!" -->

app:layout_constraintBottom_toBottomOf="parent"
<!-- El borde inferior del TextView está alineado con el borde inferior del elemento padre (ConstraintLayout) -->

app:layout_constraintLeft_toLeftOf="parent"
<!-- El borde izquierdo del TextView está alineado con el borde izquierdo del elemento padre (ConstraintLayout) -->

app:layout_constraintRight_toRightOf="parent"
<!-- El borde derecho del TextView está alineado con el borde derecho del elemento padre (ConstraintLayout) -->

app:layout_constraintTop_toTopOf="parent" />
<!-- El borde superior del TextView está alineado con el borde superior del elemento padre (ConstraintLayout) -->

</[Link]>
<!-- Cierre del ConstraintLayout, que agrupa todos los elementos internos -->
XML MODIFICADO
<?xml version="1.0" encoding="utf-8"?>
<[Link] xmlns:android="[Link]
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">

<TextView
android:id="@+id/textViewEntero"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Entero: "
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp" />

<TextView
android:id="@+id/textViewFlotante"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Flotante: "
app:layout_constraintTop_toBottomOf="@id/textViewEntero"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp" />

<TextView
android:id="@+id/textViewCadena"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Cadena: "
app:layout_constraintTop_toBottomOf="@id/textViewFlotante"
app:layout_constraintStart_toStartOf="parent"
android:layout_marginTop="16dp"
android:layout_marginStart="16dp" />

</[Link]>
Código en java
package [Link];

import [Link];

import [Link];

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
}
}
EDIT DE CODIGO EN JAVA
package [Link];

import [Link];
import [Link];
import [Link];

public class MainActivity extends AppCompatActivity {

// Declaración de las variables


int a = 3;
float b = 3.4f;
String c = "Jesus";

@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);

// Obtener referencias de los TextView del layout


TextView textViewEntero = findViewById([Link]);
TextView textViewFlotante = findViewById([Link]);
TextView textViewCadena = findViewById([Link]);

// Asignar los valores a los TextView


[Link]("Entero: " + a);
[Link]("Flotante: " + b);
[Link]("Cadena: " + c);
}
}
<TextView
android:id="@+id/textViewFlotante"
<!-- Define el identificador único de este TextView como "textViewFlotante". El símbolo "@+id" indica que
se está creando un nuevo ID. -->

android:layout_width="wrap_content"
<!-- Establece el ancho del TextView ajustado al contenido. El ancho será tan grande como el texto que
contiene. -->

android:layout_height="wrap_content"
<!-- Establece la altura del TextView ajustada al contenido. La altura será tan alta como el texto que
contiene. -->

android:text="Flotante: "
<!-- El texto que se mostrará en este TextView será "Flotante: ". Este es el valor que se verá en la
interfaz de usuario. -->

app:layout_constraintTop_toBottomOf="@id/textViewEntero"
<!-- Establece una restricción en el diseño que indica que el borde superior de este TextView debe estar
alineado con el borde inferior del TextView con ID "textViewEntero". Esto asegura que este TextView esté
debajo de "textViewEntero". -->

app:layout_constraintStart_toStartOf="parent"
<!-- Establece que el borde izquierdo (start) de este TextView esté alineado con el borde izquierdo
(start) del elemento padre (el ConstraintLayout). -->

android:layout_marginTop="16dp"
<!-- Añade un margen de 16dp en la parte superior del TextView, separándolo de la vista ubicada encima. -
->

android:layout_marginStart="16dp" />
<!-- Añade un margen de 16dp en el lado izquierdo (start) del TextView, separándolo del borde izquierdo
del contenedor padre. -->

También podría gustarte