.: microcode.es :.

C# Como hacer una captura de pantalla

Indigo — Mon, 30 Aug 2010 21:27:22 +0000

En muchas aplicaciones de escritorio puede sernos útil recopilar información cuando se produzca una excepción no controlada. Podemos recopilar la información de la excepción analizando las propiedades Message o StackTrace. Otra información útil puede ser capturar la pantalla y ver que estaba haciendo el usuario en nuestra aplicación en el momento que falló.

Ojo, antes de continuar me gustaría comentar que en todos los casos, la información que se envía deberá ser aprobada por el usuario, antes del envío, o través de las herramientas de configuración de la propia aplicación. No hagamos las cosas a escondidas ya que tarde o temprano estás cosas se terminan detectando y las consecuencias pueden ser desastrosas.

Bien para esto he creado una clase que he llamado ScreenHelper con un método estático Capture, que nos ayudará a conseguir dicha funcionalidad devolviéndonos un objeto Image.

public class ScreenHelper
{
   public static Image Capture()
   {
       Bitmap printscreen = new Bitmap(Screen.PrimaryScreen.Bounds.Width, Screen.PrimaryScreen.Bounds.Height);
       Graphics graphics = Graphics.FromImage(printscreen as Image);
       graphics.CopyFromScreen(0, 0, 0, 0, printscreen.Size);
       return (Image)printscreen;
   }
}

Este objeto Image lo podemos manipular, para por ejemplo redimensionarlo, o guardarlo en disco, para posteriormente enviarlo por correo electrónico. Para capturar y grabar la imagen usaremos otro método estático que llamaremos CaptureAndSave()

private static void CaptureAndSave()
{
  Image image = Capture();
  if (!Directory.Exists("directorio"))
      Directory.CreateDirectory("directorio");

  string path = Path.Combine("directorio", "nombrefichero");
  image.Save(path, ImageFormat.Png);
}

Como nota final destacar que antes de grabar la imagen, comprobaremos que el directorio donde vamos a grabar existe. También sería “casi obligatorio” utilizar el bloque try…catch para capturar cualquier excepción que se produzca en el proceso.

WPF – Como asignar la propiedad ZIndex

Indigo — Tue, 03 Aug 2010 16:35:02 +0000

Según la MSND la propiedad ZIndex del objeto Panel sirve para el establecer el orden en el que se muestran los elementos en el plano Z.

Una vez dicho esto es fácil ver para que nos puede servir esta propiedad. El problema surge cuando intentamos establecer este valor en tiempo de ejecución en el codebehind, ya que esta propiedad no sale en el Intellisense.

Mirando la MSDN podemos pensar que si hacemos un typecast de nuestro StackPanel a Panel esta propiedad nos aparecerá, pero tampoco es así.

La única forma que he encontrado de poder asignar el valor al ZIndex es mediante el método SetValue de la siguiente forma

StackPanel stackPanel = new StackPanel();
stackPanel.SetValue(Panel.ZIndexProperty, 1);

¿Que es Windows Presentation Foundation (WPF)?

Indigo — Mon, 02 Aug 2010 14:46:34 +0000

¿Qué es WPF?
De una manera rápida, WPF (Windows Presentation Foundation) es una tecnología que nos permite aprovechar al máximo las características gráficas de nuestros equipos ofreciendo interfaces más ricas de las que estamos acostumbrados. El objetivo de WPF es proporcionar avances en el entorno de las aplicaciones de escritorio que permitan crear interfaces mucho más atractivas evitando una disminución del rendimiento de nuestras aplicaciones, como ocurre actualmente con Windows.Forms.

Arquitectura de WPF
- PresentationCore.dll: Es donde encontramos el soporte para todos los tipos base como “UIElement” y “Visual”, y es de donde todas las formas (shapes) y controles (controls) derivan.
- WindowsBase.dll: Es donde encontramos clases de apoyo que puede ser usadas fuera del ámbito de WPF, como por ejemplo el “DispatcherObject” o el “DependencyObject”.
- milcore.dll: Es el núcleo del sistema de renderizado de WPF. Su misión es transformar los elementos visuales en los triángulos y texturas que Direct3D espera. Aunque sea considerado como parte de WPF esta dll forma parte de Windows Vista. De hecho, el Desktop Window Manager (DWM) en Windows Vista usa esta dll para renderizar el escritorio.
- WindowsCodecs.dll: Es una API de bajo nivel que nos da soporte para el tratamiento de imágenes.
- Direct3D: Es la API de bajo nivel que se encarga del renderizado de los gráficos generados mediante WPF.
- User32: Pese a que forma parte de WPF no interviene en el renderizado de los controles.

Ventajas
- Existe una separación clara entre nuestro código y la presentación (XAML).
- Es bastante fácil crear estilos lo que nos permite hacer aplicaciones muchos más ricas de cara al usuario final.
- Usa directamente la potencia de las tarjetas gráficas modernas para el renderizado de nuestras aplicaciones, liberando al procesador. Con esto evitamos que el dibujado interfaces complejas disminuya el rendimiento de nuestras aplicaciones.

Aquí termino esta pequeña introducción teórica de WPF. Próximamente explicaré algunas cosas como estilos, animaciones…

Siguenos en facebook

Indigo — Sun, 01 Aug 2010 20:07:43 +0000

Nunca es tarde si la dicha es buena. Desde hoy microcode tiene su página en facebook. Puedes visitarnos en nuestra página oficial o hacerte seguidor a través del widget que tienes a continuación.

Desde facebook podrás seguir las publicaciones que haremos a partir de hoy más regularmente (o eso esperamos).

Escribir un plugin para jQuery (3 parte)

Indigo — Tue, 02 Feb 2010 13:56:34 +0000

En mis anteriores artículos (Escribir un plugin para jQuery parte 1 y parte 2) sobre desarrollar un plugin para jQuery hemos visto como crear un plugin básico y como configurarlo dinámicamente. En esta ocasión vamos a ver como podemos disparar nuestros propios eventos y por ejemplo, que otro plugin actue en consecuencia.

Para esto vamos a seguir con el plugin que hemos desarrollado y que sirve para cambiar el estilo de nuestras cajas de texto cuando ésta tiene el foco y lo pierde.

Para usar eventos necesitamos tres cosas, el evento en si mismo (click, blur, focus), algo que lo lance y alguien que lo maneje (delegado). En jQuery el encargado de lanzar un evento es el método trigger y se hace de la siguiente manera

$(this).trigger('nombre_de_mi_evento', parametros_de_mi_evento);

Para manejar un evento se usa el método bind de la siguiente manera

$(this).bind(nombre_de_mi_eveto, function(e, data) {
// Código de la función que manejera mi evento. En la variable data tenemos los parameotros que hemos enviado en el trigger.
});

Aplicado esto a nuestro plugin, lo primero que haremos será crear un div donde iremos escribiendo todos lo eventos que vayamos manejando

y en nuestro fichero common.js pondremos los delegados

$('input').bind('myfocus', function(e, data) {
   var html = $('#status').html();
   html += 'onfocus
';
   $('#status').html(html);
});

$('input').bind('myblur', function(e, data) {
   var html = $('#status').html();
   html += 'onblur
';
   $('#status').html(html);
});

Luego sólo tendremos que modificar nuestro plugin para que lance los eventos

 $(this).focus(function() {
 	//...
    $(this).trigger('myfocus', "on focus");
	//...
 });
 $(this).blur(function() {
	//...
	$(this).trigger('myblur', "on blur");
	//...
 });

Con esto ya tendríamos nuestros propios eventos myfocus y myblur gestionados.

Escribir un plugin para jQuery (2 parte)

Indigo — Fri, 29 Jan 2010 22:37:16 +0000

Lo más normal es que cuando escribamos un plugin para jQuery (o cualquier otro trozo de código reutilizable) lo dotemos de alguna forma para poder configurarlo dependiendo de las necesidades de cada momento.

Siguiente con el ejemplo de mi artículo anterior “Escribir un plugin para jQuery (1 parte)” veremos como dotar al plugin de esta capacidad de configuración. En este caso configuraremos el color del fondo, asi como el borde de nuestros textbox, tanto cuando tiene foco (focus) como cuando no lo tiene (blur). El código para guardar estos valores es así

$.fn.highlight.defaults = {
   focusbackground: '#EFF5FF',
   focusborder: 'solid 1px #73A6FF',
   blurbackground: '#EEEEEE',
   blurborder: 'solid 1px #DFDFDF'
};

Para permitir que nuestro plugin admita parametros de configuración usaremos un parametros en la llamada del plugin donde pasaremos los valores que queramos

$.fn.highlight = function(options) {
   var opts = $.extend({}, $.fn.highlight.defaults, options);
   // Resto del código
}

Juntándolo todo tendríamos lo siguiente

(function($) {
    $.fn.highlight = function(options) {
        var opts = $.extend({}, $.fn.highlight.defaults, options);
        this.each(function() {
            var obj = $(this);
            // Valores por defecto
            obj.css('background', opts.blurbackground);
            obj.css('border', opts.blurborder);

            obj.focus(function() {
                obj.css('background', opts.focusbackground);
                obj.css('border', opts.focusborder);
            });

            obj.blur(function() {
                obj.css('background', opts.blurbackground);
                obj.css('border', opts.blurborder);
            });
        });
    };

    $.fn.highlight.defaults = {
        focusbackground: '#EFF5FF',
        focusborder: 'solid 1px #73A6FF',
        blurbackground: '#EEEEEE',
        blurborder: 'solid 1px #DFDFDF'
    };
})(jQuery);

Para hacer la llamada a nuestro plugin tan sólo hay que hacer lo siguiente

$().ready(function() {
    $('input').highlight({
        blurborder: 'red'
    });
});

Para la próxima entrega dejaremos otros detalles que podemos hacer para mejor el plugin y así aprender un poco mas de jQuery.

Escribir un plugin para jQuery (1 parte)

Indigo — Wed, 27 Jan 2010 20:25:09 +0000

Durante el último año una de las cosas que más gratamente me ha sorprendido es jQuery y jQuery UI. Con muy poco código tenemos toda la potencia de javascript para poder hacer autenticas maravillas en cliente. Toda esta funcionalidad puede ser extendida mediante plugins.

En la página de jQuery tener un gran cantidad de plugins preparados para ser usados en nuestra página con muy poco esfuerzo. Pero, ¿y si queremos hacernos un plugin personalizado? Pensé que hacer un plugin sería algo costoso y que requeriría de tener muchos conocimientos de javascript y jQuery, pero nada más lejos de la realidad. Para demostrarlo he hecho un pequeño plugin que cambia el estilo de todos las cajas de texto (inputs) cada vez que capture el foco y lo deje en un valor inicial cuando lo pierda. Para comenzar el plugin lo primero que tenemos que hacer es extender el propio objeto jquery para añadir nuestra funcionalidad (método). La forma de hacer esto es la siguiente

(function($) {
    $.fn.highlight = function(options) {
		// Nuestro método es 'highlight' y el código va a partir aquí.
    };
})(jQuery);

Bien, con esto ya podríamos llamar a nuestro código de la siguiente manera

$().ready(function() {
    $('input').highlight();
});

Este código llama a nuestro método para todos los ‘inputs’ (la potencia de jQuery es casi infinita) de nuestra página una vez que ésta esté disponible.

Volviendo a nuestro método, el código para cambiar los estilos de las cajas de texto quedaría de la siguiente manera

obj.focus(function() {
	obj.css('background', '#EFF5FF');
	obj.css('border', 'solid 1px #73A6FF');
});

obj.blur(function() {
	obj.css('background', '#EEE');
	obj.css('border', 'solid 1px #DFDFDF');
});

Juntándolo todo tenemos

(function($) {
    $.fn.highlight = function(options) {
        this.each(function() {
            var obj = $(this);
            // Valores por defecto
            obj.css('background', '#EEE');
            obj.css('border', 'solid 1px #DFDFDF');

            obj.focus(function() {
                obj.css('background', '#EFF5FF');
                obj.css('border', 'solid 1px #73A6FF');
            });

            obj.blur(function() {
                obj.css('background', '#EEE');
                obj.css('border', 'solid 1px #DFDFDF');
            });
        });
    };
})(jQuery);

Todo esto lo guardamos en un fichero con la extensión .js. Segun las buenas practicas nuestro plugin debería estar en un fichero con el nombre jquery.highlight.js.

El código que llama a nuestro plugin lo he puesto en un archivo llamado common.js, por lo que juntándolo todo en nuestra página aspx (o html) quedaría

Como vemos, crear nuestro primer plugin en jQuery ha sido muy sencillo. Próximamente veremos como podemos personalizar aun más nuestro script para que admita parámetros.

C# El método MapPath

Indigo — Sat, 23 Jan 2010 16:58:37 +0000

Un método bastante utilizado cuando desarrollamos aplicaciones web en ASP.NET es el método MapPath. Este método puede ser llamado de la siguiente manera

string path = HttpContext.Current.Server.MapPath("~");

Llamado así este método nos devuelve la ruta física de la raiz de la aplicación web. Es útil para localizar directorios y así, por ejemplo, poder abrir ficheros de configuración propia. Pero ¿qué ocurre si llamamos a este método en un delegado?. La llamada fallará porque el object HttpContext no está creado. La solución es llamar al método de la siguiente forma

string path = HostingEnvironment.MapPath()

La clase HostingEnvironment la tenemos en el espacio de nombre System.Web.Hosting, en el ensamblado System.Web.dll. Tenemos mas información de está clase en la MSDN al igual que del método MapPath.

C# Como obtener la fecha de compilación de un ensamblado

Indigo — Mon, 11 Jan 2010 21:47:08 +0000

Para poder obtener la fecha de compilacion de un ensamblado, tendremos que hacer dos cosas

1.- Modificar las líneas AssemblyVersion y AssemblyFileVersion del fichero AssemblyInfo.cs

// Version information for an assembly consists of the following four values:
//
//      Major Version
//      Minor Version
//      Build Number
//      Revision
//
// You can specify all the values or you can default the Revision and Build Numbers
// by using the '*' as shown below:
[assembly: AssemblyVersion("0.1.*")]
[assembly: AssemblyFileVersion("0.1.1.0")]

Del AssemblyVersion obtendremos la fecha de compilación mientras que la línea AssemblyFileVersion es de donde sacamos la versión del programa (aquí se puede usar cualquier numeración). Para esto usamos el siguiente código

Assembly assembly = Assembly.GetExecutingAssembly();

FileVersionInfo versionInfo = FileVersionInfo.GetVersionInfo(assembly.Location);

DateTime assemblyDate = new DateTime(2000, 1, 1)
        .AddDays(assembly.GetName().Version.Build)
        .AddSeconds(assembly.GetName().Version.Revision * 2);

version = string.Format("{0}.{1}.{2} del {3}",
    versionInfo.ProductMajorPart,
    versionInfo.ProductMinorPart,
    versionInfo.ProductBuildPart,
    assemblyDate.ToString("dd/MM/yyyy"));

c# Encriptar un string con MD5

Indigo — Thu, 07 Jan 2010 14:05:14 +0000

Tras la resaca navideña, volvemos al trabajo. En esta ocasión voy a escribir el código de método estático que nos permitiría codificar un string en MD5. Para saber que es MD5 te recomiendo este enlace.

El código es tan simple como

public static string MD5Encrypt(string value)
{
  MD5CryptoServiceProvider provider = new MD5CryptoServiceProvider();

  byte[] data = System.Text.Encoding.ASCII.GetBytes(value);
  data = provider.ComputeHash(data);

  string md5 = string.Empty;

  for (int i = 0; i < data.Length; i++)
      md5 += data[i].ToString("x2").ToLower();

  return md5;
}

También debemos añadir esto en los using de nuestra clase

using System.Security.Cryptography;