[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架

项目地址

MapApps:Metro

MaterialDesignInXamlToolkit:MaterialDesignInXamlToolkit

MapApps官网:官网链接

 

官方整合文档

官方提供的两个框架共存的方式:点击链接

 

实例 

1、打开Nuget包管理 

 [WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第1张图片

2、搜索Metro,点击项目,选择一个版本安装

[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第2张图片

3、MaterialDesign同理:

[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第3张图片

 4、窗体添加代码

[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第4张图片

[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第5张图片

5、在App.xaml中添加下面的代码


        
            

                
                
                
                
                

                
                
                
                
                

             

            

            
            
            
            
            
            
            
            
            
            
                
                
            
            
            
            
            
            
            
            

        

 

窗体效果如图:

[WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架_第6张图片

 

 

更多框架中的控件使用方法参考官方demo以及手册,均在其github上面可以找到,这里就不多言了。

转载于:https://www.cnblogs.com/lizhenghao126/p/11053591.html

你可能感兴趣的:([WPF]项目整合Metro和MaterialDesignInXamlToolkit UI框架)