Cozyrss Development Record 2-cool Skin Library

Source: Internet
Author: User

CozyrssDevelopment Record2-a cool Skin library1,Materialdesigntoolkit

When Microsoft first launched the Metro design style, someone liked to be sprayed. Immediately after,Ios also started to do a flat UI, when flattening has become a new design trend. In the future, Google also launched the Material Design.

Materialdesigntoolkit is a library that helps the desktop program quickly apply Material design, and it is open source, and the GitHub address is:

Https://github.com/ButchersBoy/MaterialDesignInXamlToolkit

2. NuGetImportMaterialdesigntoolkit

Using nuget to import third-party libraries is much better than directly introducing third-party libraries or binary modules , and there are a number of articles on the use and benefits of NuGet on the web.

Here, using VS to import materialdesigntoolkitfrom NuGet, here are the steps:

When the operation is complete, there are two more items in the reference.

And will automatically survive a packages.config file with the following content:

3. Cool title bar

After importing materialdesigntoolkit , do you feel a little impatient to see the cool interface effect? Let me first use the Materialdesign:colorzone to beautify our title bar.

A. introduce some resources into the App.xaml

B, Some resources are also introduced in the XAML of the window

C. Modify the title bar XAML as follows:

Here, the colorzone of the Primarydark mode is selected, and the shadow is opened to the maximum. The execution of the program is satisfactory.

Cozyrss Development Record 2-cool Skin Library

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.