El Blog de José Luis Latorre en Geeks.ms : silverlight

"Project3DToMouse" - agregando Proyección 3D al movimiento del ratón con estilo

Jose Luis Latorre — Mon, 07 Jun 2010 00:09:00 GMT

Los Comportamientos, más conocidos como Behaviors, fueron una de las grandes adiciones de Silverlight 3 y solo han hecho que mejorar con Silverlight 4. Uno de las cosas con las que acostumbro a trastear en casa desde que apareció han sido las animaciones y proyecciones 3D, tratando de conseguir efectos e interacciones avanzados... El punto principal es que no son sencillos de implementar y es complejo de "ajustar" por uno mismo ya que implica recodificar cada vez que se quiere cambiar una personalización... claro está que con los behaviors esto es mucho más cómodo, ofreciéndonos un gran interfaz para personalizar nuestros efectos sin mucho esfuerzo.

Con esto en mente he hecho este comportamiento que realiza una Proyección 3D en base a la posición relativa del ratón. Lo podéis probar aquí:

http://www.brainsiders.com/playground/Project3DToMouse/default.html

Que hace?

Anima una proyección del FrameworkElement objetivo en los ejes X e Y de forma proporcional a la posición del ratón respecto otro FrameworkElement, normalmente el panel base, LayoutRoot.
Calcula la proyección y la aplica con unos grados de amplitud personalizable para los ejes X e Y. Porque no una única amplitud? pues porque la pantalla no es proporcional y esto permite ofrecer una experiencia más adecuada a las dimensiones de la misma, o bien ofrecer este efecto de una forma muy concreta (vertical, horizontal).
También realiza una animación configurable en tiempo y Easing, con lo que un diseñador o alguien con gusto puede hacer algún efecto interesante, haciendo que se mueva suavemente o de una forma divertida con un movimiento elástico, por ejemplo..
También he añadido un flag para decidir si la orientación será respecto el ratón o versus el mismo.
y, si el ratón sale del ámbito de actuación, nos realiza una animación a la posición de inicio.

Yendo al código, todo está categorizado con descripciones para ayudar a un uso intuitivo, se adapta bien a FrameworkElements de tamaño fijo o dinámico y el StoryBoard se genera en memoria, con lo que no puede solaparse con otra animación del mismo nombre así como este comportamiento puede aplicarse a más de un elemento de la página o control de usuario.

Todo el "cableado" se ha realizado en los eventos OnAttached y OnDetaching, el Invoke no hace nada, así que podría ser eliminado... He utilizado el TargetedTriggerAction ya que necesito recoger los eventos del ratón desde un control que ocupe la pantalla completa y aplicar el efecto a otro control preferiblemente más pequeño para apreciar el efecto. Sería bueno que pudiéramos desactivar el "invoke" de ciertos Behaviors para que los diseñadores no se confundan...

Sobre cómo utilizar este comportamiento, es fácil, copiar el archivo Project2Mouse.cs a tu proyecto y listo.. bueno, al menos para un desarrollador... para un diseñador sería bueno que pudiéramos añadir los comportamientos de una forma fácil, como un plug-in o una carpeta de behaviors y blend los mostrase y permitiera utilizarlos tal cual y, al añadirlos, agregase las referencias pertinentes.

Otra cosa que hallo algo por ahora algo molesta es que la actual interfaz es buena para 10 o 20 comportamientos pero a la que se supera esta cifra hallar un comportamiento ya no es algo inmediato.. Sería muy bueno si pudiéramos categorizar los comportamientos por nombre, autor, categoría y etiquetas..

Para obtener el comportamiento, este está publicado en la galería de comportamientos de Microsoft Expression, ubicada aquí:

http://gallery.expression.microsoft.com/en-us/Project3DToMouse

Obviamente con todo el código fuente y con una aplicación de test.

Estoy pensando en publicar otros Behaviors, pero después de limpiar toda la porquería que suele aparecer al jugar con diferentes animaciones e ideas hasta que sale el efecto deseado..

Si se te ocurre alguna idea para un comportamiento (Behavior) interesante, estaré interesado escuchar de él para tratar de implementarlo... mientras tanto agradeceré cualquier idea de mejora sobre el ya implementado y, si os gusta, pues podéis votarlo positivamente en la galería :).

Happy coding!

Nuevos temas lanzados para Silverlight 4.0 - Estupendo pero.. es suficiente?

Jose Luis Latorre — Mon, 31 May 2010 10:57:00 GMT

Recientemte Tim Heuer ha lanzado varios "themes" para Silverlight 4, podeis leer http://timheuer.com/blog/archive/2010/05/03/new-silverlight-4-themes-available-for-download.aspx y http://timheuer.com/blog/archive/2010/05/17/silverlight-4-tools-released-and-new-application-templates.aspx, junto con el lanzamiento de las Silverlight tools for Visual Studio 2010.

Aunque esta noticia se vio abrumada por la de las tools, creo que es muy interesante ya que estan definiendo (o como minimo proponiendo) un estándar para la definición de temas para Silverllight...

Realmente hacia tiempo que esperabamos un ejemplo como estos, ya que es lo que pretende Silverlight & WPF y como herramienta de diseño Blend: Desacoplar la interacción entre la parte relativa al diseñador y la parte asociada al desarrollador.

Este trabajo se mejoró con la aparición de los comportamientos, en Blend -Silverlight 3.0 y con soporte mejorado para Blend 4.0 (beta) y SL 4.0.

Por ahora el modo de generar y manejar todo esto, es colocar una serie de archivos en una carpeta de "Assets" que si se hace bien contempla varios archivos de estilos, librerias de recursos y varios comportamientos, ver http://storage.timheuer.com/newthemes-structure1.png

Tambien puede incorporar alguna fuente, imagen o video, segun el estilo en cuestión.

Ello en si es algo grande, nos permite desacoplar la interacción de estilos y es relativamente simple.... para desarrolladores... para un diseñador "puro" esto es complejo y cuesta.

Mi propuesta de enfoque es simplificar aun más el modelo de interacción para los temas ya que tienen entidad propia, pues asignarles un tipo de proyecto propio, Biblioteca de temas, estilo cosmopolitan.theme.dll...

De forma que un diseñador pueda crear una biblioteca de temas estilo "Cosmopolitan.theme.dll" y la aplicación pueda cambiar en cualquier momento el theme que utiliza sin tener que eliminar archivos de estilos, behaviors, imagenes, fuentes, etc... sino incluso pueda tener varias librerias de estilo asociadas y cambiarla como desee vía codigo o, mejor, mediante un comportamiento.

Ventajas de mi propuesta:

El diseñador podrá abstraerse de la complejidad de la aplicacion y diseñar solo en la biblioteca de estilos.
El diseñador evita tocar todo código sensible del desarrollador - favorecemos la separación y desacoplamiento.
Favorecemos el mercado potencial de "themes" para Silverlight. Si yo quiero vender themes, seria bueno que la tecnología los soportase.
Favorece el reaprovechamiento de themes para crear otros y estimular asi la creatividad y "competitividad" entre diseñadores (y desarrolladores).
Se hara por fin muy visible la ventaja de Blend y Silverlight para desacoplar totalmente la parte de aspecto e interacción visual con la de programación. (muy necesario).

Por otro lado es muy facil montar un proyecto de test generico en el cual se visualicen varias paginas con todos los controles, los de SL basicos, los del SDK, graficos, los de la Toolkit asi como que sea facil de añadir dinamicamente controles propios... y que el diseñador probase el estilo sin menor problema.

Y ya por pedir, esto seria buenisimo que estuviera integrado en Blend 4.0....

Por otro lado, el tipo de dll propuesto "theme.dll" no es que es más que una dll normal de silverlight, es solo una plantilla facil de hacer con implementaciones de todos los controles por defecto. solo se cambiarian las plantillas para que gestionaran estas plantillas permitiendo su carga y descarga dinamica en base al directorio de Assets, por ejemplo). MEF nos permitiria hacer esto muy facilmente..

Como lo veis? que opinion os merece esta idea??

Si os parece bien podeis votarla como una propuesa de features para Silverlight: http://dotnet.uservoice.com/forums/4325-silverlight-feature-suggestions/suggestions/793999-support-for-theme-projects-dynamic-theme-switchi

Participacion al MIX 10K publicada!

Jose Luis Latorre — Mon, 01 Feb 2010 08:50:00 GMT

Bueno este año creo que no me ha quedado mal del todo mi participación geek al concurso MIX 10K.

Mi aplicación es la "The Fabulous Silver Magic Lantern" que podeis ver aqui: http://mix10k.visitmix.com/Entry/Details/261

Se agradeceran comentarios y obviamente votos acompañando a estos ;)

Basicamente es un motor de busqueda en imagenes de bing, pudiendo configurar la búsqueda mediante diales en plan victoriano y steampunk :) y una visualización tambien "a la epoca", luego hay algo de cinematica inversa aplicada y un efecto para la lupa... todo en 10kb

En breve publicare como he hecho para hacer que me quepa todo esto en 10k... estad atentos ;)

Dynamic Backgrounds / Fondos dinámicos en Silverlight

Jose Luis Latorre — Fri, 23 Oct 2009 12:22:00 GMT

Siguiendo el hilo del post anterior, he creado un proyecto codeplex para que sea repositorio de diferentes experimentos de Experiencias de Usuario, con el objetivo de ofrecer diferentes fondos interactivos al usuario, que interaccionen con el movimiento del ratón y mejore la experiencia sin ser excesivamente cautivadores - o si, porque no ;) - para capturar toda la atención que deberia recibir el sitio web..

La idea principal es añadir implementaciones claras de estas tecnicas de fondos y por ahora hay el sistema de parallax que nos permite proporcionar diferentes elementos a traves de varias capas generadas aleatoriamente a profundidades diferentes, entonces el sistema mueve más o menos la scapas en función de lo lejos que estas esten del monitor, proporcionando un interesante efecto de profundidad.

Utilice la téncica para el concurso 10K del mix (inetians, post anterior) y tambien para otros websites, que aun no han visto la luz :( - uno es el proyecto de una "segunda" competición de Silverlight similar a la pasada European Silverlight Challenge http://silverlightchallenge.eu/ pero esta esta enfocada a un publico global, En cualquier caso el momento no ha sido el idoneo y la cirsis ha ayudado a que esto no sea una realidad... estos ultimos meses hemos estado desbordados con competiciones asi que tampoco tenia sentido algo así...- en cualuquier caso, si crees que esto tendria sentido, realizar una competición global coordinada por y para la comunidad y liarla parda, simplemente hazmelo saber ya que es un tema de buscar patrocinadores y colaboradores... todo lo demas ya esta escrito y planificado... ;) - puedes echar una ojeada a http://silverlightchallenge.ineta.org/ pero no aseguro que mañana o en 10' este funcionando...ya he avisado... ;) pero ten en consideración que es un trabajo en progreso y dejado aparte, pido perdon por ello...

Tambien hay otro sitio que esta utilizando este acercamiento de una forma muy evolucionada, con mejores algoritmos y un tema "estelar" con astros ubicados aleatoriamente con formas y figuras diferentes...asi como una mejor interacción con el raton y la animación.. pero aun esta por finalizarse y publicarse :P asi que no puedo decir más o una empresa cuyo nombre empieza con "M" podria enfadarse..

Podeis descargaros el codigo y decirme que pensais, esta hospedado en Codeplex; http://dynamicbackgrounds.codeplex.com/

Tambien os animo a proponer ideas y variaciones de fondos para desarrollar técnicas asi como si quereis apoyar el proyecto estare encantado de invitaros y compartir las ideas que hay para el mismo...

INETIANS 10k codligo liberado :)

Jose Luis Latorre — Fri, 23 Oct 2009 12:14:00 GMT

Bueno, me ha tomado algun tiempo pero justo he publicado el codigo fuente de mi entrada para el concurso MIX 10K, que puede verse en http://2009.visitmix.com/MIXtify/TenKDisplay.aspx?SubmissionID=0138.

Este viene de varios experimentos con el fondo y con elementos interactivos, tecnicas de parallax, simulacion de la vida, y a destacar el sistema de control del fondo de pantalla, para el que me inspire en la tecnica parallax, muy comun en videojuegos de antaño - para ver una explicación teorica del mismo teneis una estupenda entrada de entry Jose Fajardo, http://www.cynergysystems.com/blogs/page/josefajardo?entry=what_a_beautiful_thou_distracting en la ue introduce un interesante efecto parallax que he tratado de emular y hacer un poco más sencillo y extensible - lo teneis en el siguiente proyecto Open Source en codeplex, desde el que podeis obtener el codigo: http://inetians.codeplex.com/

Ah, el codigo esta actualizado a SL3..

Codecamp Tarragona 2009 y banner nuevo ;)

Jose Luis Latorre — Sat, 18 Jul 2009 16:05:00 GMT

Como coordinador de BcnDev, estoy colaborando en la organización del Codecamp Tarragona 2009 y he realizado un Banner en Silverlight 3 para promocionarlo, que queria compartir con vosotros.

Le he puesto un contador de días, utilizando como base el proyecto Silverlight CountDown, que se halla en http://silverlightgadgets.codeplex.com/, al que he añadido un temporizador para que visualize cada X tiempo un patrocinador diferente.

El banner es este :

Que os parece? agradeceré cualquier comentario!!

Para añadirlo, el codigo es este:

Como no, esta alojado en Silverlight Streaming lo que permite realizar una actualización del mismo casi inmediata...

Evento - MSDN & BcnDev: El Futuro con Azure, Silverlight 3 y Windows 7

Jose Luis Latorre — Wed, 20 May 2009 10:06:00 GMT

El próximo día 25 de Junio, en colaboración con MSDN os proponemos Un vistazo a las excitantes novedades que vienen... Windows 7, Azure y Silverlight 3...

Cuando:

Jueves, 25 de junio de 2009 10:00 - jueves, 25 de junio de 2009 14:00 Madrid, París
Hora de recepción: 9:30

Lugar:

Cibernarium, Parc Tecnològic Barcelona Nord
C/Marie Curie s/n
Nou Barris, Barcelona Barcelona 08042
España

Resumen del evento:

El próximo dia 25 de Junio, Jueves, os proponemos dar un vistazo al futuro, con tres interesantes sesiones, Windows 7 para desarrolladores, Services Platform – Plataforma de Cloud computing y una introducción a las novedades de Silverlight 3.

Agenda:

10:00-11:10 Windows 7 para desarrolladores. David Salgado, Microsoft

Veremos las oportunidades que ofrece Windows 7 para aplicaciones de escritorio, cómo integrarse en la nueva experiencia propuesta por la versión más reciente del sistema operativo Windows y cómo sacar el máximo partido a las nuevas APIs

11:20 – 12:40 Azure Services Platform – Plataforma de Cloud computing. David Salgado, Microsoft

Podemos considerar Cloud Computing como un nuevo canal para construir y alojar aplicaciones. En ésta sesión repasaremos la plataforma de Cloud Computing de Microsoft, haciendo hincapié en cómo utilizar nuestros conocimientos en .NET para crear aplicaciones para la nube y utilizar servicios de la plataforma Azure

12:50 – 14:00 Silverlight 3 – Experiencia de usuario. José Luis Latorre, BcnDev

WPF y posteriormente Silverlight y expression Blend marcaron un antes y un después a la hora de crear experiencias de usuario en aplicaciones. Actualmente nos encontramos a las puertas de la versión 3 de silverlight, que incorpora características como la funcionalidad offline, la detección de la red, los servicios para aplicaciones de línea de negocio, etcétera. En esta sesión repasaremos las bases que sitúan a Silverlight como una opción excelente para aplicaciones RIA y sus nuevas funcionalidades en esta versión 3.

Registro:

http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032416824&Culture=es-ES

www.houssesandcovers.com, nuevo website desarrollado integramente con Silverlight 2.0

Jose Luis Latorre — Mon, 23 Mar 2009 01:22:00 GMT

Nada, solamente compartir un sencillo website que he hecho completamente con Silverlight 2.0, http://www.houssesandcovers.com/, ahi he utilizado un par de librerías interesantes, AgTweener (http://agtweener.codeplex.com/), interesante librería de animaciones para silverlight y ARLayout (http://arlayout.codeplex.com/) para hacer que el layout sea totalmente adaptable y ajustable al tamaño - probad a ajustar el tamaño del navegador -

También he utilizado varios snippets de codigo de algunas páginas interesantes, haciendo especial mención a Terence Tsang, de Shinedraw (http://www.shinedraw.com/), y a algún ejemplo de la Silverlight Gallery para el image gallery.

El diseño es también mio con lo que acepto criticas y recomendaciones... :P

Inetians – estan vivos!!

Jose Luis Latorre — Wed, 11 Feb 2009 08:19:00 GMT

Bien, comentar que mi entrada al concurso Mix 10k ha sido recientemente aceptada y publicada en el website del mismo MIX online, lo puedes ver en vivo aquí mismo:http://2009.visitmix.com/MIXtify/TenKDisplay.aspx?SubmissionID=0138

Este desarrollo viene de un experimento con fondos de pantalla, con parallax, inspirado en los vidojuegos de antaño y en un post muy interesante de José Fajardo, http://www.cynergysystems.com/blogs/page/josefajardo?entry=what_a_beautiful_thou_distracting en el cual introducia un interesante efecto de fondo de pantalla que he intentado emular y hacer parametrizable y flexible para su reuso – un proyecto codeplex para este sistema de “Background” está en camino ;).

Tambien esta basado en otra técnica que hace que el contenido (y su fondo, obviamente) se ajusten al contenedor, ved esta "best practice" implementada y con todo su codigo fuente aqui: http://www.codeplex.com/ARLayout ...

Con mi entrada, también queria crear no solamente un fondo estático o elementos estáticos del mismo, pero - y porque no - elementos vivos o que pareciesen estarlo y en diferentes niveles, ofreciendo una experiencia interesante a los usuarios del website.
Mientras estaba desarrollando el sistema de Background del website de un concurso próximo a su lanzamiento, el “Global INETA Silverlight Challenge”, utilicé la imagen de los “Inetianos”, los muñecos que representan a la comunidad de .Net en el logotipo de INETA, surgió la idea y la evolución estuvo clara…
Añadí un control de usuario “Inetian” con un efecto de movimiento por acumulación de valores en un vector de velocidad, con una velocidad máxima y un control de no salirse del espacio de “juego” y luego algunas características, algunos eran hombres, otros mujeres, unos altos y otros más bajos y tenían un periodo de duración, unos años de vida… y cuando llegaban a los 18 si encontraban a un inetiano del sexo contrario se acercan al mismo y se reproducen y un nuevo inetiano habrá nacido (o más ;))
También puse un control sobre cuantos inetianos podian representarse simultaneamente y eso se aplicó al momento de reproducción, así que se puede interpretar como una regulación de la población vía control de reproducción – mis disculpas por ello – pero creedme, vuestra pantalla y cpu lo agradecerán ;)
También estos inetianos están renderizados en diferentes capas, proporcionando – al menos inicialmente – un efecto “cool” de parallax 3D
Hay algunos elementos interesantes que me hubiera gustado añadir, pero que quité por no tener el tiempo o por el limite de 10k impuesto por el concurso:

-    Hacer que se dispersen de forma natural –todo el mundo necesita su espacio vital.
-    Añadir elementos de comida, con su duración en años y regulando el comportamiento de los Inetianos entre pasear/codificando obviamente.., ligar y comer.
-    Añadir la capacidad de desplazarse entre las diferentes capas, en función de las necesidades de comida y de relacionarse.
-    Añadir la capacidad de realizar Drag & Drop de los inetiandos de la capa superior. Tu puedes ayudar a la comunidad!! Solamente tienes que arrastrar y soltar un inetiano cerca de comida, o bien otro inetiano de sexo diferente!
-    Añadir funcionalidad a sus ojos… así podrán mirar a su objetivo, siendo este comida, inetiano/a con el que se hayan encariñado..
-    Añadir que sean conscientes del cursor, ese gran ente que siempre estará por encima de ellos.. si este está cerca suyo, hacer que lo miren con miedo (o no).
-    Añadirles animaciones para los cambios de estado, acciones commo comer, ligar, moverse, moverse entre capas, ser arrastrados, etc..
En breve lo publicaré como un proyecto de Codeplex y añadiré a cualquiera que piense que este “fondo vivo” es una idea chula y estaré muy contento de tener alguna ayuda con esto.
En cualquier caso, si crees que la idea es original, estaré muy contento de tener un comentario en http://2009.visitmix.com/MIXtify/TenKDisplay.aspx?SubmissionID=0138 y, si quieres votar por mi entrada, podría acabar obteniendo el premio comunitario, que por cierto, lo voy a dar integro a la comunidad, a través de INETA Europa, decisión que he tomado por mi vinculación con INETA y sabiendo que esta tambien muy afectada por la crisis actual. ;)

Agradecere vuestros comentarios y votos!! :)

Gracias,
José Luis

MVP! :)

Jose Luis Latorre — Thu, 05 Feb 2009 11:09:00 GMT

Como dice el refrán, más vale tarde que nunca y quería agradecer enormemente el que se me considere merecedor de tal galardón, cosa que me honra enormemente.

Gracias a todos los que me habéis apoyado y creído en mi y, más importante, habéis sido y sois mis amigos en este trayecto que llevo realizando desde hace ya unos años, recorriendo el camino del .Net, un trayecto que nunca se acaba y al que se le van añadiendo año tras año nuevas estaciones en las que parar y encontrar nuevas emociones, tecnologías, pasiones y amistades, .Net 2.0, .Net 3.0, 3.5, WPF, Silverlight, Azure, Windows 7, … Desde luego hay mucho camino por recorrer y afortunadamente en este tren estamos todos los que me leéis y muchos más que no tienen tiempo para ello.

Gracias a todos!!
José Luis

We are not alone / No estamos solos (Silverlight)

Jose Luis Latorre — Thu, 07 Aug 2008 07:21:00 GMT

Para aquellos que no podemos dejar de pensar o teclear en Silverlight, nuestros amigos de Microsoft han realizado en Channel 10 un video más que interesante de ver...

Os dejo el video a continuación :)

Silverlight Rehab - You're not alone

Crossposting desde bcngeeks

Un Viewbox para Silverlight

Jose Luis Latorre — Wed, 30 Apr 2008 08:00:00 GMT

En el pasado MVP Summit, al que tuve el honor de asistir como MVP en ASP.Net (aunque curiosamente las charlas en que he realizado han sido en su mayoría de WPF y Silverlight) comenté de la necesidad de tener el control Viewbox (de WPF) en Silverlight 2.0… tonto de mí no me percaté de que podría realizarlo yo mismo de una forma bastante fácil, ya que no es difícil el crear controles de usuario o clases derivadas en esta nueva versión. Afortunadamente Mi compañero de silla en esta sesión y uno de los mayores expertos en WPF y Silverlight, Miguel Jimenez me dijo “y por que no te lo haces tu mismo?” y bueno, tenía toda la razón así que aquí está… al menos una versión preliminar que más o menos hace el trabajo que necesito que haga ;)

Básicamente heredé del panel de Canvas (primero intenté heredar de la clase panel, pero me dí cuenta de que sería más fácil haciendo un subclassing de la clase Canvas). Luego quería escalar los contenidos cuando su espacio asignado (ancho y alto) creciese o decreciese. Añadí dinámicamente, en el constructor de la clase, un ScaleTransform y un TranslateTransform, agregué estos a un TransformGroup y finalmente acabo asignando este TransformGroup a la propiedad RenderTransform de la clase (propiedad heredada de la clase Canvas). Esto queda más o menos así:

//Initialization

this.ST_scale = new ScaleTransform();

this.TF_offset = new TranslateTransform();

//We add a transform with the Scale and Translate Transforms...

TransformGroup tg_transformViewbox = new TransformGroup();

tg_transformViewbox.Children.Add(this.ST_scale);

tg_transformViewbox.Children.Add(this.TF_offset);

//We add this Transform to the ViewBox (Subclassed from the Canvas class)

this.RenderTransform = tg_transformViewbox;

Luego, lo único que quedaba era implementar un override para la función ArrangeOverride (más información sobre esto aquí: http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.arrangeoverride(VS.95).aspx ). En esta función determine el ratio de escalado obteniendo el ratio mínimo de los ejes X e Y, en base al tamaño original y el deseado. También ajusto el offset para los ejes X e Y, para ajustar el posicionamiento del layout en el eje que no sea el mínimo, para centrarlo.

protected override Size ArrangeOverride(Size finalSize)

{

//We scale the contents based on the desired size width and height.

double scaleX = finalSize.Width / this.DesiredSize.Width;

double scaleY = finalSize.Height / this.DesiredSize.Height;

//By default we only allow an "uniform" Stretch attribute option.. we could add the attribute and held the logic in this function.

// See: http://msdn2.microsoft.com/en-us/library/system.windows.media.stretch.aspx and http://msdn2.microsoft.com/en-us/library/system.windows.controls.viewbox.stretch.aspx

// To do this more seriously, we should also add the StretchDirection and Stretch properties too.

if (scaleX > scaleY)

{

//Lowest scale ratio wins (Y axis is lower)

this.ST_scale.ScaleX = scaleY;

this.ST_scale.ScaleY = scaleY;

this.TF_offset.X = (finalSize.Width - this.DesiredSize.Width * scaleY) / 2;

this.TF_offset.Y = 0;

}

else

{

//Lowest scale ratio wins (X axis is lower)

this.ST_scale.ScaleX = scaleX;

this.ST_scale.ScaleY = scaleX;

this.TF_offset.Y = (finalSize.Height - this.DesiredSize.Height * scaleX) / 2;

this.TF_offset.X = 0;

}

return base.ArrangeOverride(finalSize);

}

Y esto es todo lo que hay… No necesité sobrecargar la función MeasureOverride (ver http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.measureoverride(VS.95).aspx). Por otro lado si queréis investigar algo más sobre la creación de paneles personalizados en Silverlight 2.0, aquí hay un par de enlaces a tener en cuenta:

El código está subido aquí: <<<Viewbox.zip>>> pero tiene un pequeño problema del que me di cuenta después… (ahora lo comento)

Como nota, el código está licenciado bajo MS-PL J (http://www.microsoft.com/resources/sharedsource/licensingbasics/publiclicense.mspx).

El problema al que me refiero es que el Viewbox “original” al que me refiero solamente permite un único control y este que he desarrollado es un Canvas extendido, con lo que permite multiples controles posicionados juntos, así que los resécala todos siguiendo el layout, que es obviamente respetado.

En cualquier caso, este es el comportamiento que quería obtener, aunque no sigue el comportamiento del Viewbox, por lo que no está bien… Para que un Viewbox de WPF hiciese esto, debería incrustarle un Canvas dentro de el y luego posicionar los controles dentro de este Canvas..

Bueno, espero que sea de utilidad… [;)]

Crossposting desde bcngeeks

Silverlight 2.0 (beta), problemas de retrocompatibilidad con Silverlight 1.0

Jose Luis Latorre — Mon, 31 Mar 2008 06:10:00 GMT

Recientemente, haciendo algunas modificaciones a un proyecto Silverlight 1.0 al instalar el plug-in de la 2.0 Beta me di cuenta de que la propiedad TextWrapping no soportaba (por ahora) el valor WrapWithOverflow…

Adjunto el mensaje de error para referencia:

Se ve claramente que es un error del plugin, al no poder parsear tal propiedad para el atributo...

Por otro lado también me he encontrado con "clipping" es decir, que un elemento de interfaz, al salir del canvas, se deje de dibujar o renderizar, ocultándose...

También he hallado algunos problemas al generar elementos dinámicamente, en lo que he encontrado qeu no se asignaban bién ciertas propiedades, como la posición... En este caso creando varios elementos dinámicamente se renderizaban bién pero no en su sitio asignado...

Espero que estas cosillas se vayan mejorando y optimizando en la versi´no final ya que la compatiblidad hacia atrás es algo muy importante en esta relativamente nueva tecnología.

Y sí, es una beta, pero por eso mismo quería compartir mis "dos peniques"

En cualquier caso, es una tecnología fantástica y con la que se está haciendo un gran trabajo, si antes estaba muy bien, ahora empieza a parecer algo Grande :)

Crossposting desde bcngeeks

Sesión Lanzamiento VS2008 : “UX: Silverlight & WPF”

Jose Luis Latorre — Wed, 26 Mar 2008 08:34:00 GMT

El pasado 12 tuve el gran honor de colaborar en el Microsoft Launch Day realizado en mi Ciudad, Barcelona, evento en el que se me propuso la oportunidad ¡que atrevidos! de realizar la charla de “UX: Silverlight & WPF”.

Que decir antes que nada que ¡gracias!. Es el primer evento de tal calibre en el que participo, el mayor anteriormente realizado fue el WebDay, con unas 130 a 160 personas de aforo, que ya parecieron muchas...

Os adjunto una "instantanea" del evento, junto con David Salgado, con quien tuve los honores de compartir sesión...

En la foto, de izquierda a derecha, David Salgado y un servidor (a ver si se me pega algo) con la camiseta oficial de la presentación de UX. Fuera bromas, casualmente coincidimos en llevar la misma camiseta.. aunque a mí no me queda tan bien ;)

En este evento, celebrado el pasado 11 de Marzo se hizo el lleno total, con cerca de 600 a 700 personas… solo decir que me estuve preparando la presentación hasta las 5:30 de la mañana para que saliera todo a pedir de boca… siendo un compromiso tanto personal (por la amistad y relación que hay con el excelente equipo de DP de Microsoft Ibérica) así como profesional..

En contra de otros eventos que por el tiempo de gestión y organización no pude preparármelos debidamente (además de tener a Murphy muy presente) con este si reserve un tiempo y me lo preparé bien, realizando varias representaciones de la presentación y demos, puliendo y retocando cada una de ellas… Si no tienes arte, lo construyes ;) o como mínimo lo disimulas ;)

En cualquier caso fue una experiencia genial que espero repetir y que creo deje buen sabor de boca ya que me han llegado un par de e-mails felicitándome por la charla… además de las amistades que asistieron y me felicitaron.. (Eso nunca sabes si lo dicen para quedar bien.. ) En cualquier caso gracias a los que me felicitaron, es la mejor recompensa que pueda haber. :D

Como en muchas cosas, es “la primera vez” que me pasa y es una gran satisfacción. Os dejo el powerpoint de la presentación para referencias (que conste que partí de la presentación original de David Carmona, que realizó la homologa en Madrid, pero con un aforo algo mayor, cerca de 5.000 personas, creo… La cambié bastante y me negué a realizar las mismas bromas y anécdotas de David (es imposible imitarle, de hecho) e hice mía la presentación (con su permiso) a la que añadí un par o tres de bromas, eso sí, más sencillas ya que cada uno tiene su nivel…

Por otro lado, unas cuantas personas ya me han preguntado de donde pueden bajarse la librería de controles que exhibí en la presentación. Esta es la Kevin’s Bag of tricks, disponible en la url: http://work.j832.com/2008/03/bag-o-tricks-march-edition.html

Casualmente la actualizaron el 12 de marzo, un día después de la fecha del evento (yo exhibí la versión previa, con lo que fue bien ya que si no hubiese tenido la tentación de utilizar la última versión y jugármela en el último momento instalando algo que te lo puede desmontar todo…). Si no os ha pasado nunca es muy, muy divertido. (En un sentido irónico-sarcástico, claro).

Sobre las demos que realicé seguramente las postearé en cuando las haya revisado y pulido… por ahora no, aunque se basan en ejemplos disponibles por la red, bien de Beatriz Costa, (http://www.beacosta.com/blog/), de Ian Griffith (http://www.interact-sw.co.uk/iangblog/2007/05/17/wpf-flippable-3D-list ) y luego el carrusel de video 3D es un derivado del concepto de The North Face, ver http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnlong/html/fluid.asp.

Que aprovechen los enlaces y cualquier cosa por aquí me tenéis…

José Luis

Crossposting desde bcngeeks

Silverlight para iphone? La posibilidad está abierta…

Jose Luis Latorre — Fri, 14 Mar 2008 06:43:00 GMT

Desde el discurso de Ballmer en el MIX, en el que mencionó que era una interesante posibilidad… y que estaban dialogando sobre ello con el CEO de Apple, Steve Jobs junto con el reciente comentario público de Apple, en el que Jobs comenta que “Flash es excesivamente lento como para ser útil” en el iPhone y su versión móvil, Flash Lite no es capaz de ser utilizado vía web…

Por otro lado si juntamos el anuncio de la semana pasada de su colaboración para desarrollar un plug-in para los dispositivos de Nokia y de la próxima aparición del plug-in Silverlight 1.0 para los dispositivos basados en la plataforma Nokia S60, que se ejecuta en sistemas Symbian y que denota su propósito firme de ser un sistema Multiplataforma real… pues hacen que la hipótesis de Silverlight para iPhone tenga mucho, mucho sentido… Ah, el plug-in para las series 40 saldrá algo más tarde del primero ;)

En otro orden de cosas, para añadir más leña a la hipótesis, el Jueves pasado Apple licenció la tecnología ActiveSync para el iPhone, con lo que se podrá sincronizar con servidores Exchange!!

Enlaces relacionados:

http://www.pcworld.com/article/id,143215-c,iphone/article.html

http://www.zdnet.com.au/news/software/soa/Jobs-Flash-trashing-signals-Silverlight-for-iPhone-/0,130061733,339286558,00.htm

http://money.cnn.com/news/newsfeeds/articles/djf500/200803041742DOWJONESDJONLINE000829_FORTUNE5.htm

http://www.appleinsider.com/articles/08/03/05/steve_jobs_pans_flash_on_the_iphone.html

http://www.psynixis.com/blog/2008/03/05/scott-guthrie-hints-at-silverlight-on-iphone/

http://www.techcrunch.com/2008/03/05/microsoft-mix-keynote-one-live-from-las-vegas/

http://www.moconews.net/entry/419-jobs-to-adobe-flash-just-isnt-good-enough-for-iphone

Dejad vuestras opiniones.. seguro son interesantes!! (registro obligatorio x evitar spam, sorry)

José Luis

Crossposting desde bcngeeks

European Silverlight Challenge - ¡¡Participaciones en aumento!!

Jose Luis Latorre — Fri, 25 Jan 2008 03:37:00 GMT

Nada solo compartir por aqui mi alegría al ver que las participaciones se están activando en toda europa para el concurso de desarrollo europeo de silverligth, el European Silverlight Challenge, con una dotación en premios cercana a los 200.000$, que aquí tenemos nuestra versión local, el desafiosilverlight (http://spain.silverlightchallenge.eu o http://desafiosilverlight.bcndev.net/).

Para más información, la página de la competición central europea es http://www.silverlightchallenge.eu/

O bien ir a ver la competición de cada pais en el que se celebra, aquí:

(puede ser interesante de ver para aprender y hay aplicaciones ciertamente interesantes)

Italy http://italy.silverlightchallenge.eu
United Kingdom http://unitedkingdom.silverlightchallenge.eu
Germany http://germany.silverlightchallenge.eu/
Netherlands, The (Holland) http://netherlands.silverlightchallenge.eu
Greece – http://greece.silverlightchallenge.eu/
Norway – http://norway.silverlightchallenge.eu
Poland http://poland.silverlightchallenge.eu
France http://france.silverlightchallenge.eu/
Russia – http://russia.silverlightchallenge.eu
Spain http://spain.silverlightchallenge.eu è http://desafiosilverlight.bcndev.net/
Belgium – http://belgium.silverlightchallenge.eu
Croatia http://croatia.silverlightchallenge.eu
Romania http://silverlight.ronua.ro/ è http://romania.silverlightchallenge.eu
Portugal – http://portugal.silverlightchallenge.eu
Slovenia - http://slovenia.silverlightchallenge.eu
Macedonia http://macedonia.silverlightchallenge.eu ü
Bulgaria http://bulgaria.silverlightchallenge.eu - http://silverlight.sofiadev.org
Malta – http://malta.silverlightchallenge.eu/
Ireland - no answer . Contacted. No website…
Ukraine- http://ukraine.silverlightchallenge.eu
Bosnia and Herzegovina – http://bosnia.silverlightchallenge.eu

Divertiros, hay codigo realmente interesante por aquí ;)

Happy Coding!!

Crossposting desde bcngeeks