diff --git a/Demo/Images/ComponentEditorFMX.jpg b/Demo/Images/ComponentEditorFMX.jpg
index 7f8d78a9..07813815 100644
Binary files a/Demo/Images/ComponentEditorFMX.jpg and b/Demo/Images/ComponentEditorFMX.jpg differ
diff --git a/Demo/Images/DemoFMX.jpg b/Demo/Images/DemoFMX.jpg
index 89a307cb..ff7c1531 100644
Binary files a/Demo/Images/DemoFMX.jpg and b/Demo/Images/DemoFMX.jpg differ
diff --git a/Demo/Images/SampleFMX.jpg b/Demo/Images/SampleFMX.jpg
index 6c5a4876..f6a7b824 100644
Binary files a/Demo/Images/SampleFMX.jpg and b/Demo/Images/SampleFMX.jpg differ
diff --git a/Demo/Source/UMainFMX.fmx b/Demo/Source/UMainFMX.fmx
index 0cf11598..51b0a62c 100644
--- a/Demo/Source/UMainFMX.fmx
+++ b/Demo/Source/UMainFMX.fmx
@@ -60,7 +60,7 @@ object SVGIconImageListForm: TSVGIconImageListForm
IsChecked = True
Position.X = 8.000000000000000000
Position.Y = 88.000000000000000000
- TabOrder = 7
+ TabOrder = 9
Text = 'AutoSize'
OnChange = AutoSizeCheckBoxChange
end
@@ -84,17 +84,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Text = 'Show Editor...'
OnClick = ShowEditorButtonClick
end
- object SpinBox1: TSpinBox
- Touch.InteractiveGestures = [LongTap, DoubleTap]
- TabOrder = 8
- Cursor = crIBeam
- DecimalDigits = 0
- Max = 1200.000000000000000000
- Value = 32.000000000000000000
- Position.X = 208.000000000000000000
- Position.Y = 16.000000000000000000
- OnChange = SpinBox1Change
- end
object GrayScaleCheckBox: TCheckBox
Position.X = 121.000000000000000000
Position.Y = 88.000000000000000000
@@ -102,6 +91,30 @@ object SVGIconImageListForm: TSVGIconImageListForm
Text = 'GrayScale'
OnChange = GrayScaleCheckBoxChange
end
+ object ZoomSpinBox: TSpinBox
+ Touch.InteractiveGestures = [LongTap, DoubleTap]
+ TabOrder = 8
+ Cursor = crIBeam
+ DecimalDigits = 0
+ Min = 10.000000000000000000
+ Value = 100.000000000000000000
+ Position.X = 205.000000000000000000
+ Position.Y = 18.000000000000000000
+ Size.Width = 80.000000000000000000
+ Size.Height = 22.000000000000000000
+ Size.PlatformDefault = False
+ OnChange = ZoomSpinBoxChange
+ end
+ object ZoomLabel: TLabel
+ Position.X = 206.000000000000000000
+ Position.Y = 2.000000000000000000
+ Size.Width = 83.000000000000000000
+ Size.Height = 17.000000000000000000
+ Size.PlatformDefault = False
+ Text = 'Zoom %'
+ TabOrder = 7
+ TabStop = False
+ end
end
object ImageView: TListBox
Align = Left
@@ -193,7 +206,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Size = 16
end>
IconName = 'business'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
+ Opacity = 1.000000000000000000
end
item
MultiResBitmap = <
@@ -211,7 +224,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Size = 16
end>
IconName = 'business_contact'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
+ Opacity = 1.000000000000000000
end
item
MultiResBitmap = <
@@ -229,7 +242,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Size = 113
end>
IconName = 'businessman'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
+ Opacity = 1.000000000000000000
end
item
MultiResBitmap = <
@@ -253,7 +266,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Size = 96
end>
IconName = 'businesswoman'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
+ Opacity = 1.000000000000000000
end
item
MultiResBitmap = <
@@ -274,7 +287,6 @@ object SVGIconImageListForm: TSVGIconImageListForm
Size = 294
end>
IconName = 'calculator'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
+ Opacity = 1.000000000000000000
end
item
MultiResBitmap = <
item
+ Size = 64
end>
IconName = 'calendar'
- Opacity = 1.000000000000000000
SVGText =
''#13#10
- end>
- Destination = <
+ Opacity = 1.000000000000000000
+ end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'business'
+ Size = 64
end>
+ IconName = 'about'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'business_contact'
+ Size = 64
end>
+ IconName = 'accept_database'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'businessman'
- SourceRect.Right = 113.000000000000000000
- SourceRect.Bottom = 113.000000000000000000
+ Size = 64
end>
+ IconName = 'add_column'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'businesswoman'
- SourceRect.Right = 96.000000000000000000
- SourceRect.Bottom = 96.000000000000000000
+ Size = 64
end>
+ IconName = 'add_database'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'calculator'
- SourceRect.Right = 294.000000000000000000
- SourceRect.Bottom = 294.000000000000000000
+ Size = 64
end>
+ IconName = 'add_image'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
end
item
- Layers = <
+ MultiResBitmap = <
item
- Name = 'calendar'
- SourceRect.Right = 32.000000000000000000
- SourceRect.Bottom = 32.000000000000000000
+ Size = 64
+ end>
+ IconName = 'add_row'
+ SVGText =
+ '' +
+ #13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'address_book'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'advance'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'advertising'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'alarm_clock'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'alphabetical_sorting_az'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'alphabetical_sorting_za'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
end>
+ IconName = 'automatic'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'automotive'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'bearish'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'binoculars'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'briefcase'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'bullish'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'camcorder'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'camcorder_pro'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'camera'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'cancel'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'cell_phone'
+ SVGText =
+ ''#13#10
+ Opacity = 1.000000000000000000
+ end
+ item
+ MultiResBitmap = <
+ item
+ Size = 64
+ end>
+ IconName = 'charge_battery'
+ SVGText =
+ '