UI en Android: ¿Por qué? ¿Cómo?

1/20
Recursos
Transcripción

Aportes 51

Preguntas 5

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Que increíble encontrar a un compañero de mi universidad UNAM FES Acatlán, de la carrera Lic. Matemáticas Aplicadas y Computación, ahora como profesor de Platzi, sin duda desde que era estudiante era un genio.

En reasumen:

XML(eXtensible Markup Language):
es un lenguaje de etiquetas, es decir, cada paquete de información está delimitado por dos etiquetas/tags
como se hace también en el lenguaje HTML, pero XML separa el contenido de la presentación.

<H1>Mateo</H1> <--- HTML
<Nombre>Mateo</Nombre> <--- XML

<H1> y <Nombre> son etiquetas/tags. Ambas encierran el texto o paquete de información Mateo. <br>
La etiqueta <H1> es de HTML, y se encarga de mostrar visualmente el texto Mateo en la página web en un tamaño
determinado pero no dice nada del significado de Mateo: si es una ciudad o un nombre, por ejemplo. <br>
En cambio la etiqueta <Nombre> es de XML y nos dice que Mateo es un nombre de persona,
por lo tanto XML se preocupa del significado del texto que encierra y no de la apariencia de cómo se muestre el texto en la página web.
Por eso se dice que XML es un lenguaje de etiquetas, que como hemos dicho anteriormente, separa el contenido de la presentación.<br><br>
Los tags (etiquetas) pueden tener atributos, que son una manera de incorporar características o propiedades a las etiquetas de un documento.
El atributo consta de dos partes: La propiedad del elemento y el valor de la propiedad,
que siempre va entre comillas doble (“) o simple (‘).

<TAG atributo="valor">
    Contenido
</TAG>

<TAG-2 atributo="valor"/>

Ejemplo practico:

<Datos-Nacimiento>
    <Persona>
       <Nombre>Mateo</Nombre>
       <Fecha>15.10.2012</Fecha>
       <Ciudad>Madrid</Ciudad>
       <Peso>3.1Kg</Peso>
       <Estatura>45cm</Estatura>
    </Persona>
    <Persona>
       <Nombre>Maribel</Nombre>
       <Fecha>11.09.2012</Fecha>
       <Ciudad>Sevilla</Ciudad>
       <Peso>3Kg</Peso>
       <Estatura>40cm</Estatura>
    </Persona>
</Datos-Nacimiento>
  • namespaces: es una forma de dar un contexto (scope), a un tag.
    Es definir donde un elemento tiene un valor definido.
    <NAMESPACE:TAG atr="val">
        Contenido
    </NAMESPACE:TAG>
    
    En otras palabras, es un medio para organizar clases dentro de un entorno,
    agrupándolas de un modo más lógico y jerárquico. <br>
    Ejemplo:
    <Profesor:Luis 
        trabajo:horario="9-11"
        trabajo:email="[email protected]"
        persona:id="@user9283">
    </Profesor:Luis>
    
    <br>
    En Android veremos mucho el namespace de Androdid en la siguiente forma:
<TextView android:text="Hola mundo" />

¿Pero como saber de donde proviene un namespace?<br>
Con la palabra reservada xmlns y con un URI/dirección que harà a entender de donde
un xml tiene su procedencia, de esa manera xml va a poder entender cuando un valor tiene
o no tiene un contexto y cuando puede darle o asignarle un comportamiento.<br>
Siguiendo el ejemplo anterior:

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

android es un alias asignado por nosotros. Podemos ver esto como una forma de encapsular otra etiqueta dentro una clase Android.

  • Un xml no es más que un lenguaje de marcado en cual se estructuran datos a través de tags.
  • Un tag es una forma de señalar datos.
  • Cuando un tag no tiene contenido como tal se conocen como inlinetag y se cierran directamente cuando se declaran.
  • Un namespace es una forma de darle contexto a un tag. Nos ayuda a entender dónde un tag tiene valor.
  • Los namespace provienen xmlns (xml namespace) donde vamos a darle una url de dónde un xml tiene su procedencia. De esta manera xml va a poder entender cuando tiene o no tiene un contexto y cuando puede darle o asignarle un comportamiento.

Les comparto mis notas. (・∀・)

Un resumen no tan resumen 😉

Qué es XML?
Lenguaje de marcado, en el cual se estructuran los datos a través de tags.

Qué es un tag?
Es la forma en la que señalamos datos en XML, contextualizado en atributos y contenido.

<TAG atributo=”valor”>
Contenido
</TAG>

InlineTag
Tags que no poseen contenido o atributos y se cierran en el mismo momento en el que se declaran.

Qué es NameSpace?
Se utilizan para categorizar/contextualizar tags/XML, y así proporcionar un alcance/scope a los mismos; por ende nos ayudan a brindar un contexto y a entender dónde un tag o un atributo toma valor.
Ejemplo:

Tag: Luis.
NameSpace: Profesor.
Contenido: Horario de 9 a 11.

Otro ejemplo de nameSpace, sería asignar al contenido horario de 9 a 11, el nameSpace Trabajo, siendo este una categorización del contenido. Es esencial entender que nameSpace se utiliza para contextualizar cualquier valor/atributo/contenido del XML.

Qué es nameSpace Android?
Ayuda al SDK de Android a entender lo que el desarrollador está tratando de mostrar en la pantalla.

<TextView
android:text=”Platzi”/>

¿Cómo saber de dónde proviene un nameSpace?
Xmlns = xml nameSpace
Dentro de este atributo(xmlns) se indica a través de un url la procedencia del nameSpace. De esta manera una XML entiende cuándo un valor tiene o no un contexto y cuándo debe/puede asignarle un comportamiento.

Muy buena explicación de XML y NAMESPACE

  • xml Lenguaje de margado en TAG
  • NameSpace forma de conceptualista un xml

XML: es un lenguaje de marcado, donde vamos a estructurar los datos a través de Tags.


Tags: Es una forma de señalar datos. Un tag puede tener atributos


Namespace: Es darle un contexto o categoría a un tag; esto no s ayuda a entender donde un tag tiene valor.


Un namespace tiene su procedencia a través del atributo xmlns

UI en Android: ¿Por qué? ¿Cómo?

Las vistas en android estan estructuradas de XML y names spaces.

En XML representamos los datos mediante tags atributos y contenidos.

<tag atributo="valor">
   contenido
</tag>

<tag-2 atributo="valor"/> //Inline tag

Tambien podemos encontrar esta forma:

<NAMESPACE:TAG atr="val">
   contenido
</NAMESPACE:TAG>

Los names spaces se usan para dar un contexto o un scope. Nos ayuda a entender donde un tag tiene un valor. Es definir donde un elemento tiene un valor definido.

En Android veremos mucho el names space de android. Este names space le ayuda al SDK de android a poder entender que es lo que se intenta mostrar en pantalla.

<TextView android:text="Platzi" />

Como sabemos de donde viene un names spaces?

El atributo xmlns que contiene un url de el origen del xml.

con el me queda claro, las bases de un buen programador son:
LA BARBA
CORTARSE EL CABELLO CON LA CERO
USAR LENTES

se ve que es un excelente profesor ❤️

UI en Android: ¿Por qué? ¿Cómo? (Clase 1)
.
Introducción:
XML; es un lenguaje de marcado, que será estructurado en mediante tags (Atributos).
NameSpaces; es una forma de dar una categoría o contexto a un tag (No solo se usan en los tags) Un namespace puede provenir de xmlns.

❗ Excelente introducción ❗
✔️ XML
✔️ NameSpaces

Nuevo material!!!

Es increíble que para poder realizar una interfaces de una aplicación de Android se tenga que ir a un video de YouTube que es gratis (https://www.youtube.com/watch?v=ZH5PNXrZ20o&list=PLsWpAR7cQGdP9q7wfj9Kie4RRi3hngwln&index=2), voy en el segundo video de ese link en YouTube y he aprendió más que en el mismo ruta de Android que actualizo platzi este año(https://platzi.com/ruta/desarrollo-android/)

ya que en platzi donde se paga más de un millón de pesos anuales no se tiene ningún curso enfocado Android, donde se cree una interface de una aplicación desde 0 con adobe xd o el programa que sea.

<hogar: laptop servicio=“8-2” usuario=“user”>
</hogar: laptop>

Excelente profesor, muy interesante.

XML (Extensible Markup Language):
- Lenguaje de etiquetas/tags donde representamos los datos mediante tags.
- Tags:
Es una forma de señalar datos, dividiendose en atributos para dar contexto de lo que representamos.
Pueden o no tener un contenido.
Cuando un tag no tiene contenido se le conoce como inlinetag y se cierran directamente cuando se declaran
- Namespace:
Categorizar los tags, dar contexto de los tags.
Donde el tag tiene un significado.
xmlns: xml Namespace, esto dice de donde un XML tiene una presedencia.

Al fin supe que significa el xmlns

la ruta de Desarrollo de Android no esta actualizada, no incluye este curso!

Excelente introducción

para los que tengan problemas con la linea de usuario y password, prueben ponerle un margin al logo, aqui un ejemplo: <ImageView android:layout_margin="10dp" android:layout_gravity="center" android:layout_width="160dp" android:layout_height="120dp" android:src="@drawable/logotipo" />

  • XML(Xtensible Markup Language): Lenguaje de marcado, estructurado a través de tags/etiquetas.
  • tags: una forma de señalar datos en XML, contextualizado/derivado en atributos y contenido:
<TAG atributo="valor">
contenido
</TAG>
  • Inlinetag: cuando el tag no tiene contenido
  • namespace: forma de dar contexto/categorizar a un tag, atributo,…(elementos de un XML):
<Profesor:Luis
trabajo:Horario="9-11"
trabajo:id="[email protected]"
personal:id="@luis">
</Profesor:Luis>
  • En Android se ve mucho el namespace de android:
<TextView
	android:text="Platzi" />

Como saber de donde viene un namespace?

  • En XML tenemos el atributo llamado xmlns(xml namespace), donde vamos a darle una URL/Dirección de donde un XML tiene su procedencia, así XML podrá entender cuando un valor tiene o no contexto, y cuando puede asignarse un comportamiento.

XML (Extensible Markup Language): - Lenguaje de etiquetas/tags donde representamos los datos mediante tags. - Tags: Es una forma de señalar datos, dividiendose en atributos para dar contexto de lo que representamos. Pueden o no tener un contenido. Cuando un tag no tiene contenido se le conoce como inlinetag y se cierran directamente cuando se declaran - Namespace: Categorizar los tags, dar contexto de los tags. Donde el tag tiene un significado. xmlns: xml Namespace, esto dice de donde un XML tiene una presedencia.

XML, TANGS Y NAMESPACES

Nuevo desafio! ❤️

¡oh! que complicado

exelente curso

exelente explicacion

😎😎😎

UI en Android: ¿Por qué? ¿Cómo?

<h4>XML y Namespaces</h4>

Un XML es lenguaje de marcado en el que representamos datos mediante tags, atributos y contenido.

<TAG atributo = "valor">
	Contenido
</TAG>
<TAG-2 atributo = "valor" /> // inline tag

Un namespace es una forma de darle un contexto a un tag, esto nos puede ayudar a entender dónde un tag tiene valor.

<NAMESPACE:TAG atributo = "valor">
	Contenido
</NAMESPACE:TAG>
<h4>Namespace</h4>
  • Un namespace es un contexto.
  • Es definir dónde un elemento tiene un valor definido.

Por ejemplo:

<Luis horario = "9-11">
</Luis>

Este podría se cualquier Luis, pero con un namespace se le puede dar un contexto para especificar de quién se trata:

<Profesor:Luis horario = "9-11">
</Profesor:Luis>

También es posible agregar namespaces a los atributos:

<Profesor:Luis trabajo:horario = "9-11"
trabajo:id = "[email protected]"
personal:id = "@luis">
</Profesor:Luis>

En Android es muy común encontrarse con el namespace “android”, este le ayuda al SDK de Android a entender que es lo que quiere el desarrollador.

<TextView android:text = "Platzi" />

Para saber de donde proviene un namespace se le agrega un atributo llamado xmlns (XML namespace) que tiene como valor una dirección de donde un XML tiene su procedencia.

Mis apuntes de esta Clase:

  • XML

    Es un lenguaje de marcado en el que se representan mediante tags, atributos y contenido.

    <TAG atributo="valor">
    	Contenido
    </TAG>
    
    <TAG-2 atributo="valor" />
    
  • Namespace

    Es un una forma de darle contexto o categoría a un tag. Permite definir donde un elemento tiene un valor definido.

    <NAMESPACE:TAG atr="val">
    	Contenido
    </NAMESPACE:TAG>
    

    Un ejemplo para entender esto un poco mejor es el siguiente:

    <Profesor:Luis trabajo:horario="9-11" trabajo:id="[email protected]" personal:id="@luis"></Profesor:Luis>
    

    Si definiera sólo un tag <luis> no se sabría con certeza de quién se esta hablando, pero al definir un namespace se da más contexto pues se da a entender que <Luis> es un profesor. Además los namespaces no sólo se pueden usar en tags sino también en atributos, por ejemplo en vez de poner un atributo que sólo ponga horario="9-11" se puede dar más contexto estableciendo con un namespace que ese horario es el de su trabajo.

    Para saber de donde proviene un namespace se usa el atributo xmlns:platzi="http:platzi.com/"> en el que se especifica la URL de laque un namespace tiene su procedencia.

Presentacion de Profesor

Los namespace se le pueden agregar atributos para darle mas sentido al tag en android

**Namespace: **
Es un contexto. Es definir donde un elemento tiene un valor definido.

Muy buena clase. 😃

wow! un buen resumen de intro, pues continuemos 😃

XML -> es el lenguaje por etiquetas. Con este lenguaje se crean layouts en android.
TAG -> Es la forma como se identifica un dato o etriqueta.
NAMESPACE -> Se usa para definir un atributo.

Entendí bastante sobre la estructura de los componentes en Android, GRACIAS.

Xml: es un lenguaje de marcado(como html) que nos ayudará a hacer tags
namespace: es una manera de contextualizar los elementos de xml, nos da mas información de tags y atributos. Es una manera de dar un scope
Android suele usar un nameSPace “android” para ayudarle al sdk
xmlns: nos ayuda a que el xml sepa si un valor tiene contexto.

Vale es un poco complicado ya que el concepto es nuevo. Asi que un namespace da una contexto, pero para eso tiene que estar necesariamente referenciado a un sitio en la web o puede ser dentro del programa?

Uff vengo siguiendo la ruta de Desarrollo de Aplicaciones Android y está clase me hace sentir que me faltó algo antes. Me da la impresión que la ruta no está muy bien planeada… En fin, a ver que tal me va.

Wow este curso empieza fuerte!! 😃

Gracias muy interesante

wena wena

Muy buena introducción

<TextView android:text=“Platzi” />
Este tag es una de los que vamos a ver más al construir apps en android

Que gran introducción

Origen del namespace

Namespace

Estructaracion de la vista en Android

Objetivos del Curso

Platzi day y no me permite ver algún curso