Reference for the Mosaic unit Flat
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.