Layui Version WPF Open-Source Control Library - Layui-WPF

Layui Version WPF Open-Source Control Library - Layui-WPF

A WPF version of the Layui front-end UI style library

Last updated 9/30/2022 9:07 PM
沙漠尽头的狼
2 min read
Category
WPF
Topic
WPF Control Library WPF Open Source Project
Tags
.NET WPF Control Library WPF Open Source Project Open Source

Hello everyone, I'm the wolf at the end of the desert.

Today I introduce a Layui-style WPF open-source control library. Repository info as follows:

Repository URL: https://github.com/Layui-WPF-Team/Layui-WPF

Repository screenshot:

Layui-WPF

For information about Layui, please click this link. This article does not introduce it. Below, we will appreciate the control source code and existing control screenshots.

Control Source Code

Clone the control repository:

git clone https://github.com/Layui-WPF-Team/Layui-WPF.git

Open with VS. The control solution is as follows:

Control source code structure

Looking at a few projects, the target framework defaults to .NET Framework 4.5.2, which is compatible with most platforms. If you need other .NET versions, you can compile and try yourself.

Also, the solution references the log4net library as a logging component and Prism as the MVVM framework. The solution compiles directly without errors:

Successful compilation

Set the LayuiApp project as the startup project, successfully run it. Below are screenshots of some controls.

Control Effect Preview

Basic Elements

  • Button

Button

  • Form

Button

  • Tab

Tab

  • Progress Bar

Progress Bar

  • Panel

Panel

  • Collapse Panel

Panel

  • Transition Animation

Transition Animation

  • Loading Animation

Loading Animation

  • Gif Animation

Supports online gif files and local gif files

gif animation

  • Timeline

Timeline

  • Guide Lines

Guide Lines

Component Examples

  • ToolTip

ToolTip

  • Badge

Badge

  • Popup

Popup

  • Drawer

Drawer

  • Table

Displays table header merging effect:

Table

  • Keyboard

Has several color schemes

Keyboard

Finally, a control menu switch to end the control preview:

Menu switch

Conclusion

Finally, here is the repository link again. If interested, go clone and study. The last commit was 22 hours ago, and the authors (3 contributors) are still actively updating and iterating:

Keep Exploring

Related Reading

More Articles
Same category / Same tag 9/13/2025

Migration Series from WPF to Avalonia: Why I Must Migrate My WPF Application to Avalonia

In the past few years, our host computer software has mainly been developed using WPF and WinForm . These technologies work well on the Windows platform and have accompanied us from small-scale trial production to the current stage of large-scale delivery. However, with business development and changes in customer requirements, the single Windows technology stack has gradually become a hurdle we must overcome.

Continue Reading
Same category / Same tag 1/26/2025

Implementing Internationalization in WPF Using Custom XML Files

This article details the method of implementing internationalization in WPF applications using custom XML files, including installing the necessary NuGet packages, dynamically retrieving the language list, dynamically switching languages, using translated strings in code and XAML interfaces, and provides a source code link to help developers easily achieve internationalization in WPF applications.

Continue Reading