Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to realize responsive layout in C #

Shulou Source: shulou.com Published: 2022-06-02 07:37:54 11月15日 Update

This article shows you how to achieve responsive layout in C#, the content is concise and easy to understand, it can definitely brighten your eyes. I hope you can get something through the detailed introduction of this article.

Add Nuget Library

Use .net Core 3.1to create a WPF solution called "ResponsiveLayout" and add two Nuget libraries: MaterialDesignThemes and MaterialDesignColors.

MaterialDesign control library

3.2 Engineering structure

3 document changes:

App.xaml: adding MD control style

MainWindow.xaml: main window to achieve effect

MainWindow.xaml.cs: open and close drawer menus in the background of the main window

3.3 App.xaml introduces MD control style

Key style reference code

3.4 main form MainWindow.xaml

All codes, menus and right layouts

3.5 MainWindow.xaml.cs

Key code, simple menu opening and closing animation playback

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

} the above is how to implement responsive layout in C#. Have you learned any knowledge or skills? If you want to learn more skills or enrich your knowledge reserve, you are welcome to follow the industry information channel.

Tags: Layout code controls styles menus clips keys content skills knowledge concise concise two animation right background that is engineering drawers effects Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Apple Microsoft Redmi vpn NVidia