Saltar al contenido
Temas claros y oscuros de Metro GRATIS para WPF y Silverlight controles de Microsoft

Temas claros y oscuros de Metro GRATIS para WPF y Silverlight controles de Microsoft

La búsqueda de un buen tema de aplicación nunca termina.  Pasas horas recorriendo los reinos de Google y Bing en busca de un tema limpio, moderno y táctil para usar en tu aplicación.  Es decir, ¡hasta ahora!

5min read

Si has estado buscando un tema Metro gratuito para WPF y Silverlight, entonces no busques más.

Infragistics envía una serie de excelentes temas con su NetAdvantage para WPF y Silverlight productos.  Como Gerente de Producto para estos controles, comencé a preguntarme: "¿Por qué deberíamos guardarnos estos grandes temas para nosotros mismos?".  Si me conoces, sabrás que soy un desarrollador XAML empedernido y que me encanta la comunidad.  Diablos, yo solo escribí el kit de herramientas de WPF extendido más popular del mundo y se lo proporcioné a todos de forma gratuita.  Así que a partir de hoy, me complace anunciar que voy a regalar todos nuestros temas para los controles estándar de WPF y Silverlight Microsoft.  Sí, dije REGALAR, como en GRATIS.

Sin embargo, hay una trampa. NO admitiremos todos y cada uno de los controles de Microsoft.  ¿Por qué?  Bueno, porque preferiríamos que usaras nuestros controles en su lugar.  Por ejemplo, no proporcionaremos un estilo para Microsoft DataGrid porque tenemos un control xamDataGrid mucho mejor.  Entiendes la idea.  Además, no te los voy a dar todos de una vez.  Voy a liberarlos uno a la vez.  ¿Por qué?  Bueno, quiero ver qué tipo de respuesta recibo de la comunidad.  Si no recibo ninguna respuesta o apoyo de la comunidad, entonces no hay necesidad de seguir publicando temas.  No quiero perder mi tiempo, ni el de los desarrolladores que crean estos temas.  Por otro lado, si la comunidad me da una muestra abrumadora de apoyo, entonces lanzaré más temas.  Parece justo, ¿no estás de acuerdo?

El tema gratuito de hoy es un tema limpio, moderno y amigable con el tacto en forma de Infragistics 'Metro Theme.  Obtendrá una versión clara y oscura.

Espera, ¿dijiste "Metro"?  Sí, dije Metro.  ¿Por qué?  Porque así es como todo el mundo lo conoce, sin importar cuántas veces Microsoft intente cambiarle el nombre.  Como todos sabemos a estas alturas, hay mucha confusión en torno al término "Metro".  Primero es "Metro", luego es "Modern UI", luego es "Microsoft Design Style", y ahora es...  Bueno, no sé qué es en este momento.  Lo importante aquí no es el nombre, sino el tema en sí.  Ahora pasemos al tema libre.

Silverlight

En primer lugar está la versión Silverlight del Infragistics Metro Theme.  Proporcionamos un estilo Metro para cada control primitivo que aparece en el cuadro de herramientas de Visual Studio, los controles que se incluyen con el SDK de Silverlight y, por supuesto, algunos controles del kit de herramientas de Silverlight.  Como puede ver, hemos organizado los temas por su origen respectivo para que tenga la opción de usar el control que necesite y no agregar dependencias innecesarias en otros ensamblados.

Infragistics Light and Dark Metro Theme Structure

Añadir el tema a tu aplicación es muy sencillo.  Solo tienes que incluir los archivos de recursos de los controles que necesites en la sección Recursos de la vista o en el archivo App.xaml.

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <!-- Light Theme -->
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.Core.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.SDK.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Light/Metro.MSControls.Toolkit.Implicit.xaml" />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

Puede ver la lista completa de controles compatibles en la lista a continuación.

  • Acordeón
  • AutoCompleteBox
  • BusyIndicator
  • Botón
  • CheckBox
  • ComboBox
  • Expander
  • GridSplitter
  • Etiqueta
  • ListBox
  • PasswordBox
  • ProgressBar
  • RadioButton
  • Clasificación
  • RepeatButton
  • Deslizador
  • TabControl
  • TextBox
  • ToggleButton
  • Información sobre herramientas
Metro Theme Light
Metro Theme Light Silverlight
Metro Theme Dark
Metro Theme Dark Silverlight

WPF

La siguiente es la versión WPF del tema Infragistics' Metro.  Al igual que en la versión Silverlight, proporcionamos estilos para los controles primitivos de WPF que aparecen en el cuadro de herramientas de Visual Studio, así como algunos controles del kit de herramientas de WPF.  Al igual que para la versión Silverlight, organizamos los temas por su fuente respectiva para que, si no usa el kit de herramientas de WPF, no sea necesario que su código dependa de él.

Infragistics Estructura del tema Metro claro y oscuro para WPF

Agregar el tema a su solicitud es lo mismo que la versión Silverlight.  Solo tienes que agregar los diccionarios de recursos a la sección Recursos de tu archivo View o App.xaml.

<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <!-- Dark Theme -->
        <ResourceDictionary Source="Themes/Metro/Dark/MetroDark.MSControls.Core.Implicit.xaml" />
        <ResourceDictionary Source="Themes/Metro/Dark/MetroDark.MSControls.Toolkit.Implicit.xaml" />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

Esta es la lista completa de controles de soporte:

  • Acordeón
  • AutoCompleteBox
  • Botón
  • CheckBox
  • ComboBox
  • Expander
  • GridSplitter
  • GroupBox
  • Etiqueta
  • ListBox
  • PasswordBox
  • ProgressBar
  • RadioButton
  • Clasificación
  • RepeatButton
  • Deslizador
  • TextBox
  • ToggleButton
  • Información sobre herramientas
Metro Theme Light
Metro Theme Light WPF
Metro Theme Dark
Metro Theme Dark WPF

Eso es todo amigos

Espero que disfrutes de este tema y lo encuentres útil.  Si te gusta este tema y quieres que siga regalando nuestros otros temas, por favor házmelo saber.  De lo contrario, asumiré que no estás interesado y pasaré a otras cosas.  Adelante, descargue los temas Metro Light y Dark para WPF y Silverlight controles de Microsoft y hágame saber lo que piensa.  Una vez que hayas hecho eso, no dudes en ponerte en contacto conmigo en mi blog, conéctate conmigo en Twitter (@brianlagunas) o deja un comentario a continuación para cualquier pregunta o comentario que puedas tener.

Enjoy!

WPF
Solicitar una demostración