Contents tagged with Blend

  • Echa un vistazo a Rooler - Una utilidad gratuita de medición de pantalla!

    Compañeros de Blend, Pete Blois, ha desarrollado una pequeña aplicación denominada Rooler que le permite hacer mediciones de todo lo visible en la pantalla. Puede descargarlo gratuitamente aquí.

    Rooler ayuda a resolver un problema común que tiene la hora de diseñar las interfaces de usuario. Que es determinar qué tamaño tiene algún elemento o la cantidad de espacio existente entre los elementos. Para ayudarle, usted tiene esta ingeniosa herramienta llamada Rooler que, se podría decir, es como tener una regla virtual que puede usar para medir las cosas en su pantalla.

    Rooler es una pequeña aplicación que se muestra por encima de todas sus ventanas y le proporciona algunas herramientas de medición común de pantalla:

    image
    Por ejemplo, digamos que tengo que crear un gráfico cuyo ancho es el tamaño exacto del texto que yo tengo:
    image
    El texto anterior es en realidad una imagen. Clic con el botón derecho sobre la imagen y ver sus propiedades me dará el ancho de la imagen, pero puede que no se pueda traducir a la anchura real de los contenidos que hay en su interior. Encontrar el tamaño del contenido real es una aplicación donde Rooler se vuelve útil.

    Puede hacer clic en el icono de los límites para señalar con un rectángulo el área que desea medir: 
    image
    Una vez que haya establecido el límite, suelte el cursor del ratón y Rooler creará automáticamente el cuadro más pequeño que todos los límites de sus datos:
    image
    Lo mejor de todo, es tener la anchura y la altura de la caja así como, y que haya podido hacer esto sin usar otra herramienta de edición de imágenes y la realización de diversos (aunque sencillos) pasos necesarios para obtener un valor similar lo que ves arriba.

    Esto es sólo un ejemplo de lo que se puede hacer, pero usted puede hacer un poco más también. Vaya a la página de Rooler  para más ejemplos e información sobre otras cosas que hace esta herramienta.

    ¡Salud!!
    Kirupa:)

    Traducido por Eugenio Estrada

    Post original:

    http://blogs.msdn.com/expression/archive/2009/05/26/check-out-rooler-a-free-screen-measurement-utility.aspx

    Read more...

  • Silverlight (1.0 Beta y 1.1 Alpha), ASP.NET Futures y Blend 2: Las novedades de Mayo...

    Hay muchas cosas que contar y no se por donde empezar...

    Creo que empezaré por Silverlight, Microsoft acaba de publicar tres cosas sobre Silverlight:

    Aquí quiero hacer una pequeña aclaración, como véis tenemos el Silverlight manejado para Mac, esto no significa que necesitemos .NET en Mac (no lo hay...) sino que los objetos de Silverlight se crearán en el servidor (ASP.NET) y estos objetos tendrán características especiales y por ello un Runtime diferente (y tan diferente el 1.0 ocupa 1,38 MB y el 1.1 ocupa 4,24 MB, jeje)

    Ahora toca ASP.NET Futures May 2007 Preview: Es la preview de lo que será ASP.NET, entre otras cosas incluye ASP.NET Ajax Extensions January CTP, los controles de servidor de Silverlight y otras novedades de ASP.NET. Lo podéis descargar en: http://go.microsoft.com/fwlink/?LinkID=89147&clcid=0x409.

    También tenemos Microsoft Expression Blend 2 Preview: Es la primera preview de la segunda versión de Blend, entre otras cosas permite totalmente el soporte para desarrollar las llamadas "silverlight-based application". Lo podéis descargar en: http://www.microsoft.com/downloads/details.aspx?FamilyId=88925FC5-B395-4911-9A02-9FDD80CEA564&displaylang=en.

    Por ultimo Microsoft Expression Media Enconder Preview: Es una futura característica de Microsoft Expression Media que permite la creación de videos (parece algo así a Windows Media Encoder 9, jeje). Lo podéis descargar en: http://go.microsoft.com/fwlink/?LinkID=89148&clcid=0x409.

    Parece que esto se pone interesante [:D].

    Read more...

  • Cómo programar/diseñar con WPF cómodamente

    Hablando con un amigo me di cuenta que si no has hecho nada con WPF, es muy complicado saber cómo programar cómodamente. Yo, que llevo trabando duramente con WPF lo últimos 10 días, he buscado la forma más cómoda para diseñar y programar con WPF, no tiene porque ser la mejor, pero para mí me es más cómoda que otras.

    Para ello necesitamos dos herramientas:

    ·         Microsoft Expression Blend: http://www.microsoft.com/expression

    ·         Microsoft Visual Studio 2005: http://msdn.microsoft.com/vstudio

    Quiero resaltar Blend ya que si hablamos de WPF usaremos mucho más Blend que Visual Studio. ¿Por qué? Para explicar el porqué primero explicaré algunos truquillos.

    Para empezar a trabajar abriremos Blend (como administrador) y luego abrimos en él nuestro proyecto. Si lo que hacemos es abrir el proyecto con Blend (desde el sistema de archivos) lo abriremos sin permisos de administrador, por eso debemos abrir primero Blend y luego el proyecto. Una vez que esté cargado el proyecto hacemos click derecho en el proyecto (en la ventana “Project”, pestaña “Files”) y hacemos click en “Edit Externally”. En este momento se abrirá Visual Studio 2005 (sólo Standard o superior), recomiendo no tener las extensiones de WPF para VS 2005 debido a que el editor consume muchos recursos, no está lo suficiente maduro y por ello usamos Blend.

    Visual Studio 2005 lo usaremos con dos objetivos muy claros:

    ·         Tirar líneas de código (ni asociar eventos, solo código)

    ·         Depurar

    Aunque parezca extraño cosas como asociar métodos a eventos lo haremos también con Blend.

    Para asociar los eventos lo que haremos será (en Blend):

    1.       Seleccionamos el control

    2.       Properties

    3.       Events (al lado del nombre en la ventana properties)

    4.       Buscamos el evento

    5.       Escribimos el nombre que queremos que tenga el método

    6.       Pulsamos Intro

    En este momento Visual Studio (que cargamos anteriormente) generará el método del evento. En caso de no tener VS2005 Standard o superior te aparece un MessageBox en el que te explica que el manejador de evento se copiará al portapapeles y que lo debe de copiar en un archivo especifico.

    Para depurar tenemos que haber guardado en ambos entornos (hay que tener cuidado de no estar editando el mismo archivo en ambos). En ese momento depuramos (F5) en Visual Studio. Lo hacemos en él, porque si hay algún error y lo ejecutamos con Blend (no se puede llamar depurar ya que no tiene depurador) solo aparece una ventana de que el programa ha fallado (como cualquier otro aviso del sistema de fallo de software). En cambio si lo hacemos con Visual Studio tenemos depurador que detecta la excepción, la captura, etc.

    Cuando diseñamos con Blend, la forma más cómoda la logramos pulsando F4, ya que se amplía la superficie de trabajo, minimizando las ventanas laterales, para volver al entorno anterior solo hay que volver a pulsar F4.

    Blend se puede configurar con unos colores claros en vez de oscuros (Tools>Options…>Theme>Expression light) pero yo no lo recomiendo debido a que tener esos colores blancos desprende demasiada luz y cansa a la vista, sobre todo si pasamos muchas horas diseñando. En la misma ventana de opciones (Tools>Options…) aconsejo establecer el zoom a 80%, ya que con el 100% el entorno es demasiado grande y compacto, de la otra forma se ve (para mi gusto) mucho mejor.

    Si tenemos seleccionado un control si pulsamos CTRL + 0 (no en el teclado numérico, en el teclado normal), el control seleccionado se ampliará ocupando toda la superficie de diseño.

    Si se me ocurre algún truquillo más lo publicaré [:D].

    Read more...

  • Primeros pasos con Microsoft Expression Blend

    Desde ayer, que instalé todos los productos Expression (menos Microsoft Expression Media, pero ya le tocará [;)]), llevo  probando en concreto la Beta 1 de Microsoft Expression Blend, antes conocida como Microsoft Expression Interactive Designer, el resto de herramientas las he abierto pero nada más (Microsoft Expression Web RTM y Microsoft Expression Designer December CTP).

    Me interesó más Microsoft Expression Blend (apartir de ahora solo Blend [:)]) debido a que estoy empezando a ver Windows Presentation Foundation, antes no pude debido a que ninguna versión anterior funcionaba en mi PC y sorprendentemente la RTM sí.

    Primero quería señalar una cosa que me ha parecido muy curiosa… Si creamos un proyecto con Blend y otro con Visual Studio (con las extensiones para .NET 3.0), me encuentro con que el primero (Blend) crea y renderiza mucho más rápido el Window(ya no le podemos llamar Form, ahora es un Window [;)]).

    Hablando un poco más de por qué debemos usar Blend y no Visual Studio (por lo menos para el diseño del Window) nosotros si miramos las propiedades cualquier objeto del Window nos encontramos con que no tiene eventos… Si que los tiene pero Visual Studio no nos los enseña, y tendremos que modificar nosotros el código XAML  para poder usarlos, en cambio Blend si que nos los muestra y si queremos capturar un evento nos carga el Visual Studio para editar el código , en mi caso C# pero también tenemos VB. De tal forma tendremos todas las características del Visual Studio para la edición de código [:)].

    Otra razón para usar Blend es si queremos trabajar con trasparencias en el formulario, Blend nos permite modificar la propiedad boleana AllowsTransparency, esto nos permite que podamos asignar a una propiedad de tipo Color el valor de transparencia (#00FFFFFF o Transparent [;)]). ¿Cuál es el problema con esto? Pues si queremos el Window que tenga esa propiedad asignada nos encontraremos con esta excepción: Property 'AllowsTransparency' was not found or is not serializable for type 'Window'. Y no nos permite cargar ese formulario. La verdad, sorprendentemente, nos permite depurar la aplicación y tampoco da problemas al generar [;)].

    La verdad echo de menos a mi gran amigo, el Intellisense en la edición del XAML, la verdad es una pena  [:(].

    Y por último, y no menos importante, además de que es un entorno más cómodo para el diseño (buena característica que sea en negro, ya que daña menos a la vista, pero también lo hay en tonos claros), es que está hecho con C# (sí, sí, podemos usar Reflector para ver sus entrañas) y una vez instalado tan solo pesa 19,50 MB, de las cuales 2,65 MB son ejemplos [:)]. No lo sé, pero a lo mejor hasta es portable en un PenDrive [:)].

    Espero que os sea útil mi primer encuentro con  Blend [;)].

    Read more...