garafu / twining

WPF flat-design style set.

Twining

"Twining" is a WPF flat-design style set likes "Twitter Bootstrap". Can develop flat-design application easily.

Table of Contents

• Getting Started
• Quick Reference
• License

Getting Started

1. Create new "WPF Application"
2. Include "Twining.dll" reference.
3. Add "ResourceDictionary" to the "App.xaml"

<Application x:Class="WpfApplication.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="Views/MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary Source="/Twining;component/Themes/Generic.xaml" />
    </Application.Resources>
</Application>

4. Add "Style="{Binding Source={StaticResource wnd-metro}}" attribute and value to "Window" element in "MainWindow.xaml".

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        Style="{StaticResource wnd-metro}">
    <Grid>
    </Grid>
</Window>

Quick Reference

Window

When you set wnd-metro value for Style attribute, window appearance is changed to flat-design style.

<Window x:Class="WpfApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        Style="{StaticResource wnd-metro}">
  ...
</Window>

Button

You can use following button style like Bootstrap.

• btn-default
• btn-primary
• btn-success
• btn-info
• btn-warning
• btn-danger

Sample code is following.

<Button Content="Button" Style="{StaticResource btn-primary}"/>

DataGrid

Can use following table style.

• table
• table-bordered

table style is default. If you do not set "Style" attribute, the attribute is set "{StaticResource table}".

<DataGrid Style="{StaticResource table-bordered}" />

License

"Twining" released under the MIT license.
Please see MIT-LICENSE.txt for details.