DOCSEARCHbyAlgolia
Submit Docs

iNKORE.UI.WPF.Modern (iUWM)

repository·main·Indexed 21 days ago

https://github.com/inkore-net/ui.wpf.modern

A library providing modern Fluent 2 styles, controls, and visual effects such as Mica and Acrylic for WPF applications. It targets .NET Framework and .NET 6+, offering modernized stock controls, customizable Light, Dark, and High Contrast themes, and an extended control library ported from the Windows UI Library and Community Toolkit.

Tokens
1.1K
Snippets
5
Records
6
Agent score
27%

What's inside iNKORE.UI.WPF.Modern

  1. Overview of iNKORE.UI.WPF.Modern

    main

    iNKORE.UI.WPF.Modern (also known as iUWM) provides modern Fluent 2 styles and controls for WPF applications. It aims to bring contemporary Windows design language to the WPF ecosystem.

    Key Features

    • Modernized Stock Controls: Updated styles and features for standard WPF controls.
    • Theming: Support for Light, Dark, and High Contrast themes that are easily customizable.
    • Modern Visual Effects: Support for Mica and Acrylic backdrops, as well as snap layouts.
    • Extended Control Library: Includes additional controls ported from the Windows UI Library and Community Toolkit, alongside custom controls.

    Compatibility

    • Frameworks: Targets .NET Framework and .NET 6.0 or higher.
    • Operating Systems: Runs on Windows 7 or higher (Windows 10 or higher is recommended).

  2. Add the Button-style badge to your README

    main

    The Button style badge follows the Fluent Design System and looks like a standard UI button. Use this Markdown to include it in your project's README.

    <a href="https://github.com/iNKORE-NET/UI.WPF.Modern">
  <img src="https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/assets/images/badges/UI.WPF.Modern_Main_Button.svg?raw=true" alt="iNKORE.UI.WPF.Modern">
</a>

  3. Add the Shield-style badge to your README

    main

    The Shield style is a clean, modern badge common in open-source projects. Use this Markdown to include it in your project's README.

    <a href="https://github.com/iNKORE-NET/UI.WPF.Modern">
  <img src="https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/assets/images/badges/UI.WPF.Modern_Main_Shield.svg?raw=true" alt="iNKORE.UI.WPF.Modern">
</a>

  4. Add the UI.WPF.Modern banner to your README

    main

    To display the project banner in your GitHub README, use the following Markdown snippet. This links directly to the project's introduction page.

    <a href="https://docs.inkore.net/ui-wpf-modern/introduction">
  <img src="https://github.com/iNKORE-NET/UI.WPF.Modern/blob/main/assets/images/banners/UI.WPF.Modern_Main_1280w.png?raw=true" alt="iNKORE.UI.WPF.Modern">
</a>

  5. Display the banner in a WPF application

    main

    You can display the built-in banner within your application's UI (e.g., in an 'About' section) using XAML. Using the built-in URI ensures the banner stays updated with the library. Note that only the 1280w size is included in the library bundle to manage size.

    <Image x:Name="headerImage" Stretch="Uniform">
    <Image.Source>
        <BitmapImage UriSource="{x:Static ui:ThemeManager.BannerUri_1280w}"/>
    </Image.Source>
</Image>

  6. Use the ProjectBadge control in WPF

    main

    The ui:ProjectBadge control is the recommended way to show support within your application. It provides interactive features like hover effects, click effects, and automatic theme awareness (switching between light and dark modes).

    <!-- Default Button Style (Recommended) -->
<ui:ProjectBadge/>

<!-- Explicit Button Style -->
<ui:ProjectBadge Style="{DynamicResource {x:Static ui:ThemeKeys.ProjectBadgeButtonStyleKey}}"/>

<!-- Shield Style -->
<ui:ProjectBadge Style="{DynamicResource {x:Static ui:ThemeKeys.ProjectBadgeShieldStyleKey}}"/>