Luis Guerrero - Dot Net World : windows forms

[Curso] WPF para programadores de Windows Forms 7

Luis Guerrero — Sat, 29 Nov 2008 18:15:51 GMT

Hola a todos de nuevo, volvemos a la carga con otro artículo sobre WFP para programadores de Windows Forms. En este articulo voy a hablar sobre los diferentes tipos de controles que hay en WPF y como encontramos similitud con los controles de WF.

En artículos anteriores estuvimos hablando sobre el árbol de herencia de WPF y sobre las diferentes clases de las que heredaba un control normal de WPF, pusimos como ejemplo Label, al ser un control que vamos a usar mucho en nuestras aplicaciones.

System.Object
  System.Windows.Threading.DispatcherObject
    System.Windows.DependencyObject
      System.Windows.Media.Visual
        System.Windows.UIElement
          System.Windows.FrameworkElement
            System.Windows.Controls.Control
              System.Windows.Controls.ContentControl
                System.Windows.Controls.Label

Ahora en este curso nos vamos a posicionar en System.Windows.UIElement y vamos a ver las diferentes ramas de las cuales salen los demás controles de WPF y ver que funcionalidad nos proporciona.

UIElement es la primera clase de WPF que tiene soporte para dibujado (heredado de Visual), soporte para entrada (Input, heredado de DispatcherObject) y soporte para RouteEvents. Así que técnicamente esta es la clase que tendríamos que usar si queremos empezar a dibujar algo en la pantalla, es la clase que da un soporte más primitivo para el dibujado. En la clase UIElement tenemos un método virtual OnRender que podemos sobreescribir en nuestras clase para poder implementar la funcionalidad personalizada de dibujado de esa clase, en la que se nos pasa un DrawingContext con el que dibujamos la UI del control. DrawingContextes muy parecido a la clase Graphics de GDI y de hecho tiene métodos muy parecidos.

Aquí podemos ver un ejemplo de un control que se dibuja a si mismo con este método.

public class WigoVisual : UIElement
    {
        private Pen pincel;
        public WigoVisual()
        {
            pincel = new Pen(new SolidColorBrush(Colors.Red), 20);
        }
        protected override void OnRender(DrawingContext drawingContext)
        {
            base.OnRender(drawingContext);
            drawingContext.DrawLine(pincel, new Point(0, 0), new Point(100, 100));
            drawingContext.DrawRectangle(new SolidColorBrush(Colors.Green), new Pen(new SolidColorBrush(Colors.Blue), 5),
                new Rect(0, 0, 20, 20));
        }
    }

El control dibuja una línea desde (0,0) hasta (100,100) con el bolígrafo especificado, evidentemente esta clase no tiene soporte para Layout de ninguna manera porque nosotros al dibujar el control no tenemos en cuenta propiedades con Width o ActualWidth para dibujar la línea.

Como podréis comprender esta clase es muy básica en cuanto al soporte de Layout pero muy ponente para un dibujado más personalizado, si queremos ganar en funcionalidad existente tenemos que bajar en el árbol de herencia. La única clase pública del framework que hereda de UIElement es FrameworkElement, y es en esta clase donde se define mucha de la funcionalidad común de todos los controles del Framework, (es por eso que creo que se llama FrameworkElement).

FrameworkElement añade una serie de funcionalidad para que el soporte de Layout de la clase sea mucho más rico que con UIElement. Veámosla.

· Definición del sistema de Layout: define una serie de métodos que eran virtuales en UIElement para implementar el sistema de Layout de WPF.

· Define el árbol lógico de una aplicación WPF y deja la responsabilidad de definir cuál es a las clases herederas.

· Define los eventos del ciclo de vida de un control, eventos como Initialized, Loaded, Unloaded.

· Soporte para enlace a datos dinámico y búsqueda dinámica de recursos estáticos dentro del control.

· Define los estilos (Style) para los controles.

· Define el soporte para las animaciones de los controles.

FrameworkElement define una serie de propiedades básicas con las que podremos empezar a definir el Layout y los demás propiedades de la UI, a partir de esta clase podemos empezar a realizar Layout más complicados sin tener que explícitamente programarlos.

WPF permite que los programadores puedan sacar todo el partido del Layout a partir de una serie de clases que añaden funcionalidad especifica del nivel en el que se encuentran. Si volvemos atrás en el tiempo y recordamos como en Visual Basic 6 se hacían las cosas, los programadores más avanzados se hacían los cálculos ellos mismos para hacer que el control se moviese o fluyera a través del formulario, pero todos los cálculos tenían que ser hechos a mano, después con Windows Forms Microsoft nos dio dos propiedades muy interesantes de la clase Control Anchor y Dock, que permiten que un control se puedan quedar pillado a alguna de sus caras, o lo que es lo mismo que mantenga siempre la misma distancia. Todo este trabajo que antes se hacía a mano en Visual Basic ahora lo tenemos de “serie” dentro de Windows Forms, pues si seguimos avanzando en WPF ese cálculo de distancias se ha llevado al extremo, eso no significa que no se calcule internamente sino que no somos nosotros los responsables de hacer esos cálculos sino que WPF los hace por sí mismo.

Saludos. Luis.

[Curso] WPF para programadores de Windows Forms 5

Luis Guerrero — Thu, 24 Jul 2008 12:30:41 GMT

[Básico – Medio]

Hola de nuevo, hoy vamos a hablar de una característica muy interesante de WPF, los DataTemplate o Data Templating.

¿Qué es un DataTemplate?

Es, como su nombre incica, una plantilla de datos. Pero, ¿a que se refiere con datos?, pues con datos se refiere a cualquier elemento dentro del árbol de controles de WFP. Eso incluye controles, controles de usuario y en general cualquier instancia de una clase. Eso significa que podemos añadir a un ListBox un elemento nuevo y que este sea una clase de negocio que represente un pedido.

Esta característica está muy bien, ya que no necesitamos utilizar ningún tipo de patrón a la hora de añadir a la presentación de nuestras aplicaciones nuestros objetos de negocio. Simplemente añadiéndolo. Pero el caso es que, cuando alguien añada una clase de objeto de negocio a una lista de elementos de un ListBox, el ListBox no sabe como “pintar” o representar ese elemento dentro de la UI, así que lo único que hace es llamar al método ToString() de nuestra clase de negocio.

Podemos por supuesto sobrescribir el método ToString() de nuestra clase de negocio pero el caso es que solamente seremos capaces de representar texto en la interfaz de usuario, y teniendo en cuenta las capacidades de WPF eso es algo que no se puede permitir. Tenemos que tener alguna manera de especificar cómo queremos que se dibuje ese Tipo de dato en pantalla.

Aquí es donde entran los DataTemplate, esta clase es una árbol de controles que van a representar nuestro objeto de negocio.

Imaginemos por un momento que tenemos una clase Cliente tal que así:

public class ClienteV1
  {
      public string Nombre { get; set; }
      public int CodigoCliente { get; set; }
      public DateTime Fecha { get; set; }
  }

Tenemos una serie de propiedades que definen el estado de nuestro cliente, pues bien lo que vamos a hacer es definir un árbol de controles en XAML para representar la clase cliente.

<DataTemplate>
    <WrapPanel>
        <Label/>
        <TextBox/>
        <TextBlock/>
    </WrapPanel>
</DataTemplate>

Ahora mismo únicamente tenemos un XAML que define un árbol de controles que podríamos utilizar para representar nuestra clase cliente, lo único que nos falta es “mapear” o enlazar a datos (DataBinding) las propiedades del objeto de negocio cliente con los controles de nuestro árbol. Se hace así:

<DataTemplate>
    <WrapPanel>
        <Label Content="{Binding Path=Nombre}" />
        <TextBox Text="{Binding Path=Fecha}" />
        <TextBlock Text="{Binding Path=CodigoCliente}" />
    </WrapPanel>
</DataTemplate>

Si nos fijamos por ejemplo en la etiqueta Label, en el atributo “Content” tenemos esto:

Content=”{Binding Path=Nombre}”

¿Qué estamos especificando ahí?, pues básicamente lo que le queremos decir a WPF es que si en el objeto de destino (nuestra clase Cliente) encuentra por reflexión una propiedad, y repito solo funciona con propiedades, con ese nombre pues que obtenga su valor y que lo establezca en la Dependency Property Content del control Label.

Pues ya esta!!.

Ya tenemos definido nuestro DataTemplate para el objeto de negocio Cliente. Es más aunque tenemos sobrescrito el método ToString() en nuestra clase Cliente WPF no hace caso y simplemente establece el DataTemplate.

Características avanzadas de los DataTemplate.

Nosotros en el ejemplo que hemos realizado hemos establecido el valor de este DataTemplate para el control en que estamos, en nuestro caso un ListBox. Puede ser muy común que este DataTemplate se tenga que usar en más sitios dentro de WPF, y lo suyo sería tenerlo como un recurso compartido para que sea accesible desde cualquier sitio. Esto se puede hacer así:

<ListBox HorizontalAlignment="Right" Margin="0,70,57,45" Width="85" IsSynchronizedWithCurrentItem="True" ItemTemplate="{DynamicResource DataTemplate1}"/>

Ahora bien tenemos que definir ese DynamicResource con valor DataTemplate1. Esto se hace a través de unos ficheros llamados ResourcesDiccionary que son una especie de ficheros xaml que solamente contiene recursos compartidos por la aplicación, podemos ver uno aquí:

<ResourceDictionary
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <DataTemplate x:Key="DataTemplate1">
        <Grid/>
    </DataTemplate>
    <!-- Resource dictionary entries should be defined here. -->
</ResourceDictionary>

Aunque se haya creado este fichero se tiene que especificar de alguna manera como se tiene que hacer referencia en todo el proyecto, para eso existen los recursos a nivel de aplicación, que los tenemos disponibles en el fichero app.xaml.

Pero lo que tenemos en este fichero son los recursos en sí, no referencias a ficheros externos. Así que tenemos que combinar todos los diccionarios en uno para que sean usados de manera global.

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="ResourceDictionary.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

Y así es como se combinan los diccionarios para que estén disponibles en toda la aplicación.

El codigo de la aplicación esta aquí [CursoWPF5.zip]

En el siguiente post del curso hablaremos un poco más en detalle de los DataTemplates, como subscribirse a eventos dentro de los controles que están en la DataTemplate y además como hacer DataTemplates a partir de código.

[Curso] WPF para programadores de Windows Forms – Parte 3

Luis Guerrero — Tue, 15 Jul 2008 20:18:09 GMT

Ahora que ya hemos las diferencias entre las arquitecturas en WPF y Windows Forms es el momento de comparar como se programa en ambas tecnologías. Vamos a comparar cuales son las características para programar con WPF y WF, además de hacer el típico Hola Mundo.

Ambas tecnologías se programan con algún lenguaje incluido en .net framework, WF viene desde la versión 1.0 del framework, mientras que WPF viene incluido en la versión 3.0, 3.0 SP1, 3.5 y 3.5 SP1.

En WPF tenemos dos maneras de definir la interfaz de usuario de nuestros programas, a través de código trasero o a través de XAML. Es algo parecido a como se programa en ASP.NET, se tiene un fichero con extensión aspx que contiene el html y el código de los controles de servidor de ASP.NET y además tenemos el fichero de código trasero asociado con este fichero aspx, por ejemplo podemos tener un Default.aspx y un Default.aspx.cs. Los dos ficheros están asociados a través de la clase que contienen.

Pues bien en WPF es igual, tenemos un fichero Window1.xaml que contiene el código XAML de la UI de la ventana y además tenemos el Window1.xaml.cs que contiene el fichero de código fuente asociado a este fichero xaml. En WPF, como en ASP.NET, se tiene que asociar de alguna manera el fichero xaml con el fichero cs para que se pueda acceder a los controles definidos en el xaml. Por ejemplo tenemos un fichero Window1.xaml definido así

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Class="WpfApplication1.Window1"
        x:Name="Window"
        Title="Window1"
        Width="640" Height="480">
    <Grid x:Name="LayoutRoot"/>
</Window>

Y tenemos otro fichero Window1.xaml.cs definido de esta manera:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }
    }
}

Si nos fijamos en el fichero Window1.xaml.cs está definido un namespace WpfApplication1 y este contiene una clase parcial Window1 que hereda de Syste.Windows.Window, pues bien esta clase Window1 es la que contiene la lógica de la ventana que estamos creando. En el fichero Window1.xaml dentro del nodo Window hay un atributo del namespace {x} definido así xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml y este tiene una propiedad Class en que está establecido el nombre de la clase a la que está asociada esta ventana, hay que tener en cuenta que esta el namespace completo WpfApplication1.Window1 y no directamente Window1, esto es porque después la clase se localizará por reflexión y dentro en la definición de IL no existen namespaces como en C# así que técnicamente el nombre de esa clase no es Window1, sino WpfApplication1.Window1.

Esta sería la manera de asociar un fichero xaml con su correspondiente fichero cs de code behind. Nosotros en este primer ejemplo de Hola Mundo lo vamos a hacer directamente el código todo para familiarizarnos con el entorno y con las clases que hay disponibles.

Primero vamos a definir el código fuente mínimo necesario para insertar un botón dentro de un formulario y al pulsar ese botón que salga un mensaje de Hola Mundo. Así sería en Windows Forms

using System;
using System.Drawing;
using System.Windows.Forms;

namespace WindowsFormsApplication1
{

    static class Program
    {
        [STAThread]
        static void Main()
        {
            Form form = new Form();
            Button button = new Button();
            button.Text = "Hola Mundo Windows Forms";
            button.Location = new Point(10, 10);
            button.Click += new EventHandler(OnButtonClick);
            form.Controls.Add(button);
            Application.Run(form);
        }

        static void OnButtonClick(object sender, EventArgs e)
        {
            MessageBox.Show("Hola mundo WF");
        }
    }
}

Y así sería en WPF.

using System;
using System.Windows;
using System.Windows.Controls;

namespace WpfApplication1
{
    class Program
    {
        [STAThread]
        public static void Main()
        {
            Window window = new Window();
            Button button = new Button();
            button.Content = "Hola Mundo Windows Presentation Foundation";
            button.Click += new RoutedEventHandler(OnButtonClick);
            window.Content = button;
            Application app = new Application();
            app.Run(window);
        }

        static void OnButtonClick(object sender, RoutedEventArgs e)
        {
            MessageBox.Show("Hola Mundo WPF");
        }
    }
}

El código generado es muy parecido, pero podemos ver alguna de las características que hemos estado comentando de WPF. Por ejemplo Window hereda de ContentControl con lo que no tiene una propiedad Controls sino un Content (object) en el que establecemos el botón. El objeto Application en Windows Forms es directamente un singleton, mientras que en WPF tienes que crear una instancia de tu propia aplicación o heredad de esta clase y llamar al método Run, de instancia y no estático como en WF.

En los siguientes post me centraré en WPF y empezaré a hablar de características especificas de WPF.

Espero que os guste.

Luis.

[Curso] WPF para programadores de Windows Forms – Parte 2

Luis Guerrero — Sat, 05 Jul 2008 11:07:03 GMT

En el post anterior sobre WPF para programadores de Windows Forms estuvimos hablando de la compatibilidad Hwnd de las dos tecnologías y de cómo estas se integraban perfectamente en Windows. Ahora viene el turno de comparar los objetos de primer nivel que tenemos en Windows Forms y WPF para crear ventanas. Vamos a centrarnos en comparar cuales son los arboles de herencia de las clase Ventana de WF y WPF para así ver cuáles son las diferencias y similitudes que tienen.

Si nos fijamos en árbol de herencia de WF, encontramos esto:

System.Object
  System.MarshalByRefObject
    System.ComponentModel.Component
      System.Windows.Forms.Control
        System.Windows.Forms.ScrollableControl
          System.Windows.Forms.ContainerControl
            System.Windows.Forms.Form

System.Windows.Forms.Form es la clase que representa al formulario, la ventana de WF, esta as u vez hereda de ContainerControl que es una clase que provee funcionalidad específica para la administración de controles que son contenedores de otros controles, como por ejemplo un Panel, esta a su vez hereda de ScrollableControl, clase la cual habilita la funcionalidad de scroll del contenido del control. Ahora llegamos a System.Windows.Forms.Control que es la clase base de todos los controles de UI de WF y que además maneja el manejador del control (hWnd), tanto la posición del control Location, como el tamaño Size, como los colores, etc.

Esta clase Control hereda de System.ComponentModel.Component que es la primera clase que no está dentro del namespace System.Windows.Forms, esta clase representa los controles o componentes (como su nombre indica) que pueden usarse dentro de la programación de aplicaciones con soporte para interfaz de usuario. Esta clase es importante pues habilita que nuestros componentes o en este caso controles de Windows Forms soporten un tiempo de diseño. Tiempo de diseño como por ejemplo el diseñador de UI de Visual Studio, es importante aclarar esto porque el soporte del diseñador de WF no es de Visual Studio es de .Net Framework, ya que nosotros mismo podemos habilitar un host de diseño para los componentes de la UI y tendríamos las mismas características que Visual Studio nos ofrece para hostear controles de WF.

Además Component implementa IComponent que habilita el soporte para componentes y IDisposable para la recolección de elementos no administrados dentro de la clase. Component hereda de MarshalByRefObject, clase la cual hereda de System.Object. Esta clase, MarshalByRefObject, habilita que los objetos que hereden puedan ser llamados fuera del dominio de aplicación en el que está el objeto, como por ejemplo en las aplicaciones de Remoting y además especifica que la manera de referenciar objetos remotos es a través de referencia. Fijaros que todos los componentes de Windows Forms heredan de esta clase MarshalByRefObject con lo cual tendrían soporte “de serie” para remoting. En lo que nos concierne e Windows Forms, decir que la clase más importante de todos es System.Windows.Forms.Control que es la que habilita que la ventana sea un control al fin y al cabo, pero un control de alto nivel.

Ahora vamos a ver cuál es el árbol de herencia de una ventana en WPF:

System.Object
  System.Windows.Threading.DispatcherObject
    System.Windows.DependencyObject
      System.Windows.Media.Visual
        System.Windows.UIElement
          System.Windows.FrameworkElement
            System.Windows.Controls.Control
              System.Windows.Controls.ContentControl
                System.Windows.Window

En WPF la clase que representa una ventana es System.Windows.Window y está en el ensamblado PresentationFramework.dll, esta clase hereda de System.Windows.Controls.ContentControl que representa un control de WPF que únicamente tiene un solo hijo o contenido principal, este concepto es muy usado en WPF, un control que únicamente puede contener a otro control. Nosotros en WF tenemos una propiedad Controls que es una lista de todos los controles que contiene ese control, en controles como Panel tiene sentido, pero en Label no tiene sentido tener una lista de controles porque Label no admite más controles hijos, pues bien en WPF todos los controles pueden contener otro control, sin límite y sin excepción. Esto puede resultar algo chocante pero es así, por ejemplo la clase System.Windows.Controls.Label hereda de esta clase con lo que Label tiene una propiedad llamada Content de tipo object en el que nosotros podemos establecer lo que queramos, desde un string, un double, otro Label, un Button, o un MediaElement con un video reproduciéndose. Esto no es como en WF que Label tiene una propiedad Text de tipo string para establecer un texto, en WPF los controles que heredan de ContentControl pueden establecer en su contenido (Content) lo que queramos, incluso una clase de lógica de negocio (esto ya lo veremos más adelante).

Pero no nos despistemos, ContentControl hereda de System.Windows.Controls.Control que es la clase que representa una UI que una un ControlTemplate para definir su apariencia. ¿Esto qué significa?, pues que la clase Control, tiene una propiedad ControlTemplate para definir el árbol de controles que representa a este control. Ahora justo es el momento para introducir el concepto de XAML. WPF utiliza para definir la interfaz de usuario unos ficheros con extensión .xaml que son básicamente ficheros XML con una estructura jerárquica. Cada nodo de un fichero .xaml representa una clase de WPF y a través de los atributos se establecen las propiedades de la clase, así por ejemplo podemos tener la representación de un Label así

<Label Content="Nombre" Width="75" />.

Pues bien esta clase ControlTemplate, es justamente eso la plantilla del árbol de controles del control actual, algo así como:

<ControlTemplate TargetType="Button">
    <Grid>
        <Ellipse Fill="{TemplateBinding Background}"/>
        <ContentPresenter HorizontalAlignment="Center"
        VerticalAlignment="Center"/>
    </Grid>
</ControlTemplate>

Podéis pensar que esta clase System.Windows.Controls.Control es la equivalente a System.Windows.Forms.Control, pero no porque la clase Control de WPF tiene muchas más cosas que la de WF y hay una clase base que tiene más similitudes con las clase Control de WF.

Llegado a este punto vamos a seguir otro orden explicando el árbol de herencia porque necesitamos explicar demasiados conceptos que hacienda al revés sería mucho más fácil. Así que ahora el orden que vamos a seguir es:

System.Windows.FrameworkElement 
    System.Windows.UIElement
        System.Windows.Media.Visual
            System.Windows.DependencyObject 
                System.Windows.Threading.DispatcherObject 
                    System.Object

Vamos a ir desde System.Object hacia System.Windows.FrameworkElement. Empezamos con la clase System.Windows.Threading.DispatcherObject que la clase que asocial un objeto con un Dispatcher, ahora bien que es un Dispatcher, vamos primero a repasar un concepto de WF.

En WF la UI de no es multihilo, eso que significa que si desde un Thread diferente al Thread que creo que control se intenta modificar alguna propiedad del control, es una operación no autorizada un puede lanzar una excepción o el programa hacer cosas extrañas. Eso que significa, que si tengo un control y quiero modificar, por ejemplo, la propiedad Text desde otro Thread, ¿no puedo?. Claro que se puede modificar, pero se tiene que hacer de una manera muy especial, utilizando un método definido en la clase System.Windows.Forms.Control llamado Invoke. Este método invoke nos permite pasarle un delegado, para que ese delegado se ejecute dentro del Thread que creo que control. Invoke es un método de instancia con lo que lo tenemos que llamar desde el control que queremos modificar. Y si yo no se cuando tengo que llamar a este método porque no se estoy en un Thread diferente al que lo creo?, pues tienes la propiedad InvokeRequired (bool) que en caso de que sea necesario llamada al método Invoke devolverá true. Pues bien este patrón de llamadas entre hilos para los controles de WF, también está presente en WPF y justamente el Dispatcher es la clase que se encarga de ese cometido. La clase DispatcherObject es la clase que contiene una propiedad llamada Dispatcher que es justamente el que maneja las llamadas entre Threads de los controles de WPF. Esta clase Dispatcher (se llama igual que la propiedad), tiene un método igual que en WF llamado Invoke, pero a diferencia de la propiedad InvokeRequired, aquí para comprobar si el Thread actual es diferente del Thread que creo que control de WPF tenemos el método CheckAccess que devuelve, ojo, true en caso de que el Thread actual sea el mismo Thread que creó el control y false en otro caso, justo al revés que en WF. Además tenemos VerifyAccess que hace lo mismo pero lanza una excepción del tipo InvalidOperationException en caso de que el Thread actual no tenga Dispatcher.

Como veis son dos conceptos análogos pero están implementados de manera diferente en WF y WPF, tengo un post pendiente de cómo funciona el Invoke de WP porque es bastante interesante hablar sobre ello.

La siguiente clase de nuestra lista es DependencyObject la cual es un sistema de propiedades dentro de WPF que soportan herencia y se propagan a través del árbol lógico de una aplicación, para que cuando un valor de una propiedad cambie, por ejemplo, en una ventana todos los controles que están en esa ventana sean notificados del cambio. Si cambiamos el color de la letra en una ventana que todos los controles que están dentro de esa ventana sean notificados, esto ahora mismo en WF es posible, pero la característica principal de esto es que nosotros podemos hacer también nuestras propias dependencias. Esto como imaginareis en WF no tiene ninguna equivalencia.

Y ahora llegamos a System.Windows.Media.Visual una clase muy importante dentro de la UI de WPF. Esta clase provee soporte para dibujado (redering) de la UI, soporte para detención de elementos (hit testing), transformación de coordenadas, recuadrado del contenido. Esta clase es la clase básica para el desarrollo de un control de WPF que tiene soporte para dibujado, y además esta clase tiene soporte para manejador de ventana (hWnd). Las características que tiene son:

Soporte para dibujado
Transformaciones de los elementos visuales (rotación, translación, escala, etc)
Recorte (Clipping)
Prueba de coordenadas (Hit testing)
Calculo del recuadro de dibujado

Como veis es un soporte muy básico para el dibujado en pantalla no soporta manejo de eventos, layout, estilos o enlace a datos.

La clase System.Windows.UIElement es el punto de inicio para los controles que soportan los diferentes tipos de layout que hay en WPF. En WF estamos acostumbrados a hacer el layout de los controles a través de la posición del control y el tamaño del objeto (Location(Point), Size(Size)), pues bien en WPF hay varios tipos de layout dependiendo del control actual en que contenedor esté. Para que os hagáis una idea es parecido al layout de una web (html) en la que se puede usar Top, Left, Right, Bottom y se pueden usar grids. Esta clase expone una serie de métodos virtuales que las clases que lo heredan pueden sobreescribir para modificar el comportamiento de layout del control. Además este es el primer control dentro del árbol de herencia que soporta eventos de teclado, ratón y estilos. Todos estos eventos están implementados como “routed events” que son un tipo de eventos de WPF que permiten que se propaguen hacia arriba (bubbling) y hacia abajo (tunneling).

Esta clase si se puede comparar como un elemento básico de los controles de Win32 y la podemos comparar más con la clase Control de WF, además de poder compararla también con un elemento de DHTML.

Y llegamos por fin a la clase FrameworkElement la cual aglutina todas las características vistas en las clases anteriores y representa el elemento básico de todos los controles o elementos de framework de WPF. FrameworkElement extiendo UIElement y añade estas características:

Define un sistema de layout: FrameworkElement define una serie de métodos virtuales que estaban definidos en UIElement para generar el sistema de layout de los controles, pero define otros métodos para que los controles puedan interactural con ese sistema de layout. Entre los métodos más importantes para el cálculo del layout tenemos, Arrange(Rect final) y Measure(Size size). Arrange posiciona los elementos hijos del control y determina cual es el tamaño en el que los elementos hijos están de manera confortable y Measure los controles hijos calculan cual su tamaño ideal para su dibujado.
Define un árbol de controles para que los controles puedan interactuar
Define eventos para el ciclo de vida de un objeto.
Soporte para enlace a datos
Soporte para estilos
Soporte para animaciones

Esta parte ha sido un poco más larga, pero hay que tener en cuenta que WPF define mucha más funcionalidad para los controles de la UI que WF. Resumiendo un poco WPF tiene más capas de abstracción para definir la misma funcionalidad que WF y además añade soporte para otras características que en WF no teníamos, como estilos, enlace a datos, layout más complejos, ect. Además de la idea de que un control puede contener a otro control, cosa que en WF no es posible, ahora que tenemos claro cuál es la arquitectura de los controles de WPF, de una manera rápida en el siguiente post vamos a verlo de una manera práctica y con ejemplos concretos de control y ventana.

Luis.