Reference for the Mosaic unit XFlat

Class Overview
Core::View
Core::RectView
Core::Group
XFlat::AnalogDisplay
XFlat::CheckBox
XFlat::HorzBarSlider
XFlat::IconButton
XFlat::RadioButton
XFlat::Switch
XFlat::ToggleButton
XFlat::VarianceControl
XFlat::VarianceDisplay
XFlat::VertBarSlider
Constants
XFlat::ColorDisabled
XFlat::ColorEnabled
XFlat::ColorXFlatBlue
XFlat::ColorXFlatGray
XFlat::ColorXFlatMagenta
XFlat::ColorXFlatYellow
Resources
XFlat::ButtonDay
XFlat::ButtonEmpty
XFlat::ButtonHoliday
XFlat::ButtonJump
XFlat::ButtonLeft
XFlat::ButtonNight
XFlat::ButtonRight
XFlat::ButtonSwing
XFlat::Check
XFlat::FontL
XFlat::FontM
XFlat::FontNumbersXXL
XFlat::FontXL
XFlat::HorzBarImage
XFlat::Knob
XFlat::Needle
XFlat::Radio
XFlat::SwitchFrame
XFlat::SymbolFan
XFlat::VertBarImage
XFlat::WheelLargeBack
XFlat::WheelLargeIndicator
XFlat::WheelLargeTrack
XFlat::WheelSmallBack
XFlat::WheelSmallIndicator

This unit contains components for the so-called 'xflat' widgets.

const color ColorDisabled = #939393FF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

const color ColorEnabled = #FFFFFFFF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

const color ColorXFlatBlue = #1488D7FF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

const color ColorXFlatGray = #D5D5D5FF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

const color ColorXFlatMagenta = #C70B6AFF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

const color ColorXFlatYellow = #FDD91CFF;

Color constant representing a theme color of the widget kit. If you want to change this color within your project, just create a variant of this color constant and select a new color value that meets your design ideas.

resource Resources::Bitmap ButtonDay
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonDay.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonEmpty
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonEmpty.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonHoliday
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonHoliday.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonJump
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonJump.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonLeft
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonLeft.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonNight
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonNight.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonRight
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonRight.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap ButtonSwing
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\ButtonSwing.png;
attr framesize FrameSize = <44,44>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap Check
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\Checkbox.png;
attr framesize FrameSize = <36,36>;
attr framedelay FrameDelay;
}

Bitmap resources used for the checkbox widgets. All bitmap resource contain two frames, representing the inactive / active states.

resource Resources::Font FontL
{
attr fontname FontName = Roboto Light;
attr fontheight Height = 36;
attr fontquality Quality = High;
attr fontranges Ranges = 0x20-0xFF;
attr fontaspectratio AspectRatio = 1.0;
attr fontbold Bold = false;
attr fontitalic Italic = false;
}

Font resources used for the different widgets. If you want to change the fonts within your project, just create a variant of these font resources and define the attributes of the font resources according your design ideas.

resource Resources::Font FontM
{
attr fontname FontName = Roboto Light;
attr fontheight Height = 28;
attr fontquality Quality = High;
attr fontranges Ranges = 0x20-0xFF;
attr fontaspectratio AspectRatio = 1.0;
attr fontbold Bold = false;
attr fontitalic Italic = false;
}

Font resources used for the different widgets. If you want to change the fonts within your project, just create a variant of these font resources and define the attributes of the font resources according your design ideas.

resource Resources::Font FontNumbersXXL
{
attr fontname FontName = Roboto Light;
attr fontheight Height = 72;
attr fontquality Quality = High;
attr fontranges Ranges = '0'-'9','%';
attr fontaspectratio AspectRatio = 1.0;
attr fontbold Bold = false;
attr fontitalic Italic = false;
}

Font resources used for the different widgets. If you want to change the fonts within your project, just create a variant of these font resources and define the attributes of the font resources according your design ideas.

resource Resources::Font FontXL
{
attr fontname FontName = Roboto Light;
attr fontheight Height = 48;
attr fontquality Quality = High;
attr fontranges Ranges = 0x20-0xFF;
attr fontaspectratio AspectRatio = 1.0;
attr fontbold Bold = false;
attr fontitalic Italic = false;
}

Font resources used for the different widgets. If you want to change the fonts within your project, just create a variant of these font resources and define the attributes of the font resources according your design ideas.

resource Resources::Bitmap HorzBarImage
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\HorzBarImage.png;
attr framesize FrameSize = <220,20>;
attr framedelay FrameDelay;
}

Bitmap resources used for the checkbox widgets. All bitmap resource contain two frames, representing the inactive / active states.

resource Resources::Bitmap Knob
{
attr bitmapfile FileName = .\Knob.png;
attr alphafile AlphaName;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap Needle
{
attr bitmapfile FileName = .\Needle.png;
attr alphafile AlphaName;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap Radio
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\Radio.png;
attr framesize FrameSize = <36,36>;
attr framedelay FrameDelay;
}

Bitmap resources used for the radio button widgets. All bitmap resource contain two frames, representing the inactive / active states.

resource Resources::Bitmap SwitchFrame
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\SwitchFrame.png;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the checkbox widgets. All bitmap resource contain two frames, representing the inactive / active states.

resource Resources::Bitmap SymbolFan
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\SymbolFan.png;
attr framesize FrameSize = <36,36>;
attr framedelay FrameDelay;
}

Bitmap resources used for the different button widgets. All bitmap resources used for buttons contain two frames, representing the inactive / active states.

resource Resources::Bitmap VertBarImage
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\VertBarImage.png;
attr framesize FrameSize = <20,220>;
attr framedelay FrameDelay;
}

Bitmap resources used for the checkbox widgets. All bitmap resource contain two frames, representing the inactive / active states.

resource Resources::Bitmap WheelLargeBack
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\WheelLargeBack.png;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap WheelLargeIndicator
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\WheelLargeIndicator.png;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap WheelLargeTrack
{
attr bitmapfile FileName = .\WheelLargeTrack.png;
attr alphafile AlphaName;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap WheelSmallBack
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\WheelSmallBack.png;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.

resource Resources::Bitmap WheelSmallIndicator
{
attr bitmapfile FileName;
attr alphafile AlphaName = .\WheelSmallIndicator.png;
attr framesize FrameSize;
attr framedelay FrameDelay;
}

Bitmap resources used for the different widgets. The implementation of the widgets depends on these bitmap resources.