Como posicionar Objetos en pantalla cuando trabajamos con Silverlight.
Posted by: César on: Febrero 3, 2009
Tiempo hace que desarrollamos en la web, y por eso, nos hemos acostumbrado a ir posicionando objetos en función de un Layout que resulta de la aplicación de estilos css a elementos HTML. Cuando hemos trabajado con flash (o con algún Windows Form), posicionar objetos, es más sencillo, ya que simplemente tenemos que aplicarles unas coordenadas, posicionando estos objetos de forma absoluta.
Ahora que tenemos que aprender Silverlight (o Moonlight los linuxeros), con uno de los primeros problemas que nos vamos a encontrar, es con el posicionamiento de los elementos en pantalla. No os asustéis, porque no es muy complicado, pero sí que es verdad que tenemos varias opciones donde elegir, las cuales vamos a ver en breve.
Posicionando elementos en pantalla.
Silverlight, para permitirnos posicionar los elementos en pantalla de una forma flexible, nos proporciona tres controles:
- StackPanel
- Canvas
- Grid
Estos 3 elementos, nos van a permitir, posicionar otros elementos de formas más bien distintas.
Los 3 heredan de la clase Panel, y ahora vamos a ver con que funcionalidad nos fortalecen o penalizan cada vez que usemos uno de ellos.
El StackPanel.
El StackPanel, es el más sencillo de los tres, nos permite posicionar varios elementos, uno a continuación de otro y en dirección horizontal o vertical.
El código XAML necesario es el siguiente: Leer el resto de esta entrada »
Dependency Properties y Attached Properties, ¿Qué son?
Posted by: César on: Enero 29, 2009
- In: Silverlight| WPF
- 1 Comentario
Cuando estas empezando a aprender Silverlight o Windows Presentation Foundation (aka WPF) y las tecnologías lo hacen posible como por ejemplo XAML, empiezas a encontrar algunos conceptos nuevos que ha introducido ASP.NET 2008 y el Framework 3.5.
WPF, introduce un nuevo uso de las propiedades mucho más inteligente y sofisticado, estas son las Dependency Properties y las Attached Properties, dos tipos nuevos de propiedades (o un tipo y medio por lo menos) que nos proporciona el Framework y que nos vamos a cansar de usar cuando nos toque crear interfaces (y lo que no son interfaces) con XAML.
Dependency Properties
Una Dependency Property, es un tipo especial de propiedad que devuelve una propiedad .NET y además el valor de la susodicha Dependency Property, depende de otros elementos, por eso no es suficiente con una propiedad normal.
Las características de las Dependency Properties son: Leer el resto de esta entrada »
Los selectores propios de JQuery. Seleccionando un conjunto de elementos del DOM: El uso del alias $ cuando trabajamos con JQuery.
Posted by: César on: Noviembre 10, 2008
Para finalizar la línea de post que habla de la (gran) potencia de selección de la que goza JQuery, solo nos queda ver, los selectores propios de JQuery. Como ya hemos visto en anteriores post, una de las principales características de JQuery es que podemos seleccionar un conjunto de elementos de una forma muy simple, potente y elegante. Esta funcionalidad nos la proporciona la función $ (alias de objeto JQuery), pero no solo puede hacer esto, sino que también nos permite:
- Estable el ciclo de vida del código.
- Seleccionar un conjunto de elementos del DOM.
- Selección básica con selectores CSS.
- Selecciones por medio de atributos, hijos y contenedores.
- Selecciones por medio de la posición.
- Selecciones gracias a los selectores que nos proporciona JQuery.
- Sirve como namespace para usar funciones globales.
- Crea elementos del DOM en base a código HTML.
Los selectores propios de JQuery.
JQuery, para completar la capacidad de selección de la que goza nos proporciona una serie de selectores propios. Estos selectores nos van a permitir realizar acciones que por su naturaleza o finalidad no las podemos realizar con selectores CSS. Supón que quieres seleccionar todos los checkboxes chequeados. Este tipo de acciones son las que nos permiten realizar los selectores propios de JQuery. Veamos cuales son: Leer el resto de esta entrada »
Selectores basados en la posición. Seleccionando un conjunto de elementos del DOM.
Posted by: César on: Noviembre 7, 2008
Volvemos a hablar de JQuery y seguimos con los selectores (aunque ya queda poco). Hoy vamos a ver los selectores que se basan en la posición de un objeto dentro del árbol del DOM de la página. Recordar que para poder seleccionar un conjunto de elementos, lo hacemos mediante la función $ (alias del objeto JQuery). Esta función tiene 4 usos principales:
- Estable el ciclo de vida del código.
- Seleccionar un conjunto de elementos del DOM.
- Selección básica con selectores CSS.
- Selecciones por medio de atributos, hijos y contenedores.
- Selecciones por medio de la posición.
- Selecciones gracias a los selectores que nos proporciona JQuery.
- Sirve como namespace para usar funciones globales.
- Crea elementos del DOM en base a código HTML.
Seleccionando un conjunto de objetos del DOM en función de la posición.
Algunas veces, nos vamos a encontrar con la tesitura de querer seleccionar un conjunto de objetos del DOM, en función de la posición que tienen en la página o en función de la relación que tienen con otros objetos. Leer el resto de esta entrada »
Selectores basados en atributos, hijos y contenedores padres. Como seleccionar un conjunto de elementos del DOM
Posted by: César on: Noviembre 5, 2008
Siguiendo con la línea de post sobre JQuery, hoy vamos a continuar con los selectores. Vamos a ver cómo realizar selecciones en base a atributos, hijos y contenedores, pero antes, recordemos que hace la función $ (el alias del objeto JQuery).
- Estable el ciclo de vida del código.
- Seleccionar un conjunto de elementos del DOM.
- Sirve como namespace para usar funciones globales.
- Crea elementos del DOM en base a código HTML.
Como he dicho vamos a seguir hablando sobre cómo seleccionar un conjunto de elementos del DOM. JQuery, para seleccionar elementos lo realiza por medio de las siguientes acciones:
- Selección básica con selectores CSS.
- Selecciones por medio de atributos, hijos y contenedores.
- Selecciones por medio de la posición.
- Selecciones gracias a los selectores que nos proporciona JQuery.
Selecciones por medio de atributos, hijos y contenedores.
Estos selectores, son más avanzados que los basados en los selectores CSS. Aun así, están basados en la siguiente generación de selectores CSS (que ya esta soportada por Firefox, IE7, Safari etc…). Estos selectores incluyen selección en función de atributos (en base a una condición), e hijos (directos) de un objeto padre. Leer el resto de esta entrada »
Los selectores basicos de JQuery basados en CSS. Seleccionando un conjunto de elementos del DOM.
Posted by: César on: Octubre 31, 2008
Como ya hemos visto anteriormente, el “$” de JQuery, es un alias que nos permite acceder al objeto jQuery.
Este objeto, realiza varias funciones:
- Estable el ciclo de vida del código.
- Seleccionar un conjunto de elementos del DOM.
- Sirve como namespace para usar funciones globales.
- Crea elementos del DOM en base a código HTML.
Hoy vamos a ver qué posibilidades tenemos para seleccionar conjuntos de elementos del DOM.
Seleccionando un conjunto de elementos del DOM con JQuery.
La capacidad de selección de elementos del DOM, seguramente es la mayor fortaleza de JQuery frente a otras librerías, ya que de una forma muy sencilla y elegante (y potente) podemos ir seleccionando elementos a los cuales, después, les podemos suscribir eventos, podemos operar con ellos etc..
Para seleccionar elementos, JQuery se basa en la sintaxis de las hojas de estilo CSS y además la extiende para realizar selecciones comunes y potentes.
JQuery nos proporciona distintos mecanismos para seleccionar objetos del DOM, y los podemos resumir en:
- Selección básica con selectores CSS.
- Selecciones por medio de atributos, hijos y contenedores.
- Selecciones por medio de la posición.
- Selecciones gracias a los selectores que nos proporciona JQuery.
Selección básica con selectores CSS. Leer el resto de esta entrada »
Estableciendo el ciclo de vida de la funcionalidad cliente por medio del evento ready: El uso del alias $ cuando trabajamos con JQuery.
Posted by: César on: Octubre 29, 2008
El día 29, Scott Guthrie (y muchos otros bloggers) anuncio la relación de colaboración entre JQuery y Microsoft, siendo esta distribuida con Visual Studio y el ide dotado de intellisense para que el desarrollo sea más sencillo.
Pues bien, hoy vamos a ver algún aspecto básico de esta (fabulosa) librería que seguro que de ahora en adelante nos va a ser tremendamente útil y nos va a facilitar la vida.
La función $.
El “$” de JQuery no viene a ser nada más que un alias para usar el objeto jQuery().
Esta función generalmente vamos a ver que se usa para seleccionar elementos del DOM, pero reamente las funciones que realiza son: Leer el resto de esta entrada »
Javascript no intrusivo (Unobtrusive JavaScript). ¿Qué es? y ¿en que se fundamenta?
Posted by: César on: Octubre 24, 2008
Tras un pico de trabajo que ha superado a los 14 ocho miles juntos, vuelve el hombre!!!
Cuando estamos construyendo nuestras aplicaciones, una de las máximas que tenemos que tener siempre en mente es hacerlo de un forma lógica y desacoplada, para que estas, en un futuro, sean fácilmente mantenibles y escalables.
Para conseguir esto, por norma general, dividimos nuestras aplicaciones en capas, y en cada una de ellas vamos insertando la funcionalidad de la aplicación.
Trabajar con capas (no me voy a extender mucho en esto), es totalmente beneficioso, ya que nos vamos a encontrar principalmente con:
- Código desacoplado.
- Código escalable.
- Código mantenible.
Y si en el futuro nos vemos en la tesitura, de modificar nuestra app, no vamos a tener que modificar toda la aplicación si no simplemente la capa necesaria.
Bien, cuando trabajamos con la interfaz de usuario, tenemos que hacer lo mismo y ya no simplemente por beneficiarnos de un código desacoplado, escalable y mantenible si no también porque si entendemos documento Web, como un documento que nos permite difundir información (y además que tiene que ser accesible), en esta información no se ha de contemplar asuntos como el look & feel de la página o la funcionalidad cliente.
En el principio de los tiempos, las páginas web, estaban creadas de manera que eran ellas las que definían la estructura del sitio y la información a mostrar, el look & feel de la página (quien no se acuerda de los tag Font), y la funcionalidad cliente. Con el paso del tiempo, han aparecido las hojas de estilo, con lo cual nos han permitido separar (o casi en algunos casos) el look & feel de un sitio web del contenido (si no te crees esto puedes darte una vuelta por css zen garden), pero ¿qué pasa con la funcionalidad cliente?.
¿Qué es el Javascript no intrusivo? y ¿en que se fundamenta?
El Blog Action Day en Adeshoras
Posted by: César on: Octubre 15, 2008
Hoy 15 de Octubre es el Blog Action Day, iniciativa que pretende aunar el esfuerzo de los bloggers para que se hable de la pobreza.
En el sitio web del Blog Action Day, se aconseja que cada blog, fusione su temática con la de la pobreza, y aunque para un blogger tecky es un poco complejo, quería participar ya que creo que nosotros los habitantes del primer mundo deberíamos hacer algo para que no existiera ni un primer, ni segundo ni un tercer mundo, si no un mundo donde la igualdad fuera real.
Terra lanza la Beta de su nueva Home Page
Posted by: César on: Octubre 2, 2008
Terra, el portal de contenidos perteneciente a Telefónica, lanza hoy la beta de su nueva home page.
Con este rediseño, consiguen seguir mostrándole al usuario contenidos de actualidad (noticias, cine, música et…) y además como novedad, le ofrece al usuario gran cantidad de servicios, como Horóscopo, Tiempo, Feeds etc… Leer el resto de esta entrada »
- Generando un hash MD5 con ASP.NET y C# de forma sencilla y simple.
- Globalización y localización. Crea Aplicaciones muliidioma de forma sencilla con c# y .net
- Operadores de Linq: Como usar los operadores Take, StartsWith, EndsWith y Contains
- Voz activa o voz pasiva ¿Que es lo que tenemos que usar en la web?
- Ordenando un GridView mediante el evento Sorting (El GridView y sus eventos: El evento Sorting)
- Eliminando acentos de un string con ASP.NET y C#. 2 formas distintas de eliminar los acentos de manera eficiente.
- Generando un hash sha1 con ASP.NET y C# de forma sencilla y simple.
- Selectores basados en atributos, hijos y contenedores padres. Como seleccionar un conjunto de elementos del DOM
- Los selectores propios de JQuery. Seleccionando un conjunto de elementos del DOM: El uso del alias $ cuando trabajamos con JQuery.
- Proyectos de Bases de Datos en Visual Studio
- César: Hola Fernando, si lo que quieres es que cuando inicien la aplicación les aparezca en un idioma determinado, puedes intentar obtener la cultura del
- Fernando: Hola, muy buen articulo, en estos momentos estoy haciendo una aplicacion que no es multidioma pero el cliente lo que me dice es que los usarios finale
- César: muchas gracias!!!! me alegro que te guste. salud
