Back to Devexpress

Scale Styles

vcl-175008-expressgaugecontrol-concepts-scale-styles.md

latest6.8 KB
Original Source

Scale Styles

  • Dec 28, 2020
  • 2 minutes to read

Since the Gauge Control component is derived from the TcxControl class, the TdxGaugeControl class publishes the inherited LookAndFeel property, allowing you to apply the ExpressSkins that are used in your application. However, the LookAndFeel technology has limited influence on the ExpressGauge control appearance, only changing the control’s background color in the case of certain skins while the scales are unaffected.

The Gauge control, with its Transparent and BorderStyle properties, is designed to blend in with the form, leaving only its individual and/or composite scales visible. Instead of using the standard ExpressSkins functionality, you can apply the same or different distinctive visual Scale Styles to individual scales created within the ExpressGauge control instance.

Like ExpressSkins, the Scale Styles can be assigned either at design-time or runtime using the StyleName property of an individual scale. In addition to the color scheme and the scale elements painting style, Scale Styles can affect such scale parameters as maximum and minimum positioning angles of the displayed value range, the number of major and minor tick marks, etc:

The following table lists the names of all Scale Styles provided by the ExpressGauge control, their respective StyleName values and global constants:

NoIconStyle NameStyleName Property ValueRespective Global Constant
1Africa Sunset‘AfricaSunset’dxGaugeAfricaSunsetStyleName
2Classic‘Classic’dxGaugeClassicStyleName
3Clean White‘CleanWhite’dxGaugeCleanWhiteStyleName
4Clever‘Clever’dxGaugeCleverStyleName
5Cosmic‘Cosmic’dxGaugeCosmicStyleName
6Dark Night‘DarkNight’dxGaugeDarkNightStyleName
7Deep Fire‘DeepFire’dxGaugeDeepFireStyleName
8Disco‘Disco’dxGaugeDiscoStyleName
9Eco‘Eco’dxGaugeEcoStyleName
10Future‘Future’dxGaugeFutureStyleName
11Ice Cold Zone‘IceColdZone’dxGaugeIceColdZoneStyleName
12iStyle‘iStyle’dxGaugeiStyleStyleName
13Mechanical‘Mechanical’dxGaugeMechanicalStyleName
14Military‘Military’dxGaugeMilitaryStyleName
15Red‘Red’dxGaugeRedStyleName
16Retro‘Retro’dxGaugeRetroStyleName
17Silver Blur‘SilverBlur’dxGaugeSilverBlurStyleName
18Shining Dark‘ShiningDark’dxGaugeShiningDarkStyleName
19Smart‘Smart’dxGaugeSmartStyleName
20Sport Car‘SportCar’dxGaugeSportCarStyleName
21Yellow Submarine‘YellowSubmarine’dxGaugeYellowSubmarineStyleName
22White‘White’dxGaugeWhiteStyleName

Note that some Scale Styles are not available for the Wide Circular scale type.