Russkyc.ModernControls.WPF 1.5.1-dev

Russkyc.ModernControls.WPF

A highly customizable custom control library for wpf

Version	Package Name
	Russkyc.ModernControls.WPF

What sets this apart from the default WPF controls?

The default wpf control library is awesome when it comes to ui customization, but theres only one problem --you need to write a handful of style setters, dependency properties, and triggers to have a truly customized control. Which is why Russkyc.ModernControls.WPF is created. It saves you from having to write all of the style, templates, and triggers by providing controls that are highly customizable all using properties. Perfect for quick and easy UI Development.

<span align="center">

</span>

Setup

Add the Resources to App.xaml. Order is Important!

    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary
                    Source="pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/DefaultDark.xaml" />
                <ResourceDictionary
                    Source="pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/Generic.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

Add the following to your window

xmlns:russkyc="clr-namespace:org.russkyc.moderncontrols;assembly=Russkyc.ModernControls.WPF"

Sample Usage

<russkyc:ModernButton Width="70" Text="Modern Button" />

A Taste of ModernControls Customization

<russkyc:ModernButton Width="70"
                             CornerRadius="5"
                             FontWeight="SemiBold"
                             HoverBackground="#3d88ff"
                             HoverForeground="#7BFFA3" 
                             PressedBackground="#1F5ABD"
                             PressedForeground="#FFBE46"
                             Text="Modern Button" />

Control Library

• ModernWindow - New! in 1.5.0
• ModernTextBox - Updated! in 1.5.0
• ModernButton
• ModernToggleButton
• ModernRadio
• ModernSwitch - New! in 1.5.0
• ModernRadioButton
• ModernComboBox - Updated! in 1.5.0

Global Theme Management

<span align="center">

</span>

Using the new Theme Manager

Breaking Changes in 1.5.x
ThemeHelper is now renamed to ThemeManager

Imports

using org.russkyc.moderncontrols.Helpers;

Adding Themes

ThemeManager.AddTheme("Light","pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/DefaultLight.xaml");
ThemeManager.AddTheme("Dark","pack://application:,,,/Russkyc.ModernControls.WPF;component/Themes/ColorThemes/RazerDark.xaml");

Changing Themes (Live)

ThemeManager.SetGlobalTheme("Dark");

Get List of Themes (names)

ThemeManager.GetThemes();

Removing Themes

ThemeManager.RemoveTheme("Light");

Want to create your own Theme?

Use This Template

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <SolidColorBrush x:Key="bg-000" Color="#f8fdff" />
    <SolidColorBrush x:Key="bg-100" Color="#EEF3F5" />
    <SolidColorBrush x:Key="bg-200" Color="#E1E6E8" />
    <SolidColorBrush x:Key="bg-300" Color="#D7DCDE" />
    <SolidColorBrush x:Key="bg-400" Color="#D3D8DA" />
    <SolidColorBrush x:Key="bg-500" Color="#CFD4D6" />
    <SolidColorBrush x:Key="bg-600" Color="#BFC4C5" />

    <SolidColorBrush x:Key="fg-000" Color="#0c0e17" />
    <SolidColorBrush x:Key="fg-100" Color="#161820" />
    <SolidColorBrush x:Key="fg-200" Color="#1f222a" />
    <SolidColorBrush x:Key="fg-300" Color="#292b33" />
    <SolidColorBrush x:Key="fg-400" Color="#33353c" />
    <SolidColorBrush x:Key="fg-500" Color="#3c3f46" />
    <SolidColorBrush x:Key="fg-600" Color="#46494f" />

    <SolidColorBrush x:Key="primary-lighten-3" Color="#3d9be6" />
    <SolidColorBrush x:Key="primary-lighten-2" Color="#2989e1" />
    <SolidColorBrush x:Key="primary-lighten-1" Color="#1576db" />
    <SolidColorBrush x:Key="primary-default" Color="#0462d4" />
    <SolidColorBrush x:Key="primary-darken-1" Color="#0152c6" />
    <SolidColorBrush x:Key="primary-darken-2" Color="#0043b8" />
    <SolidColorBrush x:Key="primary-darken-3" Color="#0035a9" />

    <SolidColorBrush x:Key="inverted-lighten-3" Color="#f2f9ff" />
    <SolidColorBrush x:Key="inverted-lighten-2" Color="#ebf4ff" />
    <SolidColorBrush x:Key="inverted-lighten-1" Color="#e3f0ff" />
    <SolidColorBrush x:Key="inverted-default" Color="#dceaff" />
    <SolidColorBrush x:Key="inverted-darken-1" Color="#d3e1f6" />
    <SolidColorBrush x:Key="inverted-darken-2" Color="#cad9ec" />
    <SolidColorBrush x:Key="inverted-darken-3" Color="#c1d0e3" />

</ResourceDictionary>

Add your theme to the ThemeManager

ThemeManager.AddTheme("MyTheme","path_to_your_theme/MyThemeName.xaml");

And Apply

ThemeManager.SetGlobalTheme("MyTheme");

API Reference

API Reference in Github Repo

Background/Foreground is not updating on click/hover, what to do?

DO:

Set the DefaultBackground or DefaultForeground property instead of the Background and Foreground property to change the default state color.

DO NOT:

Set the Background and Foreground property directly.

WHY?

WPF has very strict style precedence rules, setting the Background and Foreground property on the controls directly will break the hover / click / check / pressed color functionality since it will supersede all colors set by the control and make the properties unmodifiable to the control template.