Introduccion
UI en Android: ¿Por qué? ¿Cómo?
Revisando los archivos para una UI
Instalando Android Studio
Enlazando nuestro layout con el código
Creando una UI
La vista de diseño en Android Studio
La clase R
Widgets y Vistas
ViewGroup y View: Diferencias básicas
Atributos importantes: alto, ancho y id
Otros atributos y el namespace tools
Layouts base
LinearLayout: Organizacion lineal
RelativeLayout: organizando con referencias
RelativeLayout: Uso práctico
FrameLayout: Alineación por region
FrameLayout: Uso práctico
Layouts externos: ConstraintLayout
Estilos y temas
¿Qué es un estilo?
¿Qué es un tema?
Distribuyendo nuestros valores
Extendiendo los widgets
Agregando widgets externos
Reutilizando elementos
Cierre
Recapitulación y cierre del curso
Sinuhé Jaime Valencia
Aportes 51
Preguntas 5
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>
<NAMESPACE:TAG atr="val">
Contenido
</NAMESPACE:TAG>
En otras palabras, es un medio para organizar clases dentro de un entorno,<Profesor:Luis
trabajo:horario="9-11"
trabajo:email="[email protected]"
persona:id="@user9283">
</Profesor:Luis>
<br><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.
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: 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" />
<TAG atributo="valor">
contenido
</TAG>
<Profesor:Luis
trabajo:Horario="9-11"
trabajo:id="[email protected]"
personal:id="@luis">
</Profesor:Luis>
<TextView
android:text="Platzi" />
Como saber de donde viene un namespace?
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>
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!! 😃
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
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?