Reference for the Mosaic unit Flat

Class Overview
Core::View
Core::RectView
Core::Group
Flat::ActionButton
Flat::AnalogDisplay
Flat::analogNeedle
Flat::CheckBox
Flat::DigitalDisplay
Flat::Gauge
Flat::HorzBar
Flat::HorzSlider
Flat::IconButton
Flat::Indicator
Flat::Label
Flat::MinMaxText
Flat::RadioButton
Flat::RotaryKnob
Flat::Switch
Flat::ToggleButton
Flat::VertBar
Flat::VertSlider
Constants
Flat::BarSize
Flat::ColorOfBackground
Flat::ColorOfBody
Flat::ColorOfDisabled
Flat::ColorOfTheme
Flat::ColorOfTouch
Flat::SliderSize
Resources
Flat::FlatAnalog
Flat::FlatDemoBackground
Flat::FlatDemoIcons
Flat::FlatFrame
Flat::FlatGauge
Flat::FlatKnobs
Flat::FlatNeedle
Flat::FlatRotary
Flat::FlatRotaryKnob
Flat::FontL
Flat::FontM
Flat::FontS
Flat::FontXL
Flat::FontXXL

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

const int32 BarSize = 20;

Constant to define the default width of Flat::VertBar or the height of Flat::HorzBar widgets. If you want to change this value within your project, just create a variant of this constant and select a new Int32 value so that the result meets your design ideas.

const color ColorOfBackground = #000000FF;

Color constant for all items the should appear like the background. 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 ColorOfBody = #50535FFF;

Color constant for all background items. 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 ColorOfDisabled = #6B6F80FF;

Color constant for all disabled items. 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 ColorOfTheme = #7FBF00FF;

Color constant representing the main 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 ColorOfTouch = #FFFFFFFF;

Color constant for all touchable items. 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 int32 SliderSize = 5;

Constant to define the default width of Flat::VertSlider or the height of Flat::HorzSlider or Flat::Switch widgets. If you want to change this value within your project, just create a variant of this constant and select a new Int32 value so that the result meets your design ideas.

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

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

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

Bitmap resource - used in demo applications as background.

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

Bitmap resource - used in demo applications as icons for buttons and indicators.

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

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

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

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

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

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

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

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

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

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

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

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

resource Resources::Font FontL
{
attr fontname FontName = Roboto;
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;
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 FontS
{
attr fontname FontName = Roboto;
attr fontheight Height = 20;
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 FontXL
{
attr fontname FontName = Roboto Medium;
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::Font FontXXL
{
attr fontname FontName = Roboto Medium;
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.