Tras una serie de entradas donde se aportaba información guiada para el desarrollo de acciones concretas de programación:

Tablets MultiTouch con MS Windows 7: El tamaño importa (I)

Tablets Multitouch con MS Windows 7: El tamaño importa(II)

Tablets MultiTouch con MS Windows 7:El tamaño importa, el color también (III)

Continuamos suministrando información respecto de la gestión y configuración del aspecto de elementos gráficos que pueden formar parte de aquellas aplicaciones que se generen para dispositivos tablet multiTouch en entornos Ms Windows 7.

De este modo en este post vamos a seguir trabajando con la barra deslizadora sobre cuyo aspecto operábamos en las entradas anteriores de la serie. En la última de ellas (Tablets MultiTouch con MS Windows 7: El tamaño importa, el color también (III)) se conseguía modificar definitivamente el tamaño y el color del botón central de la barra deslizadora.

Slider modificado

En esta ocasión, veremos cómo incluir ésta en nuestro código, haciéndola funcional. El primer paso será incluir nuestros recursos personalizados, a través del fichero Diccionarios.xaml, dentro del código de App.xaml. El lugar donde incorporarlo es en el nodo “Application.Reosurce”.  Es posible incorporar tantos recursos como sea necesario añadiendo cada uno de ellos al nodo tal y como se muestra a continuación:

<ResourceDictionary Source="Recursos\Diccionario.xaml"/>

Llegados a este punto se dispone de todo lo necesario para poder utilizar la barra deslizadora (slider) dentro del código de la aplicación WPF(Windows Presentation Fundation). En la siguiente imagen se presenta el estado en que quedarían los ficheros de código y App.xaml.

Situación de ficheros de código

Para interactuar con el nuevo “Slider”  se trabajará sobre el fichero “MainWindow.xaml”.  Este ya incluye el objeto “Grid” donde se insertarán el resto de objetos de nuestra aplicación.  En este ejemplo sólo se añadirán  objetos “Sliders”. Una de las ventajas de hacer uso de Visual Studio 2010 es la posibilidad de colocar los controles donde queramos, dentro del “Grid”, usando el ratón o bien utilizar el atributo “Margin” para situarlo a través de coordenadas en la posición que se desee.

En función de  lo indicado anteriormente podemos  añadir un “Slider” dentro de nuestro “Grid” arrastrando el control desde la Barra de Herramientas, o insertando  en el código del objeto la posición directamente, como es posible observar en las siguientes líneas:

   <Grid>

       <Slider Height="23" Margin="297,220,0,0" Name="slider1" />

   </Grid>

Ya se dispone de la barra deslizadora incorporada en nuestra aplicación, pero ésta no se encuentra modificada dado que aún no se ha alterado su hoja de estilo.  La modificación del estilo, y con ello del diseño, se logrará con el cambio del valor del atributo “Style”:

<Slider Style="{StaticResource MiEstilo}"  Margin="25,12,267,182"/>

Con este cambio se indica al objeto “Slider”  la necesidad de tener que utilizar el diseño  “MiEstilo”, cuya creación se relataba en las entradas anteriores de la serie.

Ahora ya tenemos todo listo para pulsar “F5” y comprobar el funcionamiento. Es posible añadir un nuevo “Slider” para verificar las diferencias de diseño existentes entre éste y la barra deslizadora modificada en el ejemplo desarrollado, tras la aplicación del estilo “MiEstilo”. En la siguiente imagen se presenta esta comparación.

Ejecución del Slider

Con esta entrada se da por finalizada la adaptación de la barra deslizadora a nuestros dedos, siendo de este modo utilizable en una aplicación Touch. A través de esta serie, y utilizando la barra deslizadora (Slider) como ejemplo, se ha presentado la metodología para modificación de controles de WPF en lo referente al diseño.

Continuaremos generando entradas relacionadas con el desarrollo y adaptación de aplicaciones para dispositivos Multitouch para la plataforma Ms Windows 7.

Para acabar, recuerda que si quieres aprender mucho más sobre los secretos de los sistemas Microsoft Windows, te recomendamos leer el libro de Sergio de los Santos "Máxima Seguridad en Windows: Secretos Técnicos" , o siempre puedes suscribirte al Canal RSS de Windows Técnico para estar al día de las novedades e información técnica de interés.