"Twining" is a WPF flat-design style set likes "Twitter Bootstrap". Can develop flat-design application easily.
Table of Contents
- Create new "WPF Application"
- Include "Twining.dll" reference.
- 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>
- 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>
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>
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}"/>
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}" />
"Twining" released under the MIT license.
Please see MIT-LICENSE.txt for details.