WPF Application With Google's Material Design

1. // Setting namespace
2. xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
3. // End – setting namespace
5. // Header style custom
8. <Style x:Key="headerStyle">
9. <Setter Property="TextBlock.TextWrapping" Value="Wrap" />
10. <Setter Property="TextBlock.TextAlignment" Value="Center" />
11. <Setter Property="TextBlock.FontWeight" Value="Bold" />
12. <Setter Property="TextBlock.FontSize" Value="27" />
13. <Setter Property="TextBlock.FontFamily" Value="Microsoft YaHei UI" />
14. <Setter Property="TextBlock.Foreground" Value="#666666" />
15. </Style>
17. // End – header style custom
19. // Main controls
20. <TextBlock Text="Demo Material Aplication" Style="{StaticResource headerStyle}" />
21. <TextBox Name="txtUserName" FontSize="24" HorizontalContentAlignment="Center" Style="{StaticResource MaterialDesignFloatingHintTextBox}" MaxLength="28" materialDesign:HintAssist.Hint="Enter your username" />
22. <TextBox Name="txtYourPassword" FontSize="24" HorizontalContentAlignment="Center" Style="{StaticResource MaterialDesignFloatingHintTextBox}" MaxLength="28" materialDesign:HintAssist.Hint="Enter your password" />
23. <Button Margin="0 20" Style="{StaticResource MaterialDesignRaisedLightButton}">
24. LOGIN INTO SYSTEM
25. </Button>
26. // End - Main controls

5. Save everything that you did and build your application now, you will be surprised with the new UI of your demo.