Russkyc.ModernControls.WPF 1.4.2

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 following to App.xaml. Order is Important!

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

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

• ModernTextBox
• ModernButton
• ModernToggleButton
• ModernRadio
• ModernRadioButton
• ModernComboBox
• ModernAutocompleteBox

Global Theme Management

<span align="center">

</span>

Using the new Theme Helper

Imports

using org.russkyc.moderncontrols.Helpers;

Adding Themes

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

Changing Themes (Live)

ThemeHelper.SetGlobalTheme("Dark");

Get List of Themes (names)

ThemeHelper.GetThemes();

Removing Themes

ThemeHelper.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 ThemeHelper

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

And Apply

ThemeHelper.SetGlobalTheme("MyTheme");

API Reference

Complete api Reference in Repository

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.