El blog de Javier Torrecilla

[Libro] C# 5.0 Los fundamentos del lenguaje. Desarrollar con Visual Studio 2012

Javier Torrecilla — Thu, 09 May 2013 04:29:32 GMT

Gracias a Ediciones Eni he estado evaluando este libro que me facilitaron hace un tiempo.

El libro consta de los siguientes capitulos:

Presentación de la plataforma .NET
Presentación de Visual Studio
Organización de una aplicación
Fundamentos del lenguaje
Programación orientada a objetos
Gestión de los errores y depuración del código
Aplicaciones de Windows
Acceso a las bases de datos
Presentación de LINQ
Utilización de XML
Despliegue de componentes y aplicaciones

En este libro podemos ver como empezar a utilizar Visual Studio 2012 y como empezar a desarrollar aplicaciones “clásicas” de escritorio (Winforms).

Con él se pueden aprender algunas de las bases de C# y de su sintaxis, y se hace una buena introducción al uso de LINQ.

Recomendaría este libro para aquellas personas que estén aprendiendo a desarrollar con tecnología MS porque seguro que les será de utilidad.

Evento: Megathon Windows!!!

Javier Torrecilla — Thu, 14 Mar 2013 18:26:01 GMT

Os quiero compartir este pedazo de evento que va a tener lugar a nivel España y donde tendremos suculentos premios!!!

Podreis encontrarme como mentor junto a algunos grandes como Luis Fraile y Luis Guerrero.

¡Vuelve el Megathon Windows 2013!

Por segundo año consecutivo, tendrá lugar el Megathon Windows, un hackathon que se celebra de manera simultánea en varias ciudades, donde tendrás la oportunidad de crear apps para Windows 8 y Windows Phone, aprender y conocer a otros programadores y ganar fabulosos premios.

Además como novedad, este año hemos preparado una serie de cursos y webcasts gratuitos de desarrollo de apps para Windows 8 y Windows Phone previos al evento para que puedas empezar a prepararte a fondo para el gran día.

¡Accede a la web del Megathon Windows para apuntarte a los cursos y no olvides registrarte en alguna de las ciudades que ya tenemos confirmadas!

¡Empieza a prepararte! ¡Contamos contigo!

[Libro] JQuery: El framework Javascript de la Web 2.0

Javier Torrecilla — Mon, 18 Feb 2013 08:08:23 GMT

En este post quiero haceros mención de un libro que he tenido el placer de leer gracias a Ediciones Eni con la que estoy colaborando revisando algunos de sus libros.

En este caso se trata de un libro de Jquery llamado: “jQuery: El framework Javascript de la Web 2.0” escrito por Luc VAN LANCKER.

El libro está formado por 13 capitulos, donde se habla de todo lo relativo a Jquery, pasando desde una introducción, el uso de selectores, eventos, efectos, plugins, AJAX…

Para “alegrar” el texto, podemos encontrar bastantes ejemplos de código. Además de incluir dichos fragmentos (descargables desde la página web de la editorial), el autor va a explicandolos de forma clara y concisa.

Libro totalmente recomendable para introducirse en el desarrollo con JQuery.

Saludos

PD: Os pongo el enlace al libro

[Tip] Constructores estáticos para tus ViewModels [WIN8]

Javier Torrecilla — Thu, 07 Feb 2013 07:12:02 GMT

Aunque ya he hablado en alguna ocasión de esta característica, una de las grandes novedades de .NET 4.5 es la introducción de Async y Await para “facilitar” la escritura de código que tiene que ejecutarse de forma asíncrona.

Para el desarrollo de aplicaciones para la Store de Windows 8, es una de las cosas mas importantes que hay que tener en cuenta, y de hecho gran parte de la funcionalidad de la API del propio WINRT ya es asíncrona lo que nos facilita mucho la vida.

En este post, quiero hablaros de una cosa que es bastante importe a la hora de hacer nuestros desarrollos.

Bien, ni los constructores de una clase ni las propiedades pueden ser “calificados” como asíncronos.

Centrándonos en el apartado del constructor, probablemente nos gustaría invocar a algún método asíncrono para por ejemplo llenar una lista de elementos que se van a mostrar en pantalla. Bien, mi recomendación para subsanar esto, es la definición de un método estático al que calificaremos como “async” y dentro de dicho método invocaremos al constructor de nuestra clase, y a las acciones asíncronas de la misma. Para ilustrar esto os expongo un pequeño ejemplo:

   1:  public class MyViewModel : baseViewModel

   2:  {

   3:       public MyViewModel()

   4:      {

5:

   6:      }

   7:     private async Task LongTask()

   8:    {

   9:         await Task.Delay(10);

  10:     }

  11:     public static async Task<MyViewModel> Create()

  12:     {

  13:          var vm = new MyViewModel();

  14:          await vm.LongTask();

  15:          return vm;

16:

  17:     }

  18:  }

¿Cómo lo asignamos al contexto de nuestra vista?

Vamos a utilizar el método OnNavigatedTo:

 protected override async void OnNavigatedTo(NavigationEventArgs e)
        {
            this.DataContext= await MyViewModel.Create();
        }

Espero que os resulte de utilidad.

Saludos

[WINRT] AppBar autoocultable

Javier Torrecilla — Tue, 29 Jan 2013 20:38:51 GMT

Continuando un poco con la estela del post anterior en el que hablaba de los Behaviors, en este vamos a ver como agregar una funcionalidad que puede ser bastante interesante en nuestras aplicaciones para Windows Store.

Lo que vamos a abordar, es como auto ocultar la barra de aplicación, según el tiempo deseado. Para resolver esta problematica vamos a agregar dos Dependency Properties a los controles de tipo AppBar:

- La primera una propiedad de tipo Booleana que será la encargada de indicar si se aplica el auto cierre o no. Dentro del establecimiento de esta propiedad vamos a agregar los manejadores de eventos para cuando se abrá la AppBar y cuando entre y salga el cursor dentro de ella (para parar el contador si el cursor está dentro de la AppBar)

- La segunda una propiedad de tipo Integer que servirá para expresar en segundos cuando se va a llevar a cabo el cierre de la AppBar. El valor por defecto de esta propiedad va a ser 5.

Al lio:

        1: public class AppBarExtensions

       2:     {

       3:         public static AppBar appBar;

       4:  

       5:         public static readonly DependencyProperty AutoCloseTimeProperty = DependencyProperty.RegisterAttached("AutoCloseTime", typeof(int), typeof(AppBarExtensions),

       6:             new PropertyMetadata(5));

       7:  

       8:         public static int GetAutoCloseTime(UIElement element)

       9:         {

            return (int)element.GetValue(AutoCloseTimeProperty);

        }

  

        public static void SetAutoCloseTime(UIElement element, int value)

        {

            element.SetValue(AutoCloseTimeProperty, value);

        }

  

        public static readonly DependencyProperty AutoCloseProperty = DependencyProperty.RegisterAttached("AutoClose", typeof(bool), typeof(AppBarExtensions),

       new PropertyMetadata(DependencyProperty.UnsetValue,

       (o, e) =>

       {

           var control = o as AppBar;

  

           appBar = control;

           if (control != null)

           {

               if ((bool)e.NewValue)

               {

                   control.Opened += AppBarOpened;

                   control.PointerEntered += control_PointerEntered;

                   control.PointerExited += control_PointerExited;

               }

               else

               {

                   control.Opened -= AppBarOpened;

                   control.PointerEntered -= control_PointerEntered;

                   control.PointerExited -= control_PointerExited;

               }

           }

       }));

  

        static void control_PointerExited(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)

        {

            timer.Tick += timer_Tick;

            timer.Start();

            Elapsed = 1;

        }

  

        static void control_PointerEntered(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)

        {

            timer.Stop();

            timer.Tick -= timer_Tick;

            Elapsed = 1;

        }

  

        private static DispatcherTimer timer;

  

        private static int Elapsed = 1;

  

        static void AppBarOpened(object sender, object e)

        {

            timer = new DispatcherTimer();

            timer.Interval = TimeSpan.FromSeconds(1);

            timer.Tick += timer_Tick;

            timer.Start();

        }

  

        static void timer_Tick(object sender, object e)

        {

            if (Elapsed == GetAutoCloseTime((UIElement)appBar))

            {

               

                Elapsed = 1;

                appBar.IsOpen = false;

                timer.Stop();

            }

            else

                Elapsed++;

        }

        public static bool GetAutoClose(UIElement element)

        {

            return (bool)element.GetValue(AutoCloseProperty);

        }

        public static void SetAutoClose(UIElement element, bool value)

        {

            element.SetValue(AutoCloseProperty, value);

        }

    }

Del mismo modo que en el ejemplo del post anterior, vamos a ver como usarlo dentro de nuestro código:

       1: xmlns:appbar="using:AppBarExtensions"

De esa manera podremos empezar a utilizarlo en nuestra AppBar:

       1: <AppBar x:Name="appbar" appbar:AppBarExtensions.AutoClose="True" appbar:AppBarExtensions.AutoCloseTime="3" />

Espero que os resulte de utilidad.

Saludos!

[WINRT] Behaviors

Javier Torrecilla — Thu, 24 Jan 2013 18:03:48 GMT

El patrón de diseño mas utilizado a la hora de crear aplicaciones con WPF, Silverlight o Windows 8 es MVVM (Model – View – ViewModel).

Aunque no voy a entrar a la explicación de este patrón voy a hablar de algo relacionado con él.

Uno de los objetivos de este patrón es ayudarnos a mantener nuestro código lo mejor estructurado posible.

En este post me voy a centrar en explicar una problemática existente dentro de Windows 8 y mas concretamente en las desarrolladas con XAML.

El problema radica en la no existencia de triggers que si existian en WPF, como podían ser EventTrigger que se producian al lanzarse un evento.

Debido a ello, vamos a ver como podemos extender los controles de WINRT, para que en lugar de utilizar los eventos desde el código de nuestra página / control, enlacemos a través de un Binding con una propiedad ICommand de nuestro modelo.

Para poder hacer esto, sera necesario definir una Dependency Property. Para el ejemplo concreto vamos a ver como capturar una tecla pulsada por ejemplo en un control de tipo TextBox:

        1: public class PageKeyPressBehavior

       2: {

       3:     public static readonly DependencyProperty KeyDownCommandProperty = DependencyProperty.RegisterAttached("KeyDownCommand", typeof(ICommand), typeof(PageKeyPressBehavior),

       4:                 new PropertyMetadata(DependencyProperty.UnsetValue,

       5:                     (o, e) =>

       6:                     {

       7:                         var textbox = o as TextBox;

       8:                         if (textbox != null)

       9:                         {

                            if (e.NewValue != null && e.OldValue == null)

                                textbox.KeyDown +=  KeyDownEvent;

                            else if (e.NewValue == null && e.OldValue != null)

                                textbox.KeyDown -= textbox_KeyDownEvent;

                        }

                    }));

 

            public static ICommand GetIntroButtonCommand(UIElement element)

            {

                return (ICommand)element.GetValue(IntroButtonCommandProperty);

            }

 

            public static void SetIntroButtonCommand(UIElement element, ICommand value)

            {

                element.SetValue(IntroButtonCommandProperty, value);

            }

 

            static void KeyDownEvent(object sender, Windows.UI.Xaml.Input.KeyRoutedEventArgs e)

            {

                    var textbox = sender as TextBox;

                    if (textbox != null)

                    {

                        ICommand cmd = GetIntroButtonCommand(textbox);

                        if (cmd != null)

                            cmd.Execute(e.Key.ToString());

                       

                    }   

            }

}

En el código del ejemplo lo que hacemos es registrar una propiedad en los controles de tipo TextBox, y agregamos el manejador de eventos para controlar el evento KeyDown. Dentro de dicho evento lo que haremos será invocar al valor de nuestra Dependency Property.

Bien, ahora como utilizamos esto dentro de nuestra pagina:

1) Lo primero será agregar el namespace donde está alojada la clase que incluye nuestra Dependency Property:

       1: xmlns:be="using:MyApp.Behaviors"

2) Utilizarla dentro de nuestro TextBox:

       1: <TextBox be:KeyDownCommand="{Binding MyKeyDownCommand}" />

Con esto ya trendriamos enlazado nuestro ViewModel y nuestra Vista sin tener que capturar los eventos desde el propio Code Behind.

Espero que os sea de utilidad.

Saludos!

Materiales: Workshop Mobile Service (2) y Libro

Javier Torrecilla — Thu, 20 Dec 2012 06:59:00 GMT

Después del Workshop en el que participe el otro día, me pidieron que subiera el resultado de los laboratorios al blog ver el resultado de los mismos.

Os dejo un zip en mi skydrive:

Este ZIP contiene una solución de VS2012 con los siguientes proyectos:

- Model: Clases de Modelo (Entry), una interfaz IRepository<T> y 2 implementaciones de dicha clase: una para trabajar con XML y otra para tratar con MobileService.

- ViewModel: Contiene las clases vmBase, DelegateCommand, DelegateCommand<T> y el ViewModel que se va a utilizar en los otros proyectos.

- Lab1UI: Esta es la UI que utiliza XML.

- Lab2UI: Esta utiliza Mobile: NOTA: para el servicio tendréis que poner el servicio que tengáis definido en vuestra cuenta de Windows Azure. NOTA 2: No he puesto el tema de notificaciones y autenticación, pero si tenéis cualquier duda podéis hacérmela llegar.

También os comentaba acerca de los libros de una editorial con la que colabora de vez en cuando es Ediciones ENI. Tienen un libro interesante titulo “C# 4.0 Los fundamentos del lenguaje” y dentro de no demasiado estará disponible la versión 5.0 (actualmente está en francés).

Si estáis interesados en alguno de sus libros avisadme también.

Espero que os sea de utilidad.

Materiales Evento Mobile Services

Javier Torrecilla — Tue, 18 Dec 2012 10:23:15 GMT

Buenos días,

Os comparto la presentación y las demos que hemos utilizado Adrián de Microsoft y yo en la charla de Mobile Services que hemos impartido hoy.

PPT:

Windows azuremobileservices from Javier Torrecilla

Demos:

MobileServicesDemos.

Espero que os sea de utilidad.

Saludos!

OffTopic: Resumen 2012 y Felices Fiestas

Javier Torrecilla — Mon, 17 Dec 2012 07:08:12 GMT

Desde este post quiero hacer un breve resumen de lo que ha sido este año 2012 para mi.

Antes de meteros el rollo, quiero desearos unas Felices Fiestas y que el 2013 os traiga lo que le pedias!

Desde el punto de vista laboral ha sido un año de los mas duros que ha pasado desde que comencé a trabajar debido a la crisis y los problemas de mi anterior empresa. Gracias a que nuestro sector es un “privilegiado”, en la situación en la que estamos y con la que está cayendo, encontré trabajo con relativa facilidad, y empecé a trabjar en Ilitia.

Gracias a este cambio he tenido la oportunidad de hacer proyectos realmente interesantes con tecnologías como Windows 8, VS2012, Kinect, WPF etc, lo que ha supuesto todo un reto para mi

A nivel técnico y de comunidad ha sido un año realmente interesante a pesar de que el ultimo tercio del año, no he tenido demasiado tiempo para publicar demasiado.

He participado en un par de eventos presenciales, y varios webcast, pero me gustaría hacer especial mención al Evento en el que participe con Madrid Dot Net y la gente de Second Nug de “Introducción a VS2012”. Aunque también me hace especial ilusión el Workshop en el que voy a colaborar mañana en las oficinas de Microsoft.

El 1 de octubre volví a recibir ese correo, que realmente hace mucha ilusión recibirlo. Me refiero al correo que envía Microsoft informandote que eres MVP. En este caso es por segundo año consecutivo, y quiero volver a dar las gracias a todo el equipo de Microsoft por su ayuda, y a todos los lectores del blog por “leerme”.

También relacionado con el MVP y la comunidad está la asistencia al evento TechDay y MVPOpenDay de la mano de Microsoft, el primero de ellos un evento puramente técnico con cosas realmente interesantes (salvo una charla que no me convencio…) y sobre todo con una charla introductoria por parte de Jose Bonnin.

A nivel personal también ha sido un año bastante bueno, lo primero porque me he casado, y después porque he conocido a mucha gente interesante =D

Saludos!!

[EVENTO] WorkShop Windows 8 + Mobile Services

Javier Torrecilla — Tue, 04 Dec 2012 09:32:53 GMT

Hoy toca un post cortito para hablaros de un evento que va a tener lugar el martes 18 de Diciembre.

En este evento vamos a ver la siguiente agenda:

Sesión 1: Analistas de negocio/desarrolladores

9:00 -11:30
Accede al mercado de las Apps.

Apps Windows 8. Un Nuevo Canal.

Enriquece tu aplicación con Servicios Cloud.

Integra tu App en tus procesos de desarrollo

Sesión 2: Desarrolladores

12:00 -14:30
Lab 1: Crea tu App Windows 8.

Lab 2: Enriquece tu App con servicios en la nube

Lab 3: Integración de tu App en los procesos de ALM

Mas información y enlaces de registro aquí.

Saludos!

[WinRT] Añadiendo algo de funcionalidad básica a la API.

Javier Torrecilla — Mon, 26 Nov 2012 10:15:31 GMT

Introducción

Como me imagino que todos sabréis ya ha salido hace algún tiempo Windows 8, y la programación para él es relativamente distinta que para el resto de aplciaciones “tradicionales”.

Aunque ya llevo un tiempo trabajando con Windows 8 como sistema operativo, y con WINRT desarrollando aplicaciones para él, se siguen echando en falta algunas cosas en las APIS que nos proveen dentro del nuevo Framework.

En este post voy a exponer dos métodos interesantes para la API de manejo de ficheros.

Código

Dentro de mi proyecto, he definido una clase estática en la que he agregado dos métodos extensores para los elementos que implementen la interfaz IStorageFolder`:

- El primero de ellos será para mover todo el contenido de un directorio.

- El segundo será para copiar todo el contenido de un directorio.

        1: public async static Task CopyFolderAsync(this IStorageFolder folder, IStorageFolder destinationFolder)

       2:       {

       3:  

       4:           if (destinationFolder == null)

       5:               throw new ArgumentNullException("Destination Folder can't be null");

       6:           var destFolder = await destinationFolder.CreateFolderAsync(folder.Name);

       7:           var files = await folder.GetFilesAsync();

       8:           foreach (var file in files)

       9:           {

              await file.CopyAsync(destFolder);

  

          }

  

      }

      public async static Task<IStorageFolder> MoveFolderAsync(this IStorageFolder folder, IStorageFolder destinationFolder)

      {

  

          if (destinationFolder == null)

              throw new ArgumentNullException("Destination Folder can't be null");

          var destFolder = await destinationFolder.CreateFolderAsync(folder.Name);

          var items = await folder.GetItemsAsync();

          foreach (var item in items)

          {

              if (item is StorageFile)

                  await ((StorageFile)item).CopyAsync(destFolder);

              else if (item is StorageFolder)

                  await ((StorageFolder)item).CopyFolderAsync(destFolder);

          }

          await folder.DeleteAsync(StorageDeleteOption.PermanentDelete);

          return destFolder;

      }

Espero que os resulte de utilidad, y que estéis haciendo cosas ya para Windows8!!!

Saludos!

MadNUG: Materiales del evento de Async y Await

Javier Torrecilla — Wed, 24 Oct 2012 16:45:00 GMT

Ayer tuve el honor de participar con unos cracks en el pedazo de evento que organizo MADNUG.

Participe con un minitrack de Async y Await con C# 5.0 dentro de VS2012.

A pesar de los nervios, todo lo demás fue muy bien, y me lo pase genial en el evento.

Os dejo el enlace a la grabación, y los materiales de mi charla (Demos + PPT)

Espero que os sea de utilidad!

PD: De nuevo quiero felicitar a todos mis compañeros y a los amigos de SecondNug por el soporte!

[WIN8] Usando SemanticZoom en XAML

Javier Torrecilla — Thu, 04 Oct 2012 06:45:39 GMT

Introducción

En este post vamos a ver qué es y como hacer uso de este nuevo control introducido en la galería de controles de aplicaciones para la Windows Store.

¿Qué es?

Es un Control de usuario compuesto de "2 vistas”, que nos permite cambiar entre ellas haciendo para hacer zoom in, o el gesto contrario para hacer zoom out, lo que permite una interacción táctil adaptada a los nuevos dispositivos que vienen.

¿Cómo utilizarlo?

En primer lugar será necesario definir el control dentro de nuestra Vista, a través de XAML o arrastrándolo desde la barra de controles de Visual Studio.

Después pasaremos a definir las propiedades ZoomedOutView y ZoomedInView:

        1: <SemanticZoom>

       2:            <SemanticZoom.ZoomedOutView>

       3:                <GridView></GridView>

       4:            </SemanticZoom.ZoomedOutView>

       5:            <SemanticZoom.ZoomedInView>

       6:                <GridView></GridView>

       7:            </SemanticZoom.ZoomedInView>

       8:        </SemanticZoom>

A continuación vamos a definir la vista sin zoom :

       1: <GridView            

       2:                     AutomationProperties.AutomationId="ItemGridView"

       3:                     AutomationProperties.Name="Grouped Items" 

       4:                     ScrollViewer.IsHorizontalScrollChainingEnabled="False" ScrollViewer.IsVerticalScrollChainingEnabled="False"  SelectionMode="None" ItemsSource="{Binding Source={Binding Floors}}" Margin="0" Padding="0" VerticalAlignment="Center" HorizontalAlignment="Center">

       5:                     <GridView.Resources>

       6:                         <ItemsPanelTemplate x:Key="ItemsPanelZoomOut">

       7:                             <StackPanel Orientation="Horizontal"/>

       8:                         </ItemsPanelTemplate>

       9:                     </GridView.Resources>

                    <GridView.ItemTemplate>

                        <DataTemplate>

                            <Grid>

                                <TextBlock Text="{Binding Group.Floor}"/>

                            </Grid>

                        </DataTemplate>

                    </GridView.ItemTemplate>

                        <GridView.ItemsPanel>

                        <StaticResource ResourceKey="ItemsPanelZoomOut"/>

                    </GridView.ItemsPanel>

                    <GridView.GroupStyle>

                        <GroupStyle>

                            

                            <GroupStyle.HeaderTemplate>

                                <DataTemplate>

                                    <Grid Margin="0,0,24,16">

                                        <Grid.RowDefinitions>

                                            <RowDefinition/>

                                            <RowDefinition/>

                                        </Grid.RowDefinitions>

  

                                    </Grid>

                                </DataTemplate>

                            </GroupStyle.HeaderTemplate>

                            <GroupStyle.Panel>

                                <ItemsPanelTemplate>

                                    <StackPanel Orientation="Horizontal" Margin="0,0,80,0"/>

                                </ItemsPanelTemplate>

                            </GroupStyle.Panel>

                        </GroupStyle>

                    </GridView.GroupStyle>

                </GridView>

En el GridView hemos definido el template que vamos a utilizara para la visualización de cada elemento, y una serie de caracteristicias para la visualización de la información.

Para la vista con zoom, vamos a utilizar algo parecido al siguiente GridView:

       1: <GridView IsItemClickEnabled="True"  

       2:                            x:Name="gvList" IsEnabled="{Binding IsGridEnabled}"  

       3:                            SelectionMode="Single" 

       4:                            Margin="120,80,0,0" Grid.Row="2"             

       5:                     AutomationProperties.AutomationId="ItemGridView"

       6:                     AutomationProperties.Name="Grouped Items"  

       7:                           SelectedItem="{Binding Selected}" 

       8:                            ScrollViewer.ZoomMode="Disabled"

       9:                     ScrollViewer.IsHorizontalScrollChainingEnabled="False" 

                           ScrollViewer.IsVerticalScrollChainingEnabled="False"

                           ScrollViewer.HorizontalScrollBarVisibility="Hidden" Padding="0" VerticalContentAlignment="Stretch"

                           >

  

                    <GridView.Resources>

                        <ItemsPanelTemplate x:Key="ItemsPanelTemplateZoomIn">

                            <StackPanel Orientation="Horizontal" />

                        </ItemsPanelTemplate>

                    </GridView.Resources>

  

                    <GridView.ItemsSource>

                        <Binding Source="{StaticResource MyViewSource}"/>

                    </GridView.ItemsSource>

  

                    <GridView.ItemsPanel>

                        <StaticResource ResourceKey="ItemsPanelTemplateZoomIn"/>

                    </GridView.ItemsPanel>

                    <GridView.GroupStyle>

                        <GroupStyle>

                            <GroupStyle.ContainerStyle>

                                <Style TargetType="GroupItem">

                                    <Setter Property="Template">

                                        <Setter.Value>

                                            <ControlTemplate TargetType="GroupItem">

                                                <Grid Margin="0,0,40,0">

                                                    <Grid.RowDefinitions>

                                                        <RowDefinition Height="Auto"/>

                                                        <RowDefinition Height="*"/>

                                                    </Grid.RowDefinitions>

                                                    <ContentPresenter Content="{TemplateBinding Content}" Grid.Row="0"/>

                                                    <ItemsControl x:Name="ItemsControl2" ItemsSource="{Binding GroupItems}" Grid.Row="1"/>

                                                </Grid>

                                            </ControlTemplate>

                                        </Setter.Value>

                                    </Setter>

                                </Style>

                            </GroupStyle.ContainerStyle>

                            <GroupStyle.HeaderTemplate>

                                <DataTemplate>

                                    <Grid Margin="0,0,24,16">

                                        <TextBlock

                                                AutomationProperties.Name="Group Title"

                                                Text="{Binding Floor}"

                                                 Foreground="#FF474747" FontFamily="Segoe UI Semibold" Margin="0"/>

                                    </Grid>

                                </DataTemplate>

                            </GroupStyle.HeaderTemplate>

  

                        </GroupStyle>

  

                    </GridView.GroupStyle>

  

                </GridView>

En este GridView,, hemos definido el origen de datos, el Template que se va a aplicar a cada elemento, y la asociación con los grupos, de la vista “Zoomed Out”.

Ahora vamos a definir el origen de datos:

       1: <Grid.Resources>

       2:     <CollectionViewSource 

       3:         x:Name="MyViewSource" 

       4:         IsSourceGrouped="True" 

       5:         Source="{Binding Floors}"

       6:         ItemsPath="Elements"  

       7:         />

       8: </Grid.Resources>

Como podéis observar, el origen de datos está enlazado a nuestro ViewModel, en el que tenemos una propiedad llamada Floors del siguiente tipo:

       1: public class ExtractionByFloor

       2:     {

       3:         private string _floor;

       4:  

       5:         public string Floor

       6:         {

       7:             get { return _title; }

       8:             set { _title = value; }

       9:         }

      10:  

      11:        

      12:         public IEnumerable Elements { get; set; }

      13:  

      14:     }

EDIT: Gracias a Antiocol por el reminder

Dentro del ViewModel podemos observar la propiedad Elements. Esta propiedad va a estar enlazada dentro de la vista ZommedInView especificandose en el origen de Datos.

Algo que viene al hilo de esto, es que cuando se haga zoom sobre uno de los elementos de la vista ZoomedOut, el zoom será efectivo sobre el grupo indicado haciendo el scroll (horizontal o verrtical según este configurado) .

Bien, por último desde nuestro CodeBehind vamos as asignar nuestro ViewModel, y asignaremos los grupos al zoom:

       1: public MainPage()

       2:        {

       3:            this.InitializeComponent();

       4:            this.DataContext = new MainViewModel();

       5:        }

       6:  

       7:        /// <summary>

       8:        /// Invoked when this page is about to be displayed in a Frame.

       9:        /// </summary>

      10:        /// <param name="e">Event data that describes how this page was reached.  The Parameter

      11:        /// property is typically used to configure the page.</param>

      12:        protected override void OnNavigatedTo(NavigationEventArgs e)

      13:        {

      14:            var collectionGroups = MyViewSource.View.CollectionGroups;

      15:            MyViewSource.View.MoveCurrentToPosition(-1);

      16:            ((ListViewBase)this.zoom.ZoomedOutView).ItemsSource = collectionGroups;

      17:        }

A través de la propiedad IsZoomedInViewActive (de tipo Bool) podemos definir como va a aparecer el control, con la vista de Zoom In o de Zoom Out.

Os dejo un enlace bastante interesante sobre el SemanticZoom.

También os dejo el enlace para que podáis descargar el proyecto.

Espero que os resulte útil =D

[Personal] MVP 2012

Javier Torrecilla — Mon, 01 Oct 2012 16:09:00 GMT

Bueno, pues en esta minientrada quiero decir que Microsoft me ha vuelto a elegir como Microsoft MVP en la categoría C#.

El 1 de octubre de 2011 fue mi primer nombramiento, y desde entonces me han sucedido muchas cosas tanto profesional como laboralmente.

Desde estas líneas quiero dar las gracias a todos aquellos que leeis este blog, o me seguís en Twitter / Facebook y aguantáis charlas, posts o mis tweets!

Un saludo !!

Y por cierto enhorabuena a todos los renovados Lluis, Palel, Ibon and Cia, y al nuevo MVP Josue Yeray, y a todos los que me dejo en el tintero!

[Evento] MadridDotNet: Novedades en VS2012

Javier Torrecilla — Thu, 27 Sep 2012 10:25:00 GMT

Aunque a principios de septiembre hable de que iba a participar en un evento de las novedades de VS2012, por diversos motivos hemos tenido que aplazarlo hasta octubre.

Bien os dejo la agenda prevista, y el enlace al evento:

1-. Un poco de Visual Studio 2012 + ALM 2012 por Bruno Capuano y Luis Fraile.

2-. CodedUI Tests en Visual Studio 2012 por Juan Carlos Quijano.

3-. Desarrollo con Windows Phone 8 por Josue Yeray.

4-. Windows Store Apps (HTML5/C#) por Javier Holguera y Jorge Serrano.

5-. Async/Await en .NET Framework 4.5 por Javier Torrecilla.

6-. WebAPI por Luis Ruiz Pavón.

7-. Juegos escalables en Azure y Windows 8 por Alex Casquete y Quique Martínez.

8-. ERP en Azure por Víctor González.

Mas Info

[WINRT] Mostrando Video directamente en un control con XAML + C#

Javier Torrecilla — Tue, 11 Sep 2012 13:20:25 GMT

Introducción

Una de las características de trabajar con WINRT es la facilidad para hacer uso de las “capacidades” del ordenador en el que está funcionando nuestra aplicación.

En este pequeño post vamos a ver como llevar a cabo el acceso a la webcam de nuestro equipo, y reproducir dicho contenido en una vista o control de nuestro desarrollo.

Al lio!

Para que podamos hacer uso de la webcam y reproducir el contenido en tiempo de ejecución, vamos a necesitar agregar las siguientes “Capabilties” a nuestro proyecto:

- Microphone

- WebCam

El control que va a actuar como “host” del video va a ser del tipo “CaptureElement”

Para ello dentro de nuestro Usercontrol lo Page, lo definiremos como sigue:

        1: <CaptureElement Name="capture" Stretch="Fill" Opacity="100"/>

Bien, una vez definido en nuestro XAML, vamos a agregar el código necesario para empezar a mostrar video:

En primer lugar vamos a configurar el uso de la WEBCAM:

       1: private MediaCapture mediaCaptureMgr;

       2: private async void ConfigureWebCam()

       3: {

       4:     if (mediaCaptureMgr == null)

       5:                 {

       6:  

       7:                     mediaCaptureMgr = new MediaCapture();

       8:                     await mediaCaptureMgr.InitializeAsync();

       9:  

      10:                     capture.Source = mediaCaptureMgr;

      11:                     await mediaCaptureMgr.StartPreviewAsync();

      12:     }

      13: }

A continuación bastaría con agregar una llamada a está función desde el sitio que deseemos (Botón, constructor…)

La primera vez que se ejecute la aplicación nos pedirá permiso para ejecutar la cámara.

Os dejo el ejemplo, y espero que os sea de utilidad.

Saludos!

[Evento]Novedades de Vs2012

Javier Torrecilla — Wed, 22 Aug 2012 06:37:31 GMT

Desde MadNug, se está moviendo un evento con algunas de las novedades de VS2012, con varios ponentes de autentico lujo.

Se planea que sea el Jueves 20 de Septiembre, y aunque aun no está cerrada la agenda, y fijado al 100% el día, resérvalo en tu agenda ~~insensato~~ para que no te lo pierdas, porque te aseguro que te gustara.

Saludos!

PD: Espero volver a escribir nuevos post técnicos ASAP, ya que me encuentro en una época de cambios laborales y necesito reorganizarme.

[Eventazo] Megathon Windows 8 ¿Te lo vas a perder?

Javier Torrecilla — Thu, 26 Jul 2012 09:47:00 GMT

Bueno, este post es para lo que dice el titulo anunciar un eventazo que va a tener lugar los días 7,8 y 9 de Septiembre en varias ciudades españolas:

- Barcelona

- Bilbao

- Canarias

- Cordoba

- Coruña

- Logroño

- Madrid

- Santander

- Sevilla.

Como veis no hay escusa para no asistir =p.

El evento va a consistir en desarrollo de aplicaciones para el nuevo sistema operativo Windows 8.

Bueno no me enrollo mas, teneis toda la información relativa al evento en Megathon Win8

¿Te lo vas a perder?

Saludos!

PD: Añadidas Murcia y Palma gracias @DarioDBA

[VS2012] Información del llamante

Javier Torrecilla — Fri, 20 Jul 2012 07:01:00 GMT

Introducción:

Lo primero que poco me gustan algunas traducciones, así que vamos a llamar las cosas por su nombre, en este post vamos a hablar de una de las novedades de .NET 4.5 “Caller Information”.

Una de las cosas novedosas de esta nueva versión del Framework viene a facilitarnos la vida a la hora de realizar trace y log de errores de nuestras aplicaciones (aunque en este post vamos a ver otra utilidad de esta información).

Dentro del espacio de nombres “System.Runtime.CompilationServices” se han agregado tres atributos que van a poder ser aplicados sobre parámetros de un método:

- CallerFilePath: Va a cualificar un parámetro que almacenará el nombre del fichero que ha provocado la llamada.

- CallerLineNumber: Va a cualificar un parámetro que indicará la línea donde se encontraba la llamada al método.

- CallerMemberName: Va a cualificar un parámetro que indicará el nombre del método que contenía la llamada.

La aplicación de estos atributos, se realizará sobre parametros opcionales, los cuales tendrán que ser inicializados con algun valor:

public static  void Log([CallerFilePath]string path="",[CallerLineNumber]int line=0,[CallerMemberName] string method="")
{
//Do Actions
}

Podríamos invocar a este método desde cualquier parte de la aplicación y tendríamos la información indicada.

Os dejo un ejemplo de una aplicación de consola para que veais el funcionamiento.

Un ejemplo:

Un sitio donde puede ser interesante de utilizar es en la implementación del patrón MVVM (que tanto trabajo va a tener de cara al futuro).

Podríamos aplicarlo al definir un ViewModelBase donde se realice la implementación del evento PropertyChanged:

   1:  public class VMBase : INotifyPropertyChanged

   2:     {

   3:         public event PropertyChangedEventHandler PropertyChanged;

   4:         public void ChangeProperty([CallerMemberName]string property = "")

   5:         {

   6:             if (PropertyChanged != null)

   7:                 PropertyChanged(this, new PropertyChangedEventArgs(property));

   8:             MessageBox.Show(property);

   9:         }

  10:     }

Espero que os sea de utilidad.

Saludos!!!

[Tip] Extendiendo TypeConverter para tratar con nulos

Javier Torrecilla — Wed, 04 Jul 2012 06:55:00 GMT

Introducción

En este mini post voy a definir un método extensor al tipo TypeConverter para el tratamiento de valores nulos provenientes de la BD.

Al Lio

Como todos sabeis ( y sino muy mal...) un nulo proveniente de la Base de Datos va a ser DbNull.Value (no es el mismo null que en c#), bien para evitar problemas con el uso de TypeConverter, vamos a definir la siguiente extensión:

public static class TypeConverterExtensions

{

public static object ConvertToWithNullableValues(this TypeConverter converter, object value, Type propertyTipe)

{

if ((value == null || value == DBNull.Value))

return null;

if (value.GetType().Equals(propertyType)) return value;

return converter.ConvertTo(value, propertyTipe);

}

Un ejemplo de su utilización sería:

reg.GetType().GetProperty(prop.Name).SetValue(reg, converter.ConvertToWithNullableValues(reader[prop.Name], prop.PropertyType), null);

En el ejemplo estoy usando Reflection porque accedo dinamicamente a las propiedades...

Bueno espero que os sea de utilidad.

Saludos!

PD: He añadido una condición más para que si los tipos del objeto y el tipo a convertir coincidan no intente hacer una conversión.