Featured Posts

ASP.NET MVC3 Preview 1 - Introducción Hace apenas unos pocos meses que salió ASP.NET MVC 2 y ya podemos dar un vistazo a los primeros bits de MVC 3. Si bien esto es sólo un CTP (es decir, ni siquiera es Beta) y puede haber muchos cambios...

Readmore

Hola Windows Phone 7 Series El día de hoy, en el Mix10, se anunció la plataforma de desarrollo para el Windows Phone 7 series (de aquí en adelante WP7). Si bien desde hace varios días corría la noticia, el anuncio oficial genera...

Readmore

RIA Services en práctica Parte I – Personalizando... WCF RIA Services es una excelente herramienta que podemos utilizar en Silverlight para manejar nuestro acceso a datos. Si aún no te has introducido en el tema, te recomiendo echar un vistazo a la serie...

Readmore

El programa WebSite Spark Hace unas horas Scott Gu anunció el WebSite Spark. Este programa está diseñado para apoyar a desarrolladores y diseñadores a obtener software y recursos de Microsoft sin costo alguno durante tres años....

Readmore

  • Prev
  • Next

Tip: Arreglando tu XAML

Posted on : 04-09-2009 | By : Arturo Molina | In : Silverlight, WPF

Tags: , ,

0

Una de las cosas que más me frustraba de programar en Silverlight era lidiar con el XAML. Y no me refiero a escribirlo, sino ordenarlo. Un tag con muchas propiedades puede convertirse en algo muy feo y difícil de analizar cuando estas buscando errores o una propiedad en particular.

Leyendo o viendo un video de Jesse Liberty (lo siento, no recuerdo donde fué) descubrí una opción fantástica dentro de Visual Studio. Para activarla pueden entrar a Tools –> Options (Lo siento, solo tengo el VS en inglés).

Una vez dentro bajan por las siguientes categorías: Text Editor –> XAML –> Formatting –> Spacing y seleccionan la opción Position each attribute on a separate line:

image

Además, pueden eligir cuando quieren que el auto-formato se active:

image

Para XAML existente pueden usar la opción de copiar y pegar todo el código y el IDE se encargará de darle el formato deseado, o pueden usar la herramienta de formato incluída en la barra HTML Source Editing:

image

De esta forma podemos cambiar algo como esto:

image

A algo como esto:

image

¿Más leible no creen?

Espero que les sea de utilidad.

Write a comment