A Metro-style open-source project, mahapps. Metro

ArticleDirectory

• Metro style controls

 

Directory:

Metro style controls

Metro topic

 

Mahapps. Metro documentation: http://mahapps.com/MahApps.Metro/

Source Code address: https://github.com/MahApps/MahApps.Metro

You can install an nuget plug-in vs to download mahapps. Metro. dll and mahapps. Metro. Resources. dll.

The mahapps. Metro document is detailed. You can first learn how to use it. Read this article.

The document also provides some examples:

• Windows Phone Power Tools
• Xamlspy

• Mahchats
• Markpad
• Carnac

Metro style controls

Mahapps. Metro has about 16 custom controls.

1. appbarbutton inherits the button and adds the attributes of the visual class to the button. Used to change the visual interface.

2. layoutinvalidationcatcher maps the space required by child in the logic tree.

3. The metrocontentcontrol control is mainly used to give some switching animations when tabcontrol is switched. In addition, the reloadbehavior. onselectedtabchanged attributes must be used together.

4. The appbarbutton of metroimage is similar, but the template style is different.

5. metroprogressbar inherits progressbar, that is, it overwrites the progress bar template. Added an animation, similar to the loading effect.

6. Panorama inherits from itemscontrol and sets the height, width, and animation effect of the item.

7. panoramaitem is a custom control inherited from contentcontrol. It adds the dependency attributes of header, headeropacity, headertemplate, and orientation.

8. planerator controls the rotation of child controls.

9. Similar to progressindicator and metroprogressbar, progressindicator is also an animation control. Progressindicator is mainly written in XAML, while metroprogressbar is mainly written in code.

10. progressring is similar

11. revealimage adds the animation effect of moving the mouse over the imagesource.

12. The title inherits from the button and has several additional dependency attributes (title, Count, keepdragging, titlefactor)

13. toggleswitch inherits from togglebutton,

14. Similar to toggleswitchbutton and toggleswitch, toggleswitchbutton mainly achieve this switch effect.

15. The content of the transitioningcontentcontrol control dynamically appears and disappears.

16. windowcommands minimizes, restores, maximizes, and disables the form. It is the border above the window form. This document also writes the event commands that cannot be automatically bound to Caliburn. Macro. RequiredCAL: Message. attach. X: the automatic name binding method is invalid.

Metro topic

Thememanager class to change the topic style. The source code contains two sets of background themes (baselight. XAML and basedark. XAML)

Use themanager. changetheme to change the theme color.