Ezequiel Jadib : Microsoft Expression

Expression Design December CTP - Actualizacion

Ezequiel Jadib — Wed, 17 Jan 2007 12:15:13 GMT

Desde Microsoft Expression Blog nos llega la noticia, de que ha salido una actualizacion para la CTP de Diciembre del Expression Design.

Ahora, esta no expira en el 2007, por lo tanto vamos a poder seguir probando este nuevo producto.

Pueden leer mas aca

WPF - Triggers

Ezequiel Jadib — Thu, 11 Jan 2007 02:42:00 GMT

No se si acuerdan, pero en este post, les habia prometido que iba a mostrar un ejemplo de como usar los Triggers en WPF.

Cuando un determinado evento, de un control ocurre, ahi es cuando se disparan los Triggers. Asi tenemos que verlos.

Pero mejor veamos un poco de codigo

<Window x:Class="EjemplosBlog.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="BlogSamples"
    Height="300"
    Width="300">
  <Grid>
    <Grid.Resources>
      <Style TargetType="{x:Type Button}">
        <Style.Triggers>
          <Trigger Property="Button.IsMouseOver" Value="true">
            <Setter Property="FontSize" Value="15"></Setter>
            <Setter Property="FontWeight" Value="Bold"></Setter>
          </Trigger>
          <Trigger Property="Button.IsPressed" Value="true">
            <Setter Property="Background" Value="Blue"></Setter>
          </Trigger>
        </Style.Triggers>
      </Style>
    </Grid.Resources>
    <Button Name="btnHelloWorld" Height="54" Margin="5,5,117,0"
       VerticalAlignment="Top">
      Hello World
  </Button>
  </Grid>
</Window>

Expliquemos un poco lo que esta en negrita.

Como veran cree un estilo, al cual le dije que va a ser aplicado a los Botones.

Dependiendo de donde queremos que este disponible el estilo, podemos declararlo de distinta forma.

Por ejemplo en el App.xaml, como parte de los Application Resources, dejando accesible para todo control de nuestra aplicacion este estilo. Ejemplo:

Tambien, podemos declarlo a nivel de una pagina o ventana con Page.Resources.

En nuestro caso, agregamos el estilo en el elemento Grid.

Ahora bien, como veran, defini 2 triggers.

El primero va dispararse cuando pase el mouse por arriba del boton, y en ese momento, como bien puede leerse el tamaño de la letra se agrandara y la misma pasara a estar en negrita.

El segundo, que se va a disparar cuando el boton sea apretado, solo cambiara el fondo del boton a un color Azul.

Acabamos de conocer una parte muy util de WPF. Aunque no del todo, porque falta que hablemos sobre DataTrigger, EventTrigger, MultiTrigger. Lo que acabamos de ver es PropertyTrigger.

Sobre estilos, hay mucho mas para hablar... pero eso sera en otro capitulo

WPF Tutorial

Ezequiel Jadib — Tue, 09 Jan 2007 16:18:06 GMT

Dando una recorrida por mis feeds, me encontre con la noticia de un nuevo sitio con tutoriales de WPF.

Les dejo la url para que puedan visitarlo

ContentPresenter.com

Blog sobre WPF (el banner del blog esta realizado con WPF )

Windows Presentation Foundation (WPF) - Hola Mundo :)

Ezequiel Jadib — Mon, 08 Jan 2007 14:46:00 GMT

Hola, voy a empezar a escribir una serie de articulos sobre WPF.

Esto solo pretende ser una introduccion ya que yo, al igual que ustedes, estoy aprendiendo WPF, asi que feedback es bienvenido .

Antes que nada, si quieren comenzar con WPF, deben instalar .NET Framework 3.0 RTM y las extensiones correspondientes a WCF & WPF para .NET Framework 3.0. El ultimo release hasta ahora es la CTP de Noviembre 2006.

Then, you have to create a new Windows Application (WPF)

Ahora bien, empezemos creando un nuevo proyecto del tipo Windows Application (WPF)

El proyecto se creara y vamos a tener un archivo llamado Window1.xaml

Reemplazemos el codigo que tiene con el siguiente:

<Window x:Class="EjemplosBlog.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="BlogSamples"
    Height="300"
    Width="300">
    <Grid>
      <Button Name="btnHelloWorld" Click="btnHelloWorld_Click" Height="54" Margin="5,5,117,0" VerticalAlignment="Top">
          Hello World
      </Button>
    </Grid>
</Window>

Una revision rapida:

btnHelloWorld es el Id/Name del boton
btnHelloWorld_Click es el nombre del Evento Click

Tambien, agreguemos este codigo en el code behind (Window1.xaml.cs)

void btnHelloWorld_Click(object sender, RoutedEventArgs e)
{
btnHelloWorld.Content = "From Ezequiel Jadib Blog";
}

Y Magia :) Ya podemos correr nuestra primera aplicacion con WPF

Espero que esto les de un empujoncito para empezar con WPF. Seguramente el proximo post, mostrara como hacer lo mismo pero con Triggers.

Downloads

Microsoft .NET Framework 3.0 RTM

Visual Studio 2005 extensions for .NET Framework 3.0 (WCF & WPF) November 2006 CTP

Resources

Introduction to Windows Presentation Foundation

XAML.NET

Samples

Windows SDK .NET Framework Samples