WPF.AA.CustomControls 1.0.8

WPF.AA.CustomControls

A custom control library for WPF with custom look-less control templates.

Controls

• ColorPicker
• ColorSlider
• GridSplitterPopupExpander
• NumericUpDown
• PopupExpander
• RoundableButton
• RoundableToggleButton
• ShowHidePasswordBox
• WatermarkTextBox
• ZoomableListBox

Please check out the wiki for more information on each control.

ColorPicker

A color picker control that can be utilized in WPF applications. Uses HSV color space math rather than sampling bitmaps for color accuracy. There is a reason for this...please see wiki for more information.

(This image will not show on nuget because GitHub changed how they manage uploaded content and I do not have an account at any of the trusted domain websites for nuget.org. Please visit the repo on GitHub to see the imagery. Sorry, hopefully in the future GitHub and Nuget can start playing nice together because Microsoft owns both of them now.)

GridSplitterPopupExpander Example

Behaves like the AvalonDock side auto popup window, except that it cannot be ripped out or pinned.

Check out my MainWindow in my VTOL VR Mission Assitant for an example.

<GridSplitterPopupExpander ExpandDirection="Up" PopupContentMinimumHeight="100"
                           PopupBoundsElement="{Binding ElementName=innerMainGrid}"
                           Background="#FF2F2F2F" Foreground="#FFFFFFFF" 
                           GridSplitterBackground="#FF007BFF"
                           Header="{Binding Translations.Warnings, FallbackValue=Warnings}">

Fairly simple to implement. PopupBoundsElement should be some kind of root Grid or Border. This is used for positioning and sizing data. This property is required!

Translation Curiosity

Curious about what I am doing for translations and how I can bind to translated strings? Check out my WPF transations API, WPF.Translations.

NumericUpDown

The NumericUpDown control is really easy to use but a couple of things to cover. First, the ValueType property...

The ValueType property specifies the type of data for the Value property. You can set Integer, Decimal or Double. This value is used behind the scenes to convert the values to the appropriate numeric type so comparisons and assignments can occur properly.

Secondly, the ValueFormat property...

The ValueFormat property is the StringFormat used in the binding to the Value property.

<cc:NumericUpDown ValueType="Double" ValueFormat="N2" />
<cc:NumericUpDown /> 

As you can see it is very easy to use. However you can setup a UX that is confusing by not properly utilizing the two aforementioned properties. Meaning, you can set the ValueType to Integer then set the ValueFormat to N2 (or whatever) and get 2 decimal places on your display. As a developer you can set that up but don't. If you are using the N# format then use Decimal or Double. It is also recommended to use Decimal over Double is most situations. The control will not try to add a decimal if one should be there for display, such as in the case of double or decimal data types. The problem is the developers to manage by specifying a ValueFormat.