C#中怎么实现响应式布局

本篇文章为大家展示了C#中怎么实现响应式布局,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

成都创新互联公司是一家网站设计、成都网站建设,提供网页设计,网站设计,网站制作,建网站,按需定制,网站开发公司,成立与2013年是互联行业建设者,服务者。以提升客户品牌价值为核心业务,全程参与项目的网站策划设计制作,前端开发,后台程序制作以及后期项目运营并提出专业建议和思路。

添加Nuget库

使用 .Net Core 3.1 创建名为 “ResponsiveLayout” 的WPF解决方案,添加两个Nuget库:MaterialDesignThemes和MaterialDesignColors。

C#中怎么实现响应式布局

MaterialDesign控件库 

3.2 工程结构

3个文件变动:

  1. App.xaml:添加MD控件样式

  2. MainWindow.xaml:主窗口实现效果

  3. MainWindow.xaml.cs:主窗口后台实现抽屉菜单开和闭

3.3 App.xaml引入MD控件样式

关键样式引用代码


   
       
           
           
           
           
       

   

3.4 主窗体 MainWindow.xaml

全部代码,菜单及右侧布局

       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
       xmlns:local="clr-namespace:ResponsiveLayout"
       xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
       mc:Ignorable="d"
       Title="MainWindow" Height="450" Width="800">
   
       
           
               
               
           

       

       
           
               
               
           

       

   

   
       
           
               
               
           

           
               
                   
                       
                           
                           
                           
                           
                       


                       
                           
                       

                       
                           
                       

                       
                           
                       

                       
                           
                       

                   

               

           

           
               
           

       

   

3.5 MainWindow.xaml.cs

关键代码,简单的菜单开、闭动画播放

private void Button_Click(object sender, RoutedEventArgs e)
{
   if (MenuClosed)
   {
       Storyboard openMenu = (Storyboard)button.FindResource("OpenMenu");
       openMenu.Begin();
   }
   else
   {
       Storyboard closeMenu = (Storyboard)button.FindResource("CloseMenu");
       closeMenu.Begin();
   }

   MenuClosed = !MenuClosed;
}

上述内容就是C#中怎么实现响应式布局,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


本文题目:C#中怎么实现响应式布局
文章网址:http://ybzwz.com/article/ggscse.html