aboutsummaryrefslogtreecommitdiffstatsci
path: root/Samples/common
diff options
context:
space:
mode:
Diffstat (limited to 'Samples/common')
-rw-r--r--Samples/common/CrowVkWin.cs206
-rw-r--r--Samples/common/CrowWin.cs241
-rw-r--r--Samples/common/ui/Interfaces/CheckBox2.imlt7
-rwxr-xr-xSamples/common/ui/Interfaces/Container/0.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Container/1.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Container/2.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Container/3.crow4
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/0.crow162
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/2.crow13
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/3.crow377
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/4.crow1695
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/5.crow64
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/6.crow6
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/clip0.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/clip1.crow25
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/clip2.crow15
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/clip3.crow34
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/clip4.crow58
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/colorPicker.crow7
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/fps.crow24
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/perfMeasures.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/test1.1.crow15
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/test1.2.crow20
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/test1.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/test2WayBinding.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testBind0.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testCtxMenu.crow4
-rw-r--r--Samples/common/ui/Interfaces/Divers/testDisable.crow17
-rw-r--r--Samples/common/ui/Interfaces/Divers/testFileDialog.crow3
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testFocus.crow82
-rw-r--r--Samples/common/ui/Interfaces/Divers/testIMLContainer.crow2
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testImage.crow87
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testMenu.crow6
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testOutOfClipUpdate.crow6
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testPropLess.crow2
-rw-r--r--Samples/common/ui/Interfaces/Divers/testShape.crow6
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testStacks.crow86
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testTextBox.crow36
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/testVisibility.crow8
-rwxr-xr-xSamples/common/ui/Interfaces/Divers/test_stack.crow25
-rw-r--r--Samples/common/ui/Interfaces/Divers/welcome.crow21
-rwxr-xr-xSamples/common/ui/Interfaces/DragAndDrop/0.crow20
-rwxr-xr-xSamples/common/ui/Interfaces/Experimental/DockWindow.template39
-rw-r--r--Samples/common/ui/Interfaces/Experimental/testDock.crow27
-rw-r--r--Samples/common/ui/Interfaces/Experimental/testDock2.crow26
-rw-r--r--Samples/common/ui/Interfaces/Experimental/testStack.crow32
-rwxr-xr-xSamples/common/ui/Interfaces/Experimental/testTypeViewer.goml10
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/0.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/1.crow3
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/2.crow4
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/4.crow377
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/5.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/6.crow6
-rwxr-xr-xSamples/common/ui/Interfaces/GraphicObject/7.crow46
-rwxr-xr-xSamples/common/ui/Interfaces/Group/0.crow11
-rwxr-xr-xSamples/common/ui/Interfaces/Group/1.crow33
-rwxr-xr-xSamples/common/ui/Interfaces/Group/2.crow33
-rwxr-xr-xSamples/common/ui/Interfaces/Group/3.crow33
-rwxr-xr-xSamples/common/ui/Interfaces/Group/4.crow7
-rwxr-xr-xSamples/common/ui/Interfaces/Splitter/1.crow30
-rwxr-xr-xSamples/common/ui/Interfaces/Splitter/3.crow44
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/0.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/0h.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/1.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/1h.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/2.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/2h.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/3.crow45
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/3h.crow45
-rwxr-xr-xSamples/common/ui/Interfaces/Stack/4.crow27
-rw-r--r--Samples/common/ui/Interfaces/TabItem.template24
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/0.crow13
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/6.crow21
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/7.crow25
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testGroupBox.crow7
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testMsgBox.crow4
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testPopper.crow27
-rw-r--r--Samples/common/ui/Interfaces/TemplatedContainer/testTabView.crow37
-rw-r--r--Samples/common/ui/Interfaces/TemplatedContainer/testTabView2.crow65
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testTreeView.crow4
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testWindow.goml68
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testWindow2.goml33
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/testWindow3.goml11
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedContainer/test_Listbox.crow13
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testButton.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testCheckbox.crow11
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testCombobox.crow4
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testItemTemplateTag.crow36
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testRadioButton.crow7
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testScrollbar.crow5
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedControl/testSpinner.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedGroup/0.crow28
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedGroup/1.crow9
-rwxr-xr-xSamples/common/ui/Interfaces/TemplatedGroup/2.crow25
-rwxr-xr-xSamples/common/ui/Interfaces/TmpExpandable.goml12
-rwxr-xr-xSamples/common/ui/Interfaces/Wrapper/1.1.crow14
-rwxr-xr-xSamples/common/ui/Interfaces/Wrapper/1.crow14
-rwxr-xr-xSamples/common/ui/Interfaces/Wrapper/2.1.crow14
-rwxr-xr-xSamples/common/ui/Interfaces/Wrapper/2.2.crow32
-rwxr-xr-xSamples/common/ui/Interfaces/Wrapper/2.crow14
-rwxr-xr-xSamples/common/ui/Interfaces/basicTests/7.crow144
-rwxr-xr-xSamples/common/ui/Interfaces/colorItem.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/colorItem2.crow10
-rwxr-xr-xSamples/common/ui/Interfaces/itemTmp.goml8
-rwxr-xr-xSamples/common/ui/Interfaces/log.xml21
-rwxr-xr-xSamples/common/ui/Interfaces/perfMsr.crow36
-rwxr-xr-xSamples/common/ui/Interfaces/testMeter.goml2
-rwxr-xr-xSamples/common/ui/Interfaces/testWindow.goml.sav26
-rwxr-xr-xSamples/common/ui/Interfaces/tmpDirItem.goml11
-rwxr-xr-xSamples/common/ui/Interfaces/tmpMembers.goml9
-rwxr-xr-xSamples/common/ui/Interfaces/treeList.crow2
111 files changed, 5256 insertions, 0 deletions
diff --git a/Samples/common/CrowVkWin.cs b/Samples/common/CrowVkWin.cs
new file mode 100644
index 00000000..dd83a37a
--- /dev/null
+++ b/Samples/common/CrowVkWin.cs
@@ -0,0 +1,206 @@
+using System;
+using System.Threading;
+using Crow;
+using CVKL;
+using VK;
+
+namespace Crow
+{
+ public class CrowVkWin : VkWindow, IValueChange {
+ #region IValueChange implementation
+ public event EventHandler<Crow.ValueChangeEventArgs> ValueChanged;
+ public virtual void NotifyValueChanged(string MemberName, object _value)
+ {
+ if (ValueChanged != null)
+ ValueChanged.Invoke(this, new Crow.ValueChangeEventArgs(MemberName, _value));
+ }
+ #endregion
+
+ protected Crow.Interface crow;
+ protected CVKL.Image uiImage;
+ protected vkvg.Device vkvgDev;
+ bool isRunning;
+
+ protected CrowVkWin() : base()
+ {
+ Thread crowThread = new Thread(crow_thread_func);
+ crowThread.IsBackground = true;
+ crowThread.Start();
+
+ while (crow == null)
+ Thread.Sleep(2);
+
+ initUISurface();
+ }
+
+ protected override void render () {
+ int idx = swapChain.GetNextImage ();
+
+ if (idx < 0) {
+ OnResize ();
+ return;
+ }
+
+ lock (crow.RenderMutex) {
+ presentQueue.Submit (cmds[idx], swapChain.presentComplete, drawComplete[idx]);
+ presentQueue.Present (swapChain, drawComplete[idx]);
+ presentQueue.WaitIdle ();
+ }
+ Thread.Sleep (1);
+ }
+
+ void crow_thread_func () {
+ vkvgDev = new vkvg.Device (instance.Handle, phy.Handle, dev.VkDev.Handle, presentQueue.qFamIndex,
+ vkvg.SampleCount.Sample_8, presentQueue.index);
+
+ crow = new Crow.Interface (vkvgDev, 800, 600);
+
+ isRunning = true;
+ while (isRunning) {
+ crow.Update ();
+ Thread.Sleep (3);
+ }
+
+ crow.Dispose ();
+ vkvgDev.Dispose ();
+ crow = null;
+ }
+
+ void initUISurface () {
+ lock (crow.UpdateMutex) {
+ uiImage?.Dispose ();
+ uiImage = new CVKL.Image (dev, new VkImage ((ulong)crow.surf.VkImage.ToInt64 ()), VkFormat.B8g8r8a8Unorm,
+ VkImageUsageFlags.Sampled, swapChain.Width, swapChain.Height);
+ uiImage.SetName ("uiImage");
+ uiImage.CreateView (VkImageViewType.ImageView2D, VkImageAspectFlags.Color);
+ uiImage.CreateSampler (VkFilter.Nearest, VkFilter.Nearest, VkSamplerMipmapMode.Nearest, VkSamplerAddressMode.ClampToBorder);
+ uiImage.Descriptor.imageLayout = VkImageLayout.ShaderReadOnlyOptimal;
+ }
+ }
+
+ protected virtual void recordDraw (CommandBuffer cmd, int imageIndex) { }
+
+ void buildCommandBuffers () {
+ for (int i = 0; i < swapChain.ImageCount; ++i) {
+ cmds[i]?.Free ();
+ cmds[i] = cmdPool.AllocateAndStart ();
+
+ CommandBuffer cmd = cmds [i];
+
+ recordDraw (cmd, i);
+
+ swapChain.images [i].SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.Undefined, VkImageLayout.TransferDstOptimal,
+ VkPipelineStageFlags.BottomOfPipe, VkPipelineStageFlags.Transfer);
+ uiImage.SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.ColorAttachmentOptimal, VkImageLayout.TransferSrcOptimal,
+ VkPipelineStageFlags.ColorAttachmentOutput, VkPipelineStageFlags.Transfer);
+
+ VkImageSubresourceLayers imgSubResLayer = new VkImageSubresourceLayers {
+ aspectMask = VkImageAspectFlags.Color,
+ mipLevel = 0,
+ baseArrayLayer = 0,
+ layerCount = 1
+ };
+ VkImageCopy cregion = new VkImageCopy {
+ srcSubresource = imgSubResLayer,
+ srcOffset = default (VkOffset3D),
+ dstSubresource = imgSubResLayer,
+ dstOffset = default (VkOffset3D),
+ extent = new VkExtent3D { width = swapChain.Width, height = swapChain.Height }
+ };
+ Vk.vkCmdCopyImage (cmds [i].Handle, uiImage.Handle, VkImageLayout.TransferSrcOptimal,
+ swapChain.images [i].Handle, VkImageLayout.TransferDstOptimal, 1, ref cregion);
+
+ swapChain.images [i].SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.TransferDstOptimal, VkImageLayout.PresentSrcKHR,
+ VkPipelineStageFlags.Transfer, VkPipelineStageFlags.BottomOfPipe);
+ uiImage.SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.TransferSrcOptimal, VkImageLayout.ColorAttachmentOptimal,
+ VkPipelineStageFlags.Transfer, VkPipelineStageFlags.ColorAttachmentOutput);
+
+ cmds [i].End ();
+ }
+ }
+
+ /// <summary>
+ /// rebuild command buffers if needed
+ /// </summary>
+ public override void Update () {
+ if (rebuildBuffers) {
+ buildCommandBuffers ();
+ rebuildBuffers = false;
+ }
+ }
+
+ protected override void OnResize () {
+ dev.WaitIdle ();
+
+ crow.ProcessResize (new Crow.Rectangle (0, 0, (int)swapChain.Width, (int)swapChain.Height));
+
+ initUISurface ();
+
+ buildCommandBuffers ();
+ dev.WaitIdle ();
+ }
+
+ #region Mouse and keyboard
+ //protected override void onScroll (double xOffset, double yOffset)
+ //{
+ // if (KeyModifiers.HasFlag (Glfw.Modifier.Shift))
+ // crow.ProcessMouseWheelChanged ((float)xOffset);
+ // else
+ // crow.ProcessMouseWheelChanged ((float)yOffset);
+ //}
+ protected override void onMouseMove (double xPos, double yPos)
+ {
+ if (crow.ProcessMouseMove ((int)xPos, (int)yPos))
+ return;
+ }
+ protected override void onMouseButtonDown (Glfw.MouseButton button)
+ {
+ if (crow.ProcessMouseButtonDown ((Crow.MouseButton)button))
+ return;
+ base.onMouseButtonDown (button);
+ }
+ protected override void onMouseButtonUp (Glfw.MouseButton button)
+ {
+ if (crow.ProcessMouseButtonUp ((Crow.MouseButton)button))
+ return;
+ base.onMouseButtonUp (button);
+ }
+ protected override void onKeyDown (Glfw.Key key, int scanCode, Glfw.Modifier modifiers)
+ {
+ if (crow.ProcessKeyDown ((Crow.Key)key))
+ return;
+ }
+ protected override void onKeyUp (Glfw.Key key, int scanCode, Glfw.Modifier modifiers)
+ {
+ if (crow.ProcessKeyUp ((Crow.Key)key))
+ return;
+ }
+ //protected override void onChar (Glfw.CodePoint cp)
+ //{
+ // if (crow.ProcessKeyPress (cp.ToChar ()))
+ // return;
+ //}
+ #endregion
+
+ #region dispose
+ protected override void Dispose (bool disposing) {
+ if (disposing) {
+ if (!isDisposed) {
+ dev.WaitIdle ();
+
+ isRunning = false;
+ uiImage?.Dispose ();
+ while (crow != null)
+ Thread.Sleep (1);
+ }
+ }
+
+ base.Dispose (disposing);
+ }
+ #endregion
+ }
+} \ No newline at end of file
diff --git a/Samples/common/CrowWin.cs b/Samples/common/CrowWin.cs
new file mode 100644
index 00000000..a25ef6ee
--- /dev/null
+++ b/Samples/common/CrowWin.cs
@@ -0,0 +1,241 @@
+using System;
+using System.Threading;
+using Crow;
+using CVKL;
+using VK;
+
+namespace Crow
+{
+ public class CrowVkWin : VkWindow, IValueChange {
+ #region IValueChange implementation
+ public event EventHandler<Crow.ValueChangeEventArgs> ValueChanged;
+ public virtual void NotifyValueChanged(string MemberName, object _value)
+ {
+ if (ValueChanged != null)
+ ValueChanged.Invoke(this, new Crow.ValueChangeEventArgs(MemberName, _value));
+ }
+ #endregion
+
+ protected Crow.Interface crow;
+ protected CVKL.Image uiImage;
+ protected vkvg.Device vkvgDev;
+ bool isRunning;
+
+ protected CrowVkWin() : base()
+ {
+
+ Thread crowThread = new Thread(crow_thread_func);
+ crowThread.IsBackground = true;
+ crowThread.Start();
+
+ while (crow == null)
+ Thread.Sleep(2);
+
+ initUISurface();
+ }
+
+ protected virtual void onLoad () { }
+ public override void Run ()
+ {
+ onLoad ();
+ base.Run ();
+ }
+ protected override void render () {
+ int idx = swapChain.GetNextImage ();
+
+ if (idx < 0) {
+ OnResize ();
+ return;
+ }
+
+ lock (crow.RenderMutex) {
+ presentQueue.Submit (cmds[idx], swapChain.presentComplete, drawComplete[idx]);
+ presentQueue.Present (swapChain, drawComplete[idx]);
+ presentQueue.WaitIdle ();
+ }
+ Thread.Sleep (1);
+ }
+
+ void crow_thread_func () {
+ vkvgDev = new vkvg.Device (instance.Handle, phy.Handle, dev.VkDev.Handle, presentQueue.qFamIndex,
+ vkvg.SampleCount.Sample_8, presentQueue.index);
+
+ crow = new Crow.Interface (vkvgDev, 800, 600);
+ crow.MouseCursorChanged +=Crow_MouseCursorChanged;;
+
+ isRunning = true;
+ while (isRunning) {
+ crow.Update ();
+ Thread.Sleep (1);
+ }
+
+ crow.Dispose ();
+ vkvgDev.Dispose ();
+ crow = null;
+ }
+
+ void Crow_MouseCursorChanged (object sender, MouseCursorChangedEventArgs e)
+ {
+ switch (e.NewCursor) {
+ case MouseCursor.Arrow:
+ SetCursor (Glfw.CursorShape.Arrow);
+ break;
+ case MouseCursor.IBeam:
+ SetCursor (Glfw.CursorShape.IBeam);
+ break;
+ case MouseCursor.Crosshair:
+ SetCursor (Glfw.CursorShape.Crosshair);
+ break;
+ case MouseCursor.Hand:
+ SetCursor (Glfw.CursorShape.Hand);
+ break;
+ case MouseCursor.HResize:
+ SetCursor (Glfw.CursorShape.HResize);
+ break;
+ case MouseCursor.VResize:
+ SetCursor (Glfw.CursorShape.VResize);
+ break;
+ default:
+ SetCursor (Glfw.CursorShape.Crosshair);
+ break;
+ }
+ }
+
+ void initUISurface () {
+ lock (crow.UpdateMutex) {
+ uiImage?.Dispose ();
+ uiImage = new CVKL.Image (dev, new VkImage ((ulong)crow.surf.VkImage.ToInt64 ()), VkFormat.B8g8r8a8Unorm,
+ VkImageUsageFlags.Sampled, swapChain.Width, swapChain.Height);
+ uiImage.SetName ("uiImage");
+ uiImage.CreateView (VkImageViewType.ImageView2D, VkImageAspectFlags.Color);
+ uiImage.CreateSampler (VkFilter.Nearest, VkFilter.Nearest, VkSamplerMipmapMode.Nearest, VkSamplerAddressMode.ClampToBorder);
+ uiImage.Descriptor.imageLayout = VkImageLayout.ShaderReadOnlyOptimal;
+ }
+ }
+
+ protected virtual void recordDraw (CommandBuffer cmd, int imageIndex) { }
+
+ void buildCommandBuffers () {
+ for (int i = 0; i < swapChain.ImageCount; ++i) {
+ cmds[i]?.Free ();
+ cmds[i] = cmdPool.AllocateAndStart ();
+
+ CommandBuffer cmd = cmds [i];
+
+ recordDraw (cmd, i);
+
+ swapChain.images [i].SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.Undefined, VkImageLayout.TransferDstOptimal,
+ VkPipelineStageFlags.BottomOfPipe, VkPipelineStageFlags.Transfer);
+ uiImage.SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.Undefined, VkImageLayout.TransferSrcOptimal,
+ VkPipelineStageFlags.Transfer, VkPipelineStageFlags.Transfer);
+
+ VkImageSubresourceLayers imgSubResLayer = new VkImageSubresourceLayers {
+ aspectMask = VkImageAspectFlags.Color,
+ mipLevel = 0,
+ baseArrayLayer = 0,
+ layerCount = 1
+ };
+ VkImageCopy cregion = new VkImageCopy {
+ srcSubresource = imgSubResLayer,
+ srcOffset = default (VkOffset3D),
+ dstSubresource = imgSubResLayer,
+ dstOffset = default (VkOffset3D),
+ extent = new VkExtent3D { width = swapChain.Width, height = swapChain.Height }
+ };
+ Vk.vkCmdCopyImage (cmds [i].Handle, uiImage.Handle, VkImageLayout.TransferSrcOptimal,
+ swapChain.images [i].Handle, VkImageLayout.TransferDstOptimal, 1, ref cregion);
+
+ swapChain.images [i].SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.TransferDstOptimal, VkImageLayout.PresentSrcKHR,
+ VkPipelineStageFlags.Transfer, VkPipelineStageFlags.BottomOfPipe);
+ uiImage.SetLayout (cmd, VkImageAspectFlags.Color,
+ VkImageLayout.TransferSrcOptimal, VkImageLayout.ColorAttachmentOptimal,
+ VkPipelineStageFlags.Transfer, VkPipelineStageFlags.ColorAttachmentOutput);
+
+ cmds [i].End ();
+ }
+ }
+
+ /// <summary>
+ /// rebuild command buffers if needed
+ /// </summary>
+ public override void Update () {
+ if (rebuildBuffers) {
+ buildCommandBuffers ();
+ rebuildBuffers = false;
+ }
+ }
+
+ protected override void OnResize () {
+ dev.WaitIdle ();
+
+ crow.ProcessResize (new Crow.Rectangle (0, 0, (int)swapChain.Width, (int)swapChain.Height));
+
+ initUISurface ();
+
+ buildCommandBuffers ();
+ dev.WaitIdle ();
+ }
+
+ #region Mouse and keyboard
+ protected override void onScroll (double xOffset, double yOffset)
+ {
+ if (KeyModifiers.HasFlag (Glfw.Modifier.Shift))
+ crow.ProcessMouseWheelChanged ((float)xOffset);
+ else
+ crow.ProcessMouseWheelChanged ((float)yOffset);
+ }
+ protected override void onMouseMove (double xPos, double yPos)
+ {
+ if (crow.ProcessMouseMove ((int)xPos, (int)yPos))
+ return;
+ }
+ protected override void onMouseButtonDown (Glfw.MouseButton button)
+ {
+ if (crow.ProcessMouseButtonDown ((Crow.MouseButton)button))
+ return;
+ base.onMouseButtonDown (button);
+ }
+ protected override void onMouseButtonUp (Glfw.MouseButton button)
+ {
+ if (crow.ProcessMouseButtonUp ((Crow.MouseButton)button))
+ return;
+ base.onMouseButtonUp (button);
+ }
+ protected override void onKeyDown (Glfw.Key key, int scanCode, Glfw.Modifier modifiers)
+ {
+ if (crow.ProcessKeyDown ((Crow.Key)key))
+ return;
+ }
+ protected override void onKeyUp (Glfw.Key key, int scanCode, Glfw.Modifier modifiers)
+ {
+ if (crow.ProcessKeyUp ((Crow.Key)key))
+ return;
+ }
+ protected override void onChar (Glfw.CodePoint cp)
+ {
+ if (crow.ProcessKeyPress (cp.ToChar ()))
+ return;
+ }
+ #endregion
+
+ #region dispose
+ protected override void Dispose (bool disposing) {
+ if (disposing) {
+ if (!isDisposed) {
+ dev.WaitIdle ();
+
+ isRunning = false;
+ uiImage?.Dispose ();
+ while (crow != null)
+ Thread.Sleep (1);
+ }
+ }
+
+ base.Dispose (disposing);
+ }
+ #endregion
+ }
+} \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/CheckBox2.imlt b/Samples/common/ui/Interfaces/CheckBox2.imlt
new file mode 100644
index 00000000..c2bfe8da
--- /dev/null
+++ b/Samples/common/ui/Interfaces/CheckBox2.imlt
@@ -0,0 +1,7 @@
+<Label Font="{./Font}" Text="{./Caption}" Height="{./HeightPolicy}" Width="{./WidthPolicy}"
+ Margin="3"
+ Background="{./Background}"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Container/0.crow b/Samples/common/ui/Interfaces/Container/0.crow
new file mode 100755
index 00000000..5ad8de0a
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Container/0.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Container Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Background="SeaGreen"
+ MinimumSize="50,50"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Container/1.crow b/Samples/common/ui/Interfaces/Container/1.crow
new file mode 100755
index 00000000..19af5237
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Container/1.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Container Background="Yellow" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="50%" Height="50%" Background="Yellow"
+ MinimumSize="50,50"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Container/2.crow b/Samples/common/ui/Interfaces/Container/2.crow
new file mode 100755
index 00000000..98d1add0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Container/2.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Container Background="MediumSeaGreen" Margin="10" Fit="true">
+ <Widget Margin="10" Width="50%" Height="50%" Background="DarkGreen"
+ MinimumSize="50,50"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Container/3.crow b/Samples/common/ui/Interfaces/Container/3.crow
new file mode 100755
index 00000000..94655ca3
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Container/3.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Container Background="DimGrey" Margin="10" Fit="true">
+ <Label Text="{fps}" Margin="10" Fit="true" Background="SeaGreen"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/0.crow b/Samples/common/ui/Interfaces/Divers/0.crow
new file mode 100755
index 00000000..e7cf3e2f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/0.crow
@@ -0,0 +1,162 @@
+<?xml version="1.0"?>
+<Window Caption="Showcase" Height="90%" Width="90%">
+ <HorizontalStack >
+ <VerticalStack Width="30%" Margin="5">
+ <GroupBox Caption="Performance" Height="Fit">
+ <VerticalStack DataSource="{drawingMeasure}" Width="90%" Height="Fit" Spacing="2" >
+ <HorizontalStack Height="Fit" Tooltip="Frame per second">
+ <Label Text="Fps:" Style="FpsLabel"/>
+ <Label Text="{minimum}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Tooltip="Minimum Frame per second">
+ <Label Text="Min:" Style="FpsLabel"/>
+ <Label Text="{fpsMin}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Tooltip="Maximum Frame per second">
+ <Label Text="Max:" Style="FpsLabel"/>
+ <Label Text="{fpsMax}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Tooltip="Update loop duration">
+ <Label Text="Update:" Style="FpsLabel"/>
+ <Label Text="{update}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Tooltip="Layouting process duration">
+ <Label Text="Layouting:" Style="FpsLabel"/>
+ <Label Text="{layouting}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Tooltip="Clipping duration">
+ <Label Text="Clipping:" Style="FpsLabel"/>
+ <Label Text="{clipping}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="FpsLabel"/>
+ <Label Text="{drawing}" Style="FpsDisp"/>
+ </HorizontalStack>
+ </VerticalStack>
+ </GroupBox>
+ <Label Width="Stretched" Margin="3" Background="DimGrey"/>
+ <TextBox Text="TextBox" Multiline="true" Margin="3"/>
+ <HorizontalStack Height="Fit" Margin="5" Background="DimGrey" CornerRadius="10">
+ <VerticalStack Spacing="5" Width="50%">
+ <CheckBox Fit="true" Caption="test"/>
+ <CheckBox Fit="true"/>
+ <CheckBox Fit="true"/>
+ <CheckBox Fit="true" IsChecked="true"/>
+ </VerticalStack>
+ <VerticalStack Spacing="5" Width="50%">
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true" IsChecked="true"/>
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true"/>
+ </VerticalStack>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Margin="5">
+ <Label Text="MouseEvents" Width="50%" Margin="3" Focusable="true"
+ Background="Jet"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"
+ MouseDown="{Background=DarkRed}"
+ MouseClick="{Foreground=Green}"
+ MouseDoubleClick="{Foreground=Yellow}"
+ MouseUp="{Background=Jet}"/>
+ <Label Text="MouseEvents" Width="50%" Margin="3"
+ Background="Jet"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseClick="{Foreground=Green}"
+ MouseDoubleClick="{Foreground=Yellow}"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"
+ MouseDown="{Background=SeaGreen}"
+ MouseUp="{Background=DimGrey}"/>
+ </HorizontalStack>
+ <GroupBox Caption="Templated controls" Height="Fit" Margin="5">
+ <HorizontalStack Height="Fit">
+ <VerticalStack Width="50%">
+ <CheckBox IsChecked="true" Style="CheckBox2"/>
+ <CheckBox Style="CheckBox2"/>
+ <CheckBox Style="CheckBox2"/>
+ <CheckBox Style="CheckBox2"/>
+ </VerticalStack>
+ <Splitter/>
+ <VerticalStack Width="50%">
+ <RadioButton Style="RadioButton2"/>
+ <RadioButton Style="RadioButton2"/>
+ <RadioButton Style="RadioButton2"/>
+ <RadioButton Style="RadioButton2"/>
+ </VerticalStack>
+ </HorizontalStack>
+ </GroupBox>
+ <HorizontalStack Height="Fit">
+ <Label Text="Spinner"/>
+ <Spinner Fit="true"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Button Caption="Button"/>
+ <Button Caption="Button" IsEnabled="false"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <Splitter/>
+ <VerticalStack Width="40%" Margin="5" Spacing="5">
+ <Expandable>
+ <Image Path="#Crow.Icons.crow.svg"/>
+ </Expandable>
+ <Popper>
+ <Border Fit="True" Background="DimGrey" CornerRadius="0" BorderWidth="1">
+ <Image Path="#Crow.Icons.crow.svg" Width="100" Height="100" Margin="10"
+ MouseEnter="{Background=LightGrey}"
+ MouseLeave="{Background=Transparent}"/>
+ </Border>
+ </Popper>
+ <Slider Height="10" Width="90%"/>
+ <Container Height="Fit" Width="200" Background="DimGrey" Margin="2" CornerRadius="5">
+ <ProgressBar Background="DimGrey" Height="10" Value="50"/>
+ </Container>
+ <Image Path="#Crow.Icons.crow.svg" Width="60" Height="60" Background="LightGrey" />
+<!-- <TabView Name="tabview1"
+ Height="120" Orientation="Horizontal" Spacing="15">
+ <TabItem Name="TabItem1" Caption="Tab 1" Margin="0">
+ <VerticalStack Fit="true">
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="Tab 2" Background="Grey">
+ <VerticalStack Fit="true">
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem3" Caption="Tab 3" Background="Grey">
+ <Container Margin="5" CornerRadius="2">
+ <TextBox Height="Stretched" Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+ </Container>
+ </TabItem>
+ </TabView>-->
+ <MessageBox Movable="false"/>
+ <ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Margin="5" Fit="True" />
+ <Widget Name="go" Width="100" Height="60" Background="{../../colorList.SelectedItem}"/>
+ <Label Text="{../colorPicker.SelectedColor}"/>
+ </VerticalStack>
+ <Splitter/>
+ <VerticalStack Width="30%" Margin="5">
+<!-- <Border Margin="5" Height="Fit">
+ <Label Width="Stretched" Margin="1" Text="{../../dv.SelectedItem}"/>
+ </Border>
+ <Border Margin="5" Height="30%">
+ <DirectoryView Name="dv" CurrentDirectory="/" Margin="1"/>
+ </Border>
+ <Splitter/>-->
+ <ListBox Name="colorList" Data="{TestList}" Margin="5"
+ ItemTemplate="Interfaces/colorItem.crow"
+ Template="#Crow.ScrollingListBox.template"
+ />
+ </VerticalStack>
+ </HorizontalStack>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/2.crow b/Samples/common/ui/Interfaces/Divers/2.crow
new file mode 100755
index 00000000..b4a06b68
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/2.crow
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+ <TextBox Font="droid, 20" Text="test text box" Width="Stretched"/>
+ <HorizontalStack Margin="5" Fit="true" MouseEnter="{Background=White}" MouseLeave="{Background=Transparent}">
+ <Label Text="centered" Width="80" Height="30" Background="DarkBlue" TextAlignment="Center"/>
+ <Label Text="top left" Width="80" Height="30" Background="DarkBlue" TextAlignment="TopLeft"/>
+ <Label Text="top right" Width="80" Height="30" Background="DarkBlue" TextAlignment="TopRight"/>
+ <Label Text="right center" Width="80" Height="30" Background="DarkBlue" TextAlignment="Right"/>
+ <Label Text="bottom left" Width="80" Height="30" Background="DarkBlue" TextAlignment="BottomLeft"/>
+ <Label Text="bottom center" Width="80" Height="30" Background="DarkBlue" TextAlignment="Bottom"/>
+ <Label Text="bottom right" Width="80" Height="30" Background="DarkBlue" TextAlignment="BottomRight"/>
+ </HorizontalStack>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/3.crow b/Samples/common/ui/Interfaces/Divers/3.crow
new file mode 100755
index 00000000..a1f5e95d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/3.crow
@@ -0,0 +1,377 @@
+<?xml version="1.0"?>
+<HorizontalStack Fit="true">
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <ProgressBar CornerRadius="5" Background="DimGrey" Margin="1" Maximum="1000" Value="{fps}" Width="200" Height="15"/>
+ <HorizontalStack Fit="true">
+ <Label Text="Memory:" Width="50" TextAlignment="Right"/>
+ <Label Text="{memory}" Font="droid,12" TextAlignment="Center"
+ Background="vgradient|0:RoyalBlue|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/4.crow b/Samples/common/ui/Interfaces/Divers/4.crow
new file mode 100755
index 00000000..ca696622
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/4.crow
@@ -0,0 +1,1695 @@
+<?xml version="1.0"?>
+<HorizontalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="15%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Memory:" Style="labPerf" />
+ <Label Text="{memory}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="labPerf" />
+ <Label Text="{update}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="labPerf" />
+ <Label Text="{layouting}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="labPerf" />
+ <Label Text="{drawing}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="labPerf" />
+ <Label Text="{fps}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="labPerf" />
+ <Label Text="{fpsMin}" Style="labPerfVal"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="labPerf" />
+ <Label Text="{fpsMax}" Style="labPerfVal"/>
+ </HorizontalStack>
+ </VerticalStack>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/5.crow b/Samples/common/ui/Interfaces/Divers/5.crow
new file mode 100755
index 00000000..7e3df064
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/5.crow
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<HorizontalStack Fit="true" Margin="5">
+ <VerticalStack Fit="true" Margin="2" Spacing="2">
+ <TextRun Text="text run test"/>
+<!-- <Label Text="label test"/>
+ <TextBox Text="text box test"/>
+ <Button Caption="test button"/>-->
+<!-- <CheckBox Caption="test checkbox"/>
+ <RadioButton Caption="test radiobutton"/>
+ <ComboBox/>
+ <Popper Caption="test popper">
+ <Label Text="label test"/>
+ </Popper>
+ <Expandable Caption="test expandable">
+ <Label Text="label test"/>
+ </Expandable>
+ <Border >
+ <Label Text="border test" Margin="3"/>
+ </Border>
+ <GroupBox Caption="Group box" >
+ <Label Text="border test" Margin="3"/>
+ </GroupBox>
+ <Container Fit="true" Background="DimGrey" Margin="3">
+ <Widget Width="20" Height="20" Background="LightGrey"/>
+ </Container>-->
+<!-- <ProgressBar Height="10" Width="150" Background="DimGrey" Value="50" />
+ <Slider Value="5" Width="150" Height="10"/>
+ <ScrollBar Orientation="Horizontal" Maximum="100" Value="50" Height="16" Width="150"/>
+ <Spinner Value="100"/>-->
+ </VerticalStack>
+<!-- <VerticalStack Width="150" Height="Fit" Margin="2" Spacing="2">
+ <TextRun Text="text run test" Width="Stretched"/>
+ <Label Text="label test" Width="Stretched"/>
+ <TextBox Text="text box test" Width="Stretched"/>
+ <Button Caption="test button" Width="Stretched"/>
+ <CheckBox Caption="test checkbox" Width="Stretched"/>
+ <RadioButton Caption="test radiobutton" Width="Stretched"/>
+ <ComboBox Width="Stretched"/>
+ <Popper Caption="test popper" Width="Stretched">
+ <Label Text="label test"/>
+ </Popper>
+ <Expandable Caption="test expandable" Width="Stretched">
+ <Label Text="label test"/>
+ </Expandable>
+ <Border Width="Stretched">
+ <Label Text="border test" Margin="3"/>
+ </Border>
+ <GroupBox Caption="Group box" Width="Stretched">
+ <Label Text="border test" Margin="3"/>
+ </GroupBox>
+ <Container Height="Fit" Width="Stretched" Background="DimGrey" Margin="3">
+ <Widget Width="20" Height="20" Background="LightGrey"/>
+ </Container>
+ <ProgressBar Height="10" Width="Stretched" Background="DimGrey" Value="50" />
+ <Slider Value="5" Width="Stretched" Height="10"/>
+ <ScrollBar Orientation="Horizontal" Maximum="100" Value="50" Height="16" Width="Stretched"/>
+ <Spinner Value="100" Width="Stretched"/>
+ </VerticalStack>-->
+</HorizontalStack>
+<!--<HorizontalStack Fit="true" Background="RoyalBlue" Margin="5">
+ <Widget Background="Red" Width="30" Height="20"/>
+ <Spinner Maximum="10000000000" SmallIncrement="10" Value="0"/>
+ <Widget Background="Green" Width="30" Height="20"/>
+</HorizontalStack>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/6.crow b/Samples/common/ui/Interfaces/Divers/6.crow
new file mode 100755
index 00000000..f537a71d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/6.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" Background="DimGrey" Margin="5">
+<!-- <RadioButton/>-->
+ <Label Text="a" Width="Stretched" Background="Red"/>
+ <Label Text="{fps}" HorizontalAlignment="Right" Background="LimeGreen"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/Divers/clip0.crow b/Samples/common/ui/Interfaces/Divers/clip0.crow
new file mode 100755
index 00000000..0dee2ef1
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/clip0.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<Container Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="false"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/clip1.crow b/Samples/common/ui/Interfaces/Divers/clip1.crow
new file mode 100755
index 00000000..bc4c9279
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/clip1.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<Container Fit="true" Margin="20" Background="SkyBlue" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=LightGrey}"
+ MouseLeave="{Background=SkyBlue}">
+ <Container Fit="true" Margin="20" Background="Red" CacheEnabled="true"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=White}"
+ MouseLeave="{Background=Red}">
+ <Container Fit="true" Margin="20" Background="Yellow" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Blue}"
+ MouseLeave="{Background=Yellow}">
+ <Container Margin="50" Background="LimeGreen" CacheEnabled="true"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="1" Text="{drawing}" Background="RoyalBlue"/>
+ </Container>
+ </Container>
+ </Container>
+ </Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/clip2.crow b/Samples/common/ui/Interfaces/Divers/clip2.crow
new file mode 100755
index 00000000..9292150f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/clip2.crow
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<Group Fit="true" Margin="50" Background="Yellow" CacheEnabled="true"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=DimGrey}"
+ MouseLeave="{Background=Yellow}">
+<Group Width="300" Height="200" Margin="50" Background="LimeGreen" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+ <Label Left="10" HorizontalAlignment="Right" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </Group>
+ </Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/clip3.crow b/Samples/common/ui/Interfaces/Divers/clip3.crow
new file mode 100755
index 00000000..82a98881
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/clip3.crow
@@ -0,0 +1,34 @@
+<?xml version="1.0"?>
+<Group Fit="true" Margin="50" Background="Yellow" CacheEnabled="true"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=DimGrey}"
+ MouseLeave="{Background=Yellow}">
+ <HorizontalStack Fit="true">
+ <VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{fps}" Background="RoyalBlue"/>
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </VerticalStack>
+ <VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{fpsMax}" Background="RoyalBlue"/>
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{fpsMin}" Background="RoyalBlue"/>
+ </VerticalStack>
+ </HorizontalStack>
+ </Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/clip4.crow b/Samples/common/ui/Interfaces/Divers/clip4.crow
new file mode 100755
index 00000000..5caaf771
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/clip4.crow
@@ -0,0 +1,58 @@
+<?xml version="1.0"?>
+<Border Fit="true" BorderWidth="2" >
+<Scroller CornerRadius="2" Height="200" Width="300" Background="DimGrey" Margin="2">
+ <VerticalStack Margin="10" VerticalAlignment="Top" Fit="true" Background="vgradient|0:RoyalBlue|1:Black" >
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 1"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 2"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 3"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 4"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 5"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 6"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 7"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 8"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 9"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 10"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 11"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 12"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 13"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 14"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 15"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 16"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 17"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 18"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 19"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 20"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 21"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 22"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 23"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 24"/>
+ <Label MouseEnter="{Background=Grey}" MouseLeave="{Background=hgradient|0:DarkRed|1:Transparent}" Margin="5" Background="hgradient|0:DarkRed|1:Transparent" Font="droid,20" Text="label 25"/>
+ </VerticalStack>
+</Scroller>
+</Border>
+<!--<VerticalStack Fit="true" Margin="50" Background="LimeGreen" CacheEnabled="false"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseEnter="{Background=Grey}"
+ MouseLeave="{Background=LimeGreen}">
+
+ <CheckBox Margin="20" Background="RoyalBlue"/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ <CheckBox/>
+
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{fps}" Background="RoyalBlue"/>
+ <Label HorizontalAlignment="Center" VerticalAlignment="Center" CacheEnabled="true"
+ MouseEnter="{Background=DimGrey}" Width="100"
+ MouseLeave="{Background=RoyalBlue}"
+ Margin="10" Text="{drawing}" Background="RoyalBlue"/>
+ </VerticalStack>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/colorPicker.crow b/Samples/common/ui/Interfaces/Divers/colorPicker.crow
new file mode 100755
index 00000000..afdef146
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/colorPicker.crow
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<VerticalStack>
+ <ColorPicker SelectedColor="{²../go.Background}" Name="colorPicker" Background="DimGrey" Margin="5" Fit="True" />
+ <Widget Name="go" Width="100" Height="60" Background="DarkBlue"/>
+ <Widget Name="go" Width="100" Height="60" Background="{../colorPicker.SelectedColor}"/>
+ <Label Text="{../colorPicker.SelectedColor}"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/fps.crow b/Samples/common/ui/Interfaces/Divers/fps.crow
new file mode 100755
index 00000000..1d515a15
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/fps.crow
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<Border Fit="true" CornerRadius="5" BorderWidth="1">
+ <Container Name="MainGrp" Background="0.5,0.5,0.5,0.4" Width="120" Fit="true"
+ Margin="10" Focusable="True" >
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Margin="5" Name="labUpdate" Text="{update}" Font="droid,12" Background="SeaGreen" Width="50" TextAlignment="Center"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Margin="5" Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" Background="SeaGreen"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Margin="5" Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center" Background="SeaGreen"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Margin="5" Text="{fpsMax}" Font="droid , 12" Background="SeaGreen" Width="50" TextAlignment="Center"/>
+ </HorizontalStack>
+ </VerticalStack>
+ </Container>
+</Border> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/perfMeasures.crow b/Samples/common/ui/Interfaces/Divers/perfMeasures.crow
new file mode 100755
index 00000000..d2d5138f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/perfMeasures.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Window Focusable="true" Caption="Measures" Width="30%" Height="300" MinimumSize="100,100">
+ <ListBox Data="{PerfMeasures}"
+ ItemTemplate="#ui.perfMsr.crow"/>
+</Window>
diff --git a/Samples/common/ui/Interfaces/Divers/test1.1.crow b/Samples/common/ui/Interfaces/Divers/test1.1.crow
new file mode 100755
index 00000000..e6f8e2af
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/test1.1.crow
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<Group Name="TopGroup" Width="500" Height="400" Margin="5"
+ Focusable="True" Background="Yellow">
+ <Group Name="InnerGroup" Width="Fit" Height="Fit" Margin="50"
+ VerticalAlignment="Top" HorizontalAlignment="Left"
+ Focusable="True" Background="Green">
+ <Image VerticalAlignment="Bottom"
+ Name="PhaseOverlay1" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+ <Image Top="100"
+ Name="PhaseOverlay2" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+ </Group>
+ <Image VerticalAlignment="Center" HorizontalAlignment="Right"
+ Name="PhaseOverlay0" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/test1.2.crow b/Samples/common/ui/Interfaces/Divers/test1.2.crow
new file mode 100755
index 00000000..00fb7d22
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/test1.2.crow
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<Container Background="Green" Height="400" Width="400">
+<VerticalStack Margin="10" Background="DarkBlue" Height="Fit" Width="Stretched">
+ <Label Text="label11" Width="Stretched"/>
+ <Label Text="label21"/>
+ <HorizontalStack Width="Fit" Height="Fit" Margin="5"
+ Focusable="True" Background="Blue">
+ <Label Text="label12"/>
+ <Label Text="label22"/>
+ <Label Text="label32"/>
+ <Label Text="label42"/>
+ <Label Text="label52"/>
+ </HorizontalStack>
+ <Label Text="label33" Background="Green" Width="Stretched"/>
+ <Button/>
+ <Label Text="label43"/>
+ <Label Text="label53"/>
+
+</VerticalStack>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/test1.crow b/Samples/common/ui/Interfaces/Divers/test1.crow
new file mode 100755
index 00000000..74da4726
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/test1.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<Container Name="TopContainer" Width="400" Height="350"
+ Margin="20" Focusable="True" Background="Yellow">
+ <Container Name="MiddleContainer" Width="50%" Height="Stretched"
+ Margin="20" Focusable="True" Background="Green">
+ <Image VerticalAlignment="Bottom"
+ Name="PhaseOverlay" Width="100" Height="100" Path="image/u.svg" Background="Red"/>
+ </Container>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/test2WayBinding.crow b/Samples/common/ui/Interfaces/Divers/test2WayBinding.crow
new file mode 100755
index 00000000..cf76f72b
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/test2WayBinding.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+ <CheckBox IsChecked="{²BoolVal}"/>
+ <CheckBox Caption="second" IsChecked="{²BoolVal}"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testBind0.crow b/Samples/common/ui/Interfaces/Divers/testBind0.crow
new file mode 100755
index 00000000..d8991c71
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testBind0.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+ <TextBox Text="{Datas}" Width="100" />
+ <Button Text="Set Text to Null" MouseClick="onSetDataToNull"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testCtxMenu.crow b/Samples/common/ui/Interfaces/Divers/testCtxMenu.crow
new file mode 100755
index 00000000..5fd6072a
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testCtxMenu.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Widget Margin="10" Width="50%" Height="50%" Focusable="true"
+ Background="hgradient|0:Red|0.25:Blue|0.5:Green|0.75:Yellow|1:Red"
+ MinimumSize="50,50" ContextCommands="{Commands}"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testDisable.crow b/Samples/common/ui/Interfaces/Divers/testDisable.crow
new file mode 100644
index 00000000..68d1cebb
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testDisable.crow
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" VerticalAlignment="Top" Background="0.7,0.7,0.7,0.5"
+ Margin="10" CornerRadius="10" ClipToClientRect="false">
+ <Label Font="20" Text="Enable / Disable test"/>
+ <Label Text="{fps}" IsEnabled="false" Font="30"/>
+ <Label Text="{fps}" IsEnabled="true" Font="30"/>
+ <Label Text="{fps}" IsEnabled="false" Font="30" Background="SeaGreen"/>
+ <Label Text="{fps}" IsEnabled="true" Font="30" Background="SeaGreen"/>
+ <Button Caption="Button" IsEnabled="true" Background="Grey"/>
+ <Button Caption="Button" IsEnabled="false" Background="Grey"/>
+ <Button Caption="Button" IsEnabled="true" />
+ <Button Caption="Button" IsEnabled="false" />
+ <Spinner Fit="true"/>
+ <Spinner IsEnabled="false" Fit="true"/>
+ <CheckBox/>
+ <CheckBox IsEnabled="false"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testFileDialog.crow b/Samples/common/ui/Interfaces/Divers/testFileDialog.crow
new file mode 100644
index 00000000..868baf63
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testFileDialog.crow
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<FileDialog Caption="Open File" CurrentDirectory="/" SearchPattern="*.*"/>
+
diff --git a/Samples/common/ui/Interfaces/Divers/testFocus.crow b/Samples/common/ui/Interfaces/Divers/testFocus.crow
new file mode 100755
index 00000000..1f262631
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testFocus.crow
@@ -0,0 +1,82 @@
+<?xml version="1.0"?>
+<VerticalStack>
+ <Menu>
+ <MenuItem Caption="File" Width="Fit">
+ <MenuItem Command="{CMDTest}"/>
+ <MenuItem Caption="Open"/>
+ <MenuItem Caption="Save"/>
+ <MenuItem Caption="Quit"/>
+ </MenuItem>
+ <MenuItem Caption="Edit" Name="edit" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ <MenuItem Caption="Special" Name="special" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ </MenuItem>
+ <MenuItem Caption="Special2" Name="special" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ </MenuItem>
+ </MenuItem>
+ <MenuItem Caption="Help" Width="Fit">
+ <MenuItem Caption="About"/>
+ <MenuItem Caption="Help"/>
+ </MenuItem>
+ </Menu>
+ <HorizontalStack Height="Fit">
+ <Label Text="Hover:" Width="50" Foreground="Grey"/>
+ <Label Text="{HoverWidget}"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Focus:" Width="50" Foreground="Grey"/>
+ <Label Text="{FocusedWidget}"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Active:" Width="50" Foreground="Grey"/>
+ <Label Text="{ActiveWidget}"/>
+ </HorizontalStack>
+ <Container Fit="true" Margin="50" Background="SlateGrey">
+ <Label Text="MouseEvents" Margin="3" Focusable="true" Fit="true"
+ Background="Jet"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"
+ MouseDown="{Background=DarkRed}"
+ MouseClick="{Foreground=Green}"
+ MouseDoubleClick="{Foreground=Yellow}"
+ MouseUp="{Background=Jet}"/>
+ </Container>
+ <TextBox Width="300" Margin="10"/>
+ <Slider Width="300" Height="12"/>
+ <ComboBox Data="{TestList}" Width="120">
+ <ItemTemplate DataType="Crow.Color">
+ <HorizontalStack
+ HorizontalAlignment="Left"
+ Height="Fit" Width="200" Margin="1" Focusable="true"
+ MouseEnter="{Background=hgradient|0:DarkRed|1:Transparent}"
+ MouseLeave="{Background=Transparent}">
+ <Widget Height="12" Width="20" Background="{}" Margin="0" CornerRadius="3"/>
+ <Label Text="{}" Margin="0" Width="Stretched"/>
+ </HorizontalStack>
+ </ItemTemplate>
+ </ComboBox>
+ <HorizontalStack Height="Fit" Margin="1" Background="DimGrey" Width="200">
+ <VerticalStack Spacing="2" Width="50%">
+ <CheckBox Caption="test" MouseEnter="{Background=Blue}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox />
+ <CheckBox />
+ <CheckBox IsChecked="true"/>
+ </VerticalStack>
+ <VerticalStack Spacing="2" Width="50%">
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true" IsChecked="true"/>
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true"/>
+ </VerticalStack>
+ </HorizontalStack>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/Divers/testIMLContainer.crow b/Samples/common/ui/Interfaces/Divers/testIMLContainer.crow
new file mode 100644
index 00000000..2ba5f2cd
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testIMLContainer.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<IMLContainer Path="Interfaces/Divers/colorPicker.crow"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testImage.crow b/Samples/common/ui/Interfaces/Divers/testImage.crow
new file mode 100755
index 00000000..ccdd87c0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testImage.crow
@@ -0,0 +1,87 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="SCALED PROPORTIONNAL" Width="150"/>
+ <Image Width="10%" Height="Fit" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg"/>
+ <Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+ <Image Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image Margin="2" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ <Image Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ </HorizontalStack>
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="SCALED NOT PROPORTIONNAL" Width="150"/>
+ <Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Margin="2" Background="vgradient|0:SkyBlue|1:White" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ <Image KeepProportions="false" Margin="10" Background="vgradient|0:SkyBlue|1:White" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ </HorizontalStack>
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="UNSCALED" Width="150"/>
+ <Image Scaled="false" Background="Blue" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Margin="10" Background="Blue" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Background="Blue" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Background="Blue" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Background="Blue" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Background="Blue" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ <Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Tests.image.crow0.svg" />
+ </HorizontalStack>
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="SCALED PROPORTIONNAL" Width="150"/>
+ <Image Background="Blue" Path="#Crow.Icons.tetra.png"/>
+ <Image Margin="10" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+ <Image Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+ <Image Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+ <Image Background="Blue" Width="50" Height="100" Path="#Crow.Icons.tetra.png"/>
+ <Image Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Background="Blue" Width="100" Height="50" Path="#Crow.Icons.tetra.png"/>
+ <Image Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Icons.tetra.png"/>
+ <Image Background="Blue" Width="50" Height="Fit" Path="#Crow.Icons.tetra.png"/>
+ <Image Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Icons.tetra.png"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="SCALED NOT PROPORTIONNAL" Width="150"/>
+ <Image KeepProportions="false" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+ <Image KeepProportions="false" Margin="10" Background="Blue" Path="#Crow.Icons.tetra.png"/>
+ <Image KeepProportions="false" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+ <Image KeepProportions="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Icons.tetra.png"/>
+ <Image KeepProportions="false" Background="Blue" Width="50" Height="100" Path="#Crow.Icons.tetra.png"/>
+ <Image KeepProportions="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image KeepProportions="false" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image KeepProportions="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image KeepProportions="false" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image KeepProportions="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Label Text="UNSCALED" Width="150"/>
+ <Image Scaled="false" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Margin="10" Background="Blue" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Margin="2" Background="Blue" Width="20" Height="20" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="100" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Margin="10" Background="Blue" Width="100" Height="50" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+ <Image Scaled="false" Margin="10" Background="Blue" Width="50" Height="Fit" Path="#Crow.Images.Icons.tetra.png"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Fit" Height="100" Background="hgradient|0:DarkRed|1:Transparent" Margin="5">
+ <Image Background="Blue" Path="#Tests.image.crow0.svg" />
+ <Image Margin="10" Background="White" Path="#Tests.image.crow0.svg" />
+ <Image Background="White" Width="20" Height="10" Path="#Tests.image.crow0.svg" />
+ <Image Margin="1" Background="White" Width="20" Height="10" Path="#Tests.image.crow0.svg" />
+ </HorizontalStack>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testMenu.crow b/Samples/common/ui/Interfaces/Divers/testMenu.crow
new file mode 100755
index 00000000..08822445
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testMenu.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Menu>
+ <MenuItem Caption="File" Width="Fit">
+ <MenuItem Command="{CMDTest}"/>
+ </MenuItem>
+</Menu>
diff --git a/Samples/common/ui/Interfaces/Divers/testOutOfClipUpdate.crow b/Samples/common/ui/Interfaces/Divers/testOutOfClipUpdate.crow
new file mode 100755
index 00000000..22523b8c
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testOutOfClipUpdate.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Container Width="200" Height="100" Background="DimGrey" Margin="5">
+ <Container Width="Stretched" Height="800" Background="DarkBlue">
+ <Label Text="{fps}" Background="RoyalBlue" VerticalAlignment="Center"/>
+ </Container>
+</Container>
diff --git a/Samples/common/ui/Interfaces/Divers/testPropLess.crow b/Samples/common/ui/Interfaces/Divers/testPropLess.crow
new file mode 100755
index 00000000..42282c11
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testPropLess.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<Label Margin="50" MinimumSize="10,10" Background="DimGrey" Text="{PropertyLessBinding}"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testShape.crow b/Samples/common/ui/Interfaces/Divers/testShape.crow
new file mode 100644
index 00000000..99b89b07
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testShape.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<Container Fit="true" Background="Red" Tooltip="test tooltip" >
+ <Shape Foreground="Transparent" Background="DimGrey" Size="11,11" Path="M 5.5,0.5 L 10.5,10.5 L 0.5,10.5 Z"
+ MouseEnter="{Background=hgradient|0:DimGrey|0.5:RoyalBlue|1:Black}"
+ MouseLeave="{Background=DimGrey}"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testStacks.crow b/Samples/common/ui/Interfaces/Divers/testStacks.crow
new file mode 100755
index 00000000..99279cd4
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testStacks.crow
@@ -0,0 +1,86 @@
+<?xml version="1.0"?>
+<Window Width="500" Height="300" MinimumSize="50,50">
+<HorizontalStack Margin="5" Background="DimGrey">
+ <VerticalStack Width="200" Margin="5" Background="Grey">
+ <VerticalStack Fit="true" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </VerticalStack>
+ <VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun Background="SkyBlue" Height="Stretched"/>
+ </VerticalStack>
+ <HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="Stretched" Height="Stretched" Margin="5" Background="Grey">
+ <VerticalStack Fit="true" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </VerticalStack>
+ <VerticalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun TextAlignment="Center" Background="SkyBlue" Width="Stretched" Height="Stretched"/>
+ </VerticalStack>
+ <HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Width="Fit" Margin="5" Background="Grey">
+ <VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue" HorizontalAlignment="Left"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </VerticalStack>
+ <VerticalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun Background="SkyBlue" Height="Stretched"/>
+ </VerticalStack>
+ <HorizontalStack Fit="true" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Fit" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Stretched" Background="DimGrey" Margin="5">
+ <TextRun Background="SkyBlue"/>
+ <TextRun Background="SkyBlue" Width="Stretched"/>
+ <TextRun Background="SkyBlue"/>
+ </HorizontalStack>
+ </VerticalStack>
+</HorizontalStack>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testTextBox.crow b/Samples/common/ui/Interfaces/Divers/testTextBox.crow
new file mode 100755
index 00000000..d0fe0af4
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testTextBox.crow
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<VerticalStack Background="SteelBlue" Fit="true">
+ <HorizontalStack Fit="true">
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="TopLeft"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Top"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="TopRight"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Left"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Center"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Right"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="BottomLeft"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="Bottom"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" TextAlignment="BottomRight"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <TextBox Background="DarkGrey" Height="30" Width="70" TextAlignment="Top" HorizontalStretch="true" Text="TopStretch"/>
+ <TextBox Background="DarkGrey" Height="30" Width="60" TextAlignment="Center" HorizontalStretch="true" Text="HorizontalStretch" />
+ <TextBox Background="DarkGrey" Height="30" Width="60" TextAlignment="Bottom" HorizontalStretch="true" Text="BottomStretch"/>
+ <TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Left" VerticalStretch="true" Text="LeftStretch"/>
+ <TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Center" VerticalStretch="true" Text="VerticalStretch"/>
+ <TextBox Background="DarkGrey" Height="10" Width="70" TextAlignment="Right" VerticalStretch="true" Text="RightStretch"/>
+ <TextBox Background="DarkGrey" Height="30" Width="50" HorizontalStretch="true" VerticalStretch="true" Text="Fit"/>
+ </HorizontalStack>
+ <TextBox Name="tb" Multiline="true" Font="droid,16" Margin="5" Text="A\nBB\nCCC\nDDDD"/>
+ <TextBox Multiline="true" Font="droid,16" Name="tb5" Margin="5" Text="{../tb.SelectedText}"/>
+<!-- <TextBox Font="droid,10" Name="tb1" Margin="5" Text="this is a test of a text box"/>
+ <TextBox Width="300" Height="35" Text="this is a test of a text box"/>-->
+ <TextBox Font="droid,10" Name="tb2" Margin="0" Text="this is a test of a text box"/>
+ <TextBox Font="droid,10" Name="tb3" Margin="5" Text="this is a test of a text box"/>
+ <TextBox Font="droid,10" Name="tb4" Margin="5" Text="this is a test of a text box"/>
+ <TextBox Font="droid,10" Name="tb5" Margin="20" Text="this is a test of a text box"/>
+ <TextBox Multiline="true" Font="droid,10" Name="tb6" Margin="5" Text="this is a test of a text box\nthis is a test of a text box"/>
+ <TextBox Multiline="true" Font="droid,10" Name="tb7" Margin="1" TextAlignment="Center"
+ Text="this is a test of a text box\nthis is a test\nthis is a test when line are centered"/>
+ <TextBox Multiline="true" Font="droid,10" Name="tb8" Margin="1" TextAlignment="Center"
+ Text="this is a test of a text box\n\n\nthis is a test\nthis is a test when line are centered"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Divers/testVisibility.crow b/Samples/common/ui/Interfaces/Divers/testVisibility.crow
new file mode 100755
index 00000000..9f9464c9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/testVisibility.crow
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<Container Margin="20" Background="Red" >
+ <Container Margin="20" Background="Green" MouseDown="{../go1.Visible=True}" >
+ <Widget Name="go1" Margin="20" Background="DimGrey" Visible="false" MouseDown="{Visible=false}"
+ MouseEnter="{Background=Blue}"
+ MouseLeave="{Background=DimGrey}"/>
+ </Container>
+</Container>
diff --git a/Samples/common/ui/Interfaces/Divers/test_stack.crow b/Samples/common/ui/Interfaces/Divers/test_stack.crow
new file mode 100755
index 00000000..044fd7f0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/test_stack.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<VerticalStack Background="DarkBlue" Height="300" Width="200">
+<!-- <Label Text="label11" Width="Stretched" Background="Green"/>
+ <Label Text="label21"/>-->
+ <HorizontalStack Width="Fit" Height="Fit" Margin="5"
+ Focusable="True" Background="Blue">
+
+ <Label Text="label12"/>
+ <VerticalStack Background="Red" Fit="true">
+ <Label Text="label99"/>
+ <Label Text="label999"/>
+ </VerticalStack>
+ <Label Text="label22"/>
+<!-- <Label Text="label32"/>
+ <Label Text="label42"/>
+ <Label Text="label52"/>-->
+ </HorizontalStack>
+<!-- <Label Text="label33" Background="Green" Width="Stretched"/>-->
+<!-- <Label Text="label43"/>-->
+<!-- <Border Margin="10">
+ <Label Text="label53" Background="Red" Height="Stretched" CornerRadius="10"/>
+ </Border>-->
+ <Label Text="label43"/>
+ <Label Text="label43"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/Divers/welcome.crow b/Samples/common/ui/Interfaces/Divers/welcome.crow
new file mode 100644
index 00000000..fa6da1e6
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Divers/welcome.crow
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+<Border BorderStyle="Sunken" Fit="true" Background="0.7,0.7,0.7,0.5" CornerRadius="10">
+ <VerticalStack Margin="20">
+ <Image Path="#Crow.Icons.crow.svg"/>
+<!-- <Label Font="Times bold, 60" Text="C.R.O.W"/>-->
+ <HorizontalStack Fit="true" DataSource="{CrowVersion}" Spacing="0">
+ <Label Foreground="Black" Font="mono, 12" Text="version: "/>
+ <Label Foreground="Black" Font="mono, 12" Text="{Major}"/>
+ <Label Foreground="Black" Font="mono, 12" Text="."/>
+ <Label Foreground="Black" Font="mono, 12" Text="{Minor}"/>
+ <Label Foreground="Black" Font="mono, 12" Text="."/>
+ <Label Foreground="DimGrey" Font="mono, 12" Text="{Build}"/>
+ </HorizontalStack>
+ <Widget Height="30"/>
+ <Label Font="20" Text="Press &lt;F2&gt; and &lt;F3&gt; to cycle into the examples"/>
+ <Label Font="20" Text="Those are basic tests used to validate changes,"/>
+ <Widget Height="30"/>
+ <Label Foreground="DimGrey" Font="20" Text="&lt;F5&gt; => File dialog example"/>
+ <Label Foreground="DimGrey" Font="20" Text="&lt;F6&gt; => Window example"/>
+ </VerticalStack>
+</Border> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/DragAndDrop/0.crow b/Samples/common/ui/Interfaces/DragAndDrop/0.crow
new file mode 100755
index 00000000..ca1a7bb5
--- /dev/null
+++ b/Samples/common/ui/Interfaces/DragAndDrop/0.crow
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<HorizontalStack Background="DimGrey" Margin="10" Width="90%" Height="90%" Spacing="100" Focusable="true">
+ <Container Name="source" StartDrag="{Background=DimGrey}" EndDrag="{Background=SeaGreen}" Focusable="true" Fit="true"
+ Drop="{../target.Background=Green}"
+ MouseEnter="{/txt.Foreground=Red}" MouseLeave="{/txt.Foreground=White}" MouseClick="{Background=SeaGreen}"
+ AllowDrag="true" Width="200" Height="200" Background="SeaGreen">
+ <VerticalStack Margin="50">
+ <Label Name="txt" Text="Drag me" Foreground="Grey"/>
+ <Label Text="Dragged" Visible="{../../IsDragged}" Foreground="Grey"/>
+ </VerticalStack>
+ </Container>
+ <Container Name="target" DragEnter="{Background=SeaGreen}" DragLeave="{Background=DimGrey}" Focusable="true" Fit="true"
+ MouseEnter="{/txt.Foreground=Red}" MouseLeave="{/txt.Foreground=White}"
+ AllowDrop="true" Background="DimGrey">
+ <VerticalStack Margin="50">
+ <Label Name="txt" Text="Drop here" Foreground="Grey"/>
+ <Label Text="Dragged" Visible="{../../IsDragged}" Foreground="Grey"/>
+ </VerticalStack>
+ </Container>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Experimental/DockWindow.template b/Samples/common/ui/Interfaces/Experimental/DockWindow.template
new file mode 100755
index 00000000..6c91312b
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/DockWindow.template
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--<Widget Background="{./Background}"/>-->
+<Border BorderWidth="1" Foreground="Black" CornerRadius="{./CornerRadius}"
+ Background="{./Background}"
+ MouseEnter="./onBorderMouseEnter"
+ MouseLeave="./onBorderMouseLeave">
+ <VerticalStack Spacing="0">
+ <HorizontalStack Height="Fit">
+ <Label Text="{./Name}" TextAlignment="Left" Width="Fit"
+ Foreground="White" />
+ <Label Text="{./DockingPosition}" TextAlignment="Left" Width="Fit"
+ Foreground="White" />
+ </HorizontalStack>
+ <Label Text="{./Width}" TextAlignment="Left" Width="Fit"
+ Foreground="White" />
+ <Label Text="{./Height}" TextAlignment="Left" Width="Fit"
+ Foreground="White" />
+
+ <HorizontalStack Visible="{./IsDocked}" Height="Fit" Margin="1" Background="Grey">
+ <Label Text="{./Caption}" TextAlignment="Left" Width="Stretched"
+ Foreground="Jet" />
+ <Image Width="8" Height="8" Focusable="true" Margin="0" Path="#Crow.Icons.exit2.svg"
+ MouseClick="./butQuitPress"/>
+ </HorizontalStack>
+ <HorizontalStack Background="vgradient|0:0.5,0.6,0.5,0.5|1:0.2,0.3,0.3,0.7"
+ Name="hs" Margin="0" Spacing="0" Height="Fit" Visible="{./IsFloating}">
+ <Widget Width="5"/>
+ <Image Margin="1" Width="10" Height="10" Path="{./Icon}"/>
+ <Label Width="Stretched" Foreground="White" Margin="1" TextAlignment="Left" Text="{./Caption}" />
+ <Border CornerRadius="6" BorderWidth="1" Foreground="Transparent" Height="10" Width="10"
+ MouseEnter="{Foreground=White}" MouseLeave="{Foreground=Transparent}">
+ <Image Focusable="true" Name="Image" Margin="0" Path="#Crow.Icons.exit2.svg"
+ MouseClick="./butQuitPress"/>
+ </Border>
+ <Widget Width="5"/>
+ </HorizontalStack>
+ <Container Name="Content" MinimumSize="50,50"/>
+ </VerticalStack>
+</Border>
diff --git a/Samples/common/ui/Interfaces/Experimental/testDock.crow b/Samples/common/ui/Interfaces/Experimental/testDock.crow
new file mode 100644
index 00000000..b69f8e78
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/testDock.crow
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<Window Width="Stretched" Height="Stretched" Background="Jet">
+ <DockStack Name="mainDock" Background="DarkRed" Margin="20">
+ </DockStack>
+</Window>
+<!---
+ <DockWindow Left="450" Top="450" Width="150" Height="150" Background="Yellow"/>-->
+
+
+<!--<Group Background="DimGrey" Margin = "0" Focusable="true" >
+ <Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><Widget Background="Green" Focusable="true" MouseEnter="{Background=Grey}" MouseLeave="{Background=Green}"/></Window>
+ <Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></Window>
+ <Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></Window>
+ <Window Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></Window>
+</Group>-->
+<!--<Docker >
+ <DockWindow Resizable = "true" Top="100" Left="100" Caption="View 1" Width="300" Height="300">
+ <VerticalStack Background="DarkGreen" Focusable="true">
+ <Label Text="{../../Left}" Background="Black" Width="Stretched"/>
+ <Label Text="{../../Top}" Background="Black"/>
+ <Label Text="{../../LogicalParent}" Background="Black"/>
+ </VerticalStack>
+ </DockWindow>
+ <DockWindow Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></DockWindow>
+ <DockWindow Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></DockWindow>
+ <DockWindow Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></DockWindow>
+</Docker>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Experimental/testDock2.crow b/Samples/common/ui/Interfaces/Experimental/testDock2.crow
new file mode 100644
index 00000000..d4eb29ac
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/testDock2.crow
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<Docker >
+ <DockWindow Left="100" Top="100" Width="150" Height="150" Background="DarkRed"/>
+ <DockWindow Left="200" Top="200" Width="150" Height="150" Background="DarkGreen"/>
+ <DockWindow Left="300" Top="300" Width="150" Height="150" Background="Blue"/>
+ <DockWindow Left="400" Top="400" Width="150" Height="150" Background="Yellow"/>
+ <DockWindow Left="500" Top="500" Width="150" Height="150" Background="Yellow"/>
+</Docker>
+<!--<Group Background="DimGrey" Margin = "0" Focusable="true" >
+ <Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><Widget Background="Green" Focusable="true" MouseEnter="{Background=Grey}" MouseLeave="{Background=Green}"/></Window>
+ <Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></Window>
+ <Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></Window>
+ <Window Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></Window>
+</Group>-->
+<!--<Docker >
+ <DockWindow Resizable = "true" Top="100" Left="100" Caption="View 1" Width="300" Height="300">
+ <VerticalStack Background="DarkGreen" Focusable="true">
+ <Label Text="{../../Left}" Background="Black" Width="Stretched"/>
+ <Label Text="{../../Top}" Background="Black"/>
+ <Label Text="{../../LogicalParent}" Background="Black"/>
+ </VerticalStack>
+ </DockWindow>
+ <DockWindow Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></DockWindow>
+ <DockWindow Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></DockWindow>
+ <DockWindow Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></DockWindow>
+</Docker>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Experimental/testStack.crow b/Samples/common/ui/Interfaces/Experimental/testStack.crow
new file mode 100644
index 00000000..0348f0b5
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/testStack.crow
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<Window Width="600" Height="500">
+<VerticalStack Margin="20" Background="DimGrey" Spacing="10">
+ <Widget Height="100" Width="500" Background="Green"/>
+ <Splitter/>
+ <HorizontalStack>
+ <Widget Height="Stretched" Width="100" Background="Red"/>
+ <Splitter/>
+ <Widget Height="Stretched" Width="100" Background="DarkRed"/>
+ </HorizontalStack>
+ <Splitter/>
+ <Widget Height="100" Width="500" Background="Green"/>
+</VerticalStack>
+</Window>
+<!--<Group Background="DimGrey" Margin = "0" Focusable="true" >
+ <Window Top="100" Left="100" Focusable="true" Caption="View 1" Width="300" Height="300"><Widget Background="Green" Focusable="true" MouseEnter="{Background=Grey}" MouseLeave="{Background=Green}"/></Window>
+ <Window Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></Window>
+ <Window Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></Window>
+ <Window Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></Window>
+</Group>-->
+<!--<Docker >
+ <DockWindow Resizable = "true" Top="100" Left="100" Caption="View 1" Width="300" Height="300">
+ <VerticalStack Background="DarkGreen" Focusable="true">
+ <Label Text="{../../Left}" Background="Black" Width="Stretched"/>
+ <Label Text="{../../Top}" Background="Black"/>
+ <Label Text="{../../LogicalParent}" Background="Black"/>
+ </VerticalStack>
+ </DockWindow>
+ <DockWindow Top="200" Left="200" Focusable="true" Caption="View 2" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Blue" MouseEnter="{Background=Grey}" MouseLeave="{Background=Blue}"/></DockWindow>
+ <DockWindow Top="300" Left="300" Focusable="true" Caption="View 3" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Yellow" MouseEnter="{Background=Grey}" MouseLeave="{Background=Yellow}"/></DockWindow>
+ <DockWindow Top="400" Left="400" Focusable="true" Caption="View 4" Resizable = "true" Width="300" Height="300"><Widget Focusable="true" Background="Black" MouseEnter="{Background=Grey}" MouseLeave="{Background=Black}"/></DockWindow>
+</Docker>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Experimental/testTypeViewer.goml b/Samples/common/ui/Interfaces/Experimental/testTypeViewer.goml
new file mode 100755
index 00000000..caa454fc
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/testTypeViewer.goml
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+
+ <VerticalStack Height="Fit" Width="250" Name="hstack" Margin="0" Spacing="0">
+ <Border Height="Fit" Width="Stretched" BorderWidth="2" CornerRadius="10" Background="SteelBlue">
+ <Label Name="labName" Text="{Name}" Width="Stretched" Height="Fit" Margin="3"/>
+ </Border>
+ <ListBox Data="{Members}" Width="Stretched" Height="400" ItemTemplate="Interfaces/tmpMembers.goml" Focusable="true">
+
+ </ListBox>
+ </VerticalStack>
diff --git a/Samples/common/ui/Interfaces/GraphicObject/0.crow b/Samples/common/ui/Interfaces/GraphicObject/0.crow
new file mode 100755
index 00000000..d786e6ae
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/0.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<VerticalStack Height="Fit" Width="20" Margin="1" Spacing="2" Background="White" >
+ <Widget Height="50" Background="Green"/>
+ <Widget Height="50" Background="Red"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/GraphicObject/1.crow b/Samples/common/ui/Interfaces/GraphicObject/1.crow
new file mode 100755
index 00000000..d74f4949
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/1.crow
@@ -0,0 +1,3 @@
+<?xml version="1.0"?>
+<Widget Margin="10" Width="150" Height="150" Background="SeaGreen"
+ MinimumSize="50,50"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/GraphicObject/2.crow b/Samples/common/ui/Interfaces/GraphicObject/2.crow
new file mode 100755
index 00000000..af2998ac
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/2.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Widget Margin="10" Width="50%" Height="50%"
+ Background="hgradient|0:Red|0.25:Blue|0.5:Green|0.75:Yellow|1:Red"
+ MinimumSize="50,50"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/GraphicObject/4.crow b/Samples/common/ui/Interfaces/GraphicObject/4.crow
new file mode 100755
index 00000000..81d386c9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/4.crow
@@ -0,0 +1,377 @@
+<?xml version="1.0"?>
+<HorizontalStack Fit="true">
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <ProgressBar CornerRadius="5" Background="DimGrey" Margin="1" Maximum="1000" Value="{fps}" Width="200" Height="15"/>
+ <HorizontalStack Fit="true">
+ <Label Text="Memory:" Width="50" TextAlignment="Right"/>
+ <Label Text="{memory}" Font="droid,12" TextAlignment="Center"
+ Background="vgradient|0:Blue|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Update:" Width="50" TextAlignment="Right"/>
+ <Label Name="labUpdate" Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:Green|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/GraphicObject/5.crow b/Samples/common/ui/Interfaces/GraphicObject/5.crow
new file mode 100755
index 00000000..4922474a
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/5.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<HorizontalStack Width="Stretched" Height="Fit" Margin="5" Background="Mantis">
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+ <GraphicObject Background="Carmine" Width="Stretched" Height="20"/>
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+ <GraphicObject Background="Carmine" Width="10%" Height="20"/>
+</HorizontalStack>
diff --git a/Samples/common/ui/Interfaces/GraphicObject/6.crow b/Samples/common/ui/Interfaces/GraphicObject/6.crow
new file mode 100755
index 00000000..f537a71d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/6.crow
@@ -0,0 +1,6 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" Background="DimGrey" Margin="5">
+<!-- <RadioButton/>-->
+ <Label Text="a" Width="Stretched" Background="Red"/>
+ <Label Text="{fps}" HorizontalAlignment="Right" Background="LimeGreen"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/GraphicObject/7.crow b/Samples/common/ui/Interfaces/GraphicObject/7.crow
new file mode 100755
index 00000000..0ac9b19f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/GraphicObject/7.crow
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<VerticalStack Height="Fit" Width="Fit">
+ <Label Width="0"/>
+ <Expandable Width="Fit" Background="Grey">
+ <Expandable Background="LightBlue">
+ <Expandable Background="Green">
+ <Expandable Background="LimeGreen">
+ <Expandable Background="DimGrey">
+ <Expandable Width="0" Background="Yellow">
+ <Expandable Background="Blue">
+ <Expandable Width="0" Background="Blue">
+ <Expandable Width="0" Background="Blue">
+ <Expandable Width="0" Background="Green">
+ <Label Background="Red"/>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ <Expandable Width="0" Background="Grey">
+ <Expandable Width="0" Background="LightBlue">
+ <Expandable Width="0" Background="Green">
+ <Expandable Width="0" Background="LimeGreen">
+ <Expandable Width="0" Background="DimGrey">
+ <Expandable Width="0" Background="Yellow">
+ <Expandable Width="0" Background="Blue">
+ <Expandable Width="0" Background="Blue">
+ <Expandable Width="0" Background="Blue">
+ <Expandable Width="0" Background="Green">
+ <Label Background="Red"/>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/Group/0.crow b/Samples/common/ui/Interfaces/Group/0.crow
new file mode 100755
index 00000000..db09cab0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Group/0.crow
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<Group MinimumSize="50,50" Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ VerticalAlignment="Top"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ MinimumSize="10,10"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Group/1.crow b/Samples/common/ui/Interfaces/Group/1.crow
new file mode 100755
index 00000000..2d378d3d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Group/1.crow
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<Group Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Group/2.crow b/Samples/common/ui/Interfaces/Group/2.crow
new file mode 100755
index 00000000..721790d9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Group/2.crow
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<Group Background="DimGrey" Margin="10" Fit="true">
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Group/3.crow b/Samples/common/ui/Interfaces/Group/3.crow
new file mode 100755
index 00000000..bcb57b20
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Group/3.crow
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<Group Background="DimGrey" Margin="10" Width="70%" Height="50%">
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="100%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Left"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Bottom"
+ HorizontalAlignment="Right"
+ MinimumSize="10,10"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Group/4.crow b/Samples/common/ui/Interfaces/Group/4.crow
new file mode 100755
index 00000000..3e97341d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Group/4.crow
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<Group Background="DimGrey" Margin="10" Fit="true">
+ <Label Font="droid bold,40" Text="{fps}" Margin="10" Fit="true"/>
+ <Widget Margin="10" Width="20%" Height="20%" Background="SeaGreen"
+ VerticalAlignment="Top"
+ MinimumSize="10,10"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Splitter/1.crow b/Samples/common/ui/Interfaces/Splitter/1.crow
new file mode 100755
index 00000000..48c1ea1e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Splitter/1.crow
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<HorizontalStack Width="80%" Height="50%">
+ <Border Width="45%" CornerRadius="10" BorderWidth="1">
+ <VerticalStack>
+ <VerticalStack Height="45%">
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 1" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 2" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="true" Caption="Check 3" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 4" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ </VerticalStack>
+ <Splitter Thickness="3"/>
+ <VerticalStack Height="45%">
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 1" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 2" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="true" Caption="Check 3" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox Height="25%" IsChecked="false" Caption="Check 4" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ </VerticalStack>
+ </VerticalStack>
+ </Border>
+ <Splitter Thickness="3"/>
+ <Border Width="45%" CornerRadius="10" BorderWidth="1">
+ <VerticalStack Width="50%" Height="50%" Background="DimGrey">
+ <RadioButton IsChecked="false" Caption="Choice 1" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <RadioButton IsChecked="false" Caption="Choice 2" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <RadioButton IsChecked="true" Caption="Choice 3" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <RadioButton IsChecked="false" Caption="Choice 4" Background="hgradient|0:DarkRed|1:Transparent"/>
+ </VerticalStack>
+ </Border>
+ <Splitter Thickness="3"/>
+</HorizontalStack>
diff --git a/Samples/common/ui/Interfaces/Splitter/3.crow b/Samples/common/ui/Interfaces/Splitter/3.crow
new file mode 100755
index 00000000..9a288963
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Splitter/3.crow
@@ -0,0 +1,44 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true">
+ <Widget CornerRadius="5" Height="10" Width="600" Background="vgradient|0:Transparent|0.5:White|1:Transparent"/>
+ <HorizontalStack Fit="true" HorizontalAlignment="Left">
+ <Border Fit="true" CornerRadius="10" BorderWidth="1">
+ <VerticalStack Margin="10">
+ <CheckBox IsChecked="false" Caption="Check 1" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox IsChecked="false" Caption="Check 2" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox IsChecked="true" Caption="Check 3" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ <CheckBox IsChecked="false" Caption="Check 4" Background="hgradient|0:LimeGreen|1:Transparent"/>
+ </VerticalStack>
+ </Border>
+ <Splitter/>
+ <Border Fit="true" CornerRadius="10" BorderWidth="1">
+ <VerticalStack Margin="10">
+ <RadioButton IsChecked="false" Caption="Choice 1" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <Splitter/>
+ <RadioButton Width="Stretched" IsChecked="false" Caption="Choice 2" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <RadioButton IsChecked="true" Caption="Choice 3" Background="hgradient|0:DarkRed|1:Transparent"/>
+ <RadioButton IsChecked="false" Caption="Choice 4" Background="hgradient|0:DarkRed|1:Transparent"/>
+ </VerticalStack>
+ </Border>
+ <Splitter Thickness="3" />
+ <Border Fit="true" CornerRadius="10" BorderWidth="1" MaximumSize="150,150" MinimumSize="50,50">
+ <VerticalStack Margin="10">
+ <Label Text="label 1" Background="hgradient|0:Blue|1:Transparent"/>
+ <Label Text="label 2" Background="hgradient|0:Blue|1:Transparent"/>
+ <Label Text="label 3" Background="hgradient|0:Blue|1:Transparent"/>
+ <Label Text="label 4" Width="Stretched" Background="hgradient|0:Blue|1:Transparent"/>
+ </VerticalStack>
+ </Border>
+ <Splitter/>
+ <Border Fit="true" CornerRadius="10" BorderWidth="1">
+ <VerticalStack Margin="10">
+ <Button Caption="Button 1" Background="hgradient|0:Red|1:DarkRed" CornerRadius="5"/>
+ <Button Caption="Button 2" Background="hgradient|0:Green|1:Blue" CornerRadius="3"/>
+ <Button Caption="Button 3" Background="hgradient|0:DarkRed|1:Transparent" CornerRadius="0"/>
+ <Button Caption="Button 4" Background="hgradient|0:DarkRed|1:Transparent" CornerRadius="8"/>
+ </VerticalStack>
+ </Border>
+ <Splitter/>
+ </HorizontalStack>
+ <Widget CornerRadius="5" Height="10" Width="600" Background="vgradient|0:Transparent|0.5:White|1:Transparent"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/0.crow b/Samples/common/ui/Interfaces/Stack/0.crow
new file mode 100755
index 00000000..e2ce6bb9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/0.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<VerticalStack MinimumSize="50,50" Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/0h.crow b/Samples/common/ui/Interfaces/Stack/0h.crow
new file mode 100755
index 00000000..af596cbc
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/0h.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<HorizontalStack MinimumSize="50,50" Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/1.crow b/Samples/common/ui/Interfaces/Stack/1.crow
new file mode 100755
index 00000000..4b89bead
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/1.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<VerticalStack Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="60%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/1h.crow b/Samples/common/ui/Interfaces/Stack/1h.crow
new file mode 100755
index 00000000..5fb05514
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/1h.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<HorizontalStack Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="60%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="20%" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/2.crow b/Samples/common/ui/Interfaces/Stack/2.crow
new file mode 100755
index 00000000..2498ee3e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/2.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<VerticalStack Background="DimGrey" Margin="10" Width="90%" Height="100%">
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/2h.crow b/Samples/common/ui/Interfaces/Stack/2h.crow
new file mode 100755
index 00000000..c72e9dab
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/2h.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<HorizontalStack Background="DimGrey" Margin="10" Width="90%" Height="100%">
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="10,10"/>
+ <Widget Margin="10" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="10,10"/>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/3.crow b/Samples/common/ui/Interfaces/Stack/3.crow
new file mode 100755
index 00000000..7aa7c9e7
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/3.crow
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<VerticalStack Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/3h.crow b/Samples/common/ui/Interfaces/Stack/3h.crow
new file mode 100755
index 00000000..2acdd49f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/3h.crow
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<HorizontalStack Background="DimGrey" Margin="10" Width="90%" Height="90%">
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Stretched" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+ <Widget Margin="1" Width="Stretched" Height="Fit" Background="SeaGreen"
+ MinimumSize="2,2"/>
+</HorizontalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Stack/4.crow b/Samples/common/ui/Interfaces/Stack/4.crow
new file mode 100755
index 00000000..33d57deb
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Stack/4.crow
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<VerticalStack>
+ <HorizontalStack Background="DimGrey" Margin="10" Width="90%" Height="20%">
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ </HorizontalStack>
+ <HorizontalStack Background="DimGrey" Margin="10" Width="Fit" Height="20%">
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Width="100%" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ <Label Font="droid bold, 20" Text="{fps}" Margin="5" Fit="true" Background="SeaGreen"/>
+ </HorizontalStack>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TabItem.template b/Samples/common/ui/Interfaces/TabItem.template
new file mode 100644
index 00000000..fd0f310d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TabItem.template
@@ -0,0 +1,24 @@
+<?xml version="1.0"?>
+<GenericStack Orientation="Vertical" Spacing="0"
+ Background="{./Background}"
+ MouseEnter="{/caption.Foreground=White}"
+ MouseLeave="{/caption.Foreground=Grey}">
+ <HorizontalStack Left="{./TabOffset}"
+ Name="TabTitle"
+ HorizontalAlignment="Left"
+ Height="{./TabHeight}"
+ Width="{./TabWidth}">
+ <Label Name="caption" Text="{./Caption}" Foreground="Grey" Width="Stretched"/>
+ <Label Text="{./ViewIndex}" Foreground="Green"/>
+ <Label Text="{./TabOffset}" Foreground="Red"/>
+ <Border CornerRadius="5" BorderWidth="1" Foreground="Transparent" Height="12" Width="12"
+ MouseEnter="{Foreground=White}" MouseLeave="{Foreground=Transparent}">
+ <Image Focusable="true" Name="Image" Margin="0" Width="Stretched" Height="Stretched" Path="#Crow.Icons.exit2.svg"
+ MouseClick="./butCloseTabClick"/>
+ </Border>
+ </HorizontalStack>
+ <Container Margin="20">
+ <Container Background="DimGrey" Name="Content"/>
+ </Container>
+</GenericStack>
+
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/0.crow b/Samples/common/ui/Interfaces/TemplatedContainer/0.crow
new file mode 100755
index 00000000..5b267402
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/0.crow
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<Expandable Fit="true" Caption="Test expandable" Background="DimGrey">
+ <VerticalStack Margin="5" >
+ <CheckBox Name="chk1" />
+ <CheckBox Name="chk2" IsChecked="true"/>
+ <CheckBox Name="chk3" />
+ <CheckBox Name="chk4" />
+ <HorizontalStack Fit="true" Margin="2" Background="SeaGreen">
+ <Label Name="captionFps" Text="Fps:" Width="30" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="Fit" TextAlignment="Center" Background="SeaGreen"/>
+ </HorizontalStack>
+ </VerticalStack>
+</Expandable>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/6.crow b/Samples/common/ui/Interfaces/TemplatedContainer/6.crow
new file mode 100755
index 00000000..641d58f9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/6.crow
@@ -0,0 +1,21 @@
+<Expandable Width="Stretched" Background="Grey">
+ <Expandable Width="Stretched" Background="LightBlue">
+ <Expandable Width="Stretched" Background="Green">
+ <Expandable Width="Stretched" Background="LimeGreen">
+ <Expandable Width="Stretched" Background="DimGrey">
+ <Expandable Width="Stretched" Background="Yellow">
+ <Expandable Width="Stretched" Background="SeaGreen">
+ <Expandable Width="Stretched" Background="Blue">
+ <Expandable Width="Stretched" Background="RoyalBlue">
+ <Expandable Width="Stretched" Background="Green">
+ <Label Background="Red" Text="{fps}"/>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/7.crow b/Samples/common/ui/Interfaces/TemplatedContainer/7.crow
new file mode 100755
index 00000000..99a75079
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/7.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<VerticalStack Height="Fit" Width="Fit">
+ <Label Width="Stretched"/>
+ <Expandable Width="Fit" Background="Grey">
+ <Expandable Background="LightBlue">
+ <Expandable Background="Green">
+ <Expandable Background="LimeGreen">
+ <Expandable Background="DimGrey">
+ <Expandable Width="Stretched" Background="Yellow">
+ <Expandable Background="SeaGreen">
+ <Expandable Width="Stretched" Background="Blue">
+ <Expandable Width="Stretched" Background="RoyalBlue">
+ <Expandable Width="Stretched" Background="Green">
+ <Label Background="Red" Text="{fps}"/>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+ </Expandable>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testGroupBox.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testGroupBox.crow
new file mode 100755
index 00000000..48581803
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testGroupBox.crow
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<!--<Container Background="vgradient|0:DarkGrey|1:DimGrey">-->
+ <GroupBox Fit="true" Background="vgradient|0:SteelBlue|1:Transparent"
+ Foreground="White">
+<!-- <Label/>-->
+ </GroupBox>
+<!--</Container>-->
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testMsgBox.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testMsgBox.crow
new file mode 100755
index 00000000..d60c281e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testMsgBox.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<MessageBox Caption="message" Message="this is a message box"/>
+<!-- Ok="onMsgBoxOk"
+ Cancel="onMsgBoxCancel"/>--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testPopper.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testPopper.crow
new file mode 100755
index 00000000..beac8734
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testPopper.crow
@@ -0,0 +1,27 @@
+<?xml version="1.0"?>
+<VerticalStack>
+ <Border Fit="true" Margin="10">
+ <VerticalStack Width="150" Height="Fit">
+ <RadioButton Caption="Left" IsChecked="true" Checked="change_alignment"/>
+ <RadioButton Caption="Right" Checked="change_alignment"/>
+ <RadioButton Caption="Top" Checked="change_alignment"/>
+ <RadioButton Caption="Bottom" Checked="change_alignment"/>
+ </VerticalStack>
+ </Border>
+ <Widget Height="200"/>
+ <Popper Caption="TestPopper" Width="100" Background="DimGrey" PopDirection="{alignment}">
+ <Border Fit="True" Background="SteelBlue">
+ <Image Fit="true" Path="#Crow.Icons.crow.svg" Margin="10"/>
+ <VerticalStack Fit="true" Margin="10" Background="CornflowerBlue">
+ <CheckBox Name="chk1" Background="Red"/>
+ <CheckBox Name="chk2" IsChecked="true"/>
+ <CheckBox Name="chk3"/>
+ <CheckBox Name="chk4"/>
+ <HorizontalStack Fit="true" Margin="20">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center" Background="SeaGreen"/>
+ </HorizontalStack>
+ </VerticalStack>
+ </Border>
+ </Popper>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testTabView.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testTabView.crow
new file mode 100644
index 00000000..e3717c82
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testTabView.crow
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Group Height="90%" Width="95%">
+<VerticalStack >
+ <HorizontalStack Height="Fit">
+ <Label Text="Selected Tab:"/>
+ <Label Text="{../../tabview1.SelectedTab}"/>
+ </HorizontalStack>
+ <TabView Name="tabview1" Background="DimGrey" Orientation="Horizontal">
+ <TabItem Name="TabItem1" Caption="tab item 1" Background="DimGrey">
+ <VerticalStack Margin="20">
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="tab item 2" Background="DimGrey">
+ <VerticalStack Height="Fit" Margin="10">
+ <RadioButton Fit="true"/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem3" Background="DimGrey" Caption="tab item 3">
+ <Container Margin="5" CornerRadius="2" >
+ <TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+ </Container>
+ </TabItem>
+ <TabItem Name="TabItem4" Background="DimGrey" Caption="tab item 4" Margin="0">
+ <TextBox/>
+ </TabItem>
+ </TabView>
+ <Button Background="vgradient|0:DimGrey|1:Black" HorizontalAlignment="Right"
+ Caption="Add new tab" Width="Fit" Height="30" MouseDown="onAddTabButClick"/>
+</VerticalStack>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testTabView2.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testTabView2.crow
new file mode 100644
index 00000000..67b87b07
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testTabView2.crow
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<HorizontalStack Height="90%" Width="99%" Spacing="50">
+ <VerticalStack Width="40%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Selected Tab:"/>
+ <Label Text="{../../tabview1.SelectedTab}"/>
+ </HorizontalStack>
+ <TabView Name="tabview1" Background="DimGrey" Orientation="Horizontal" Margin="5" >
+ <TabItem Name="TabItem1" Caption="tab-1.1" Background="DimGrey">
+ <VerticalStack Margin="20">
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="tab-1.2" Background="DimGrey">
+ <VerticalStack Height="Fit" Margin="10">
+ <RadioButton Fit="true"/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem3" Background="DimGrey" Caption="tab-1.3">
+ <Container Margin="5" CornerRadius="2" >
+ <TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+ </Container>
+ </TabItem>
+ </TabView>
+ <Button Background="vgradient|0:DimGrey|1:Black" HorizontalAlignment="Right"
+ Caption="Add new tab" Width="Fit" Height="30" MouseDown="onAddTabButClick"/>
+ </VerticalStack>
+ <VerticalStack Width="40%">
+ <HorizontalStack Height="Fit">
+ <Label Text="Selected Tab:"/>
+ <Label Text="{../../tabview2.SelectedTab}"/>
+ </HorizontalStack>
+ <TabView Name="tabview2" Background="DimGrey" Orientation="Horizontal" >
+ <TabItem Name="TabItem1" Caption="tab-2.1" Background="DimGrey">
+ <VerticalStack Margin="20">
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="tab-2.2" Background="DimGrey">
+ <VerticalStack Height="Fit" Margin="10">
+ <RadioButton Fit="true"/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem3" Background="DimGrey" Caption="tab-2.3">
+ <Container Margin="5" CornerRadius="2" >
+ <TextBox Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+ </Container>
+ </TabItem>
+ </TabView>
+ <Button Background="vgradient|0:DimGrey|1:Black" HorizontalAlignment="Right"
+ Caption="Add new tab" Width="Fit" Height="30" MouseDown="onAddTabButClick2"/>
+ </VerticalStack>
+</HorizontalStack>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testTreeView.crow b/Samples/common/ui/Interfaces/TemplatedContainer/testTreeView.crow
new file mode 100755
index 00000000..099ce66d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testTreeView.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Border Margin="5" Height="90%" Width="50%">
+ <DirectoryView Name="dv" CurrentDirectory="/" Margin="1"/>
+</Border> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testWindow.goml b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow.goml
new file mode 100755
index 00000000..e42a5c9f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow.goml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<Window Left="10" Top="10" Caption="Test window"
+ Width="250" Height="550" >
+ <VerticalStack Name="contentVSStack" Margin="10" Spacing="10" Background="0.4,0.4,0.4,0.4">
+ <Slider Name="slider" Height="12" Width="Stretched" CornerRadius="3"/>
+ <GroupBox Caption="test" Height="Fit" Width="Stretched" Margin="5">
+ <VerticalStack Height="Fit" Width="Stretched" >
+ <RadioButton Caption="Radio 1" Background="Red" Width="Stretched"/>
+ <RadioButton Caption="Radio 2" IsChecked="true" />
+ <RadioButton Caption="Radio 3" />
+ <RadioButton Caption="Radio 1" Background="SkyBlue" Width="Stretched"/>
+ </VerticalStack>
+ </GroupBox>
+ <HorizontalStack Width="Stretched" Height="Fit" Margin="10" CornerRadius="5" Background="SkyBlue">
+ <RadioButton Width="80" Height="Fit" Caption="Radio 2" IsChecked="true" />
+ <Widget Width="Stretched"/>
+ <RadioButton Width="80" Height="Fit" Caption="Radio 3" />
+ </HorizontalStack>
+ <HorizontalStack Width="Stretched" Height="Stretched" MinimumSize="10,40" Margin="0" CornerRadius="5"
+ Background="vgradient|0:White|0.1:SteelBlue|0.9:SteelBlue|1:Transparent">
+ <CheckBox Height="Fit" Width="80"/>
+ <Widget Width="Stretched"/>
+ <CheckBox Height="Fit" Width="80" IsChecked="true"/>
+ </HorizontalStack>
+ <Border Fit="true" CornerRadius="5" BorderWidth="1" >
+ <Container Name="MainGrp" Background="0.5,0.5,0.5,0.4" Width="120" Fit="true"
+ Margin="10" Focusable="True" >
+ <VerticalStack Fit="true" Name="vsFps" Spacing="10" >
+ <HorizontalStack Fit="true">
+ <Label Text="Layouting:" Width="50" TextAlignment="Right"/>
+ <Label Name="labLayouting" Text="{layouting}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Clipping:" Width="50" TextAlignment="Right"/>
+ <Label Text="{update}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Drawing:" Width="50" TextAlignment="Right"/>
+ <Label Name="labDrawing" Text="{drawing}" Font="droid,12" Width="80" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Name="captionFps" Text="Fps:" Width="50" TextAlignment="Right"/>
+ <Label Name="valueFps" Text="{fps}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Min:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMin}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ <HorizontalStack Fit="true">
+ <Label Text="Max:" Width="50" TextAlignment="Right"/>
+ <Label Text="{fpsMax}" Font="droid , 12" Width="50" TextAlignment="Center"
+ Background="vgradient|0:SeaGreen|1:Black"/>
+ </HorizontalStack>
+ </VerticalStack>
+ </Container>
+ </Border>
+ <HorizontalStack Fit="true" Background="RoyalBlue" Margin="3">
+ <Widget Margin="10" Background="LimeGreen" Width="5" Height="5"/>
+ <TextBox Font="droid, 16" Multiline="true" Text="this is a test\nmultiline" Margin="2"/>
+ <Widget Margin="10" Background="LimeGreen" Width="5" Height="5"/>
+ </HorizontalStack>
+ </VerticalStack>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testWindow2.goml b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow2.goml
new file mode 100755
index 00000000..cf88e8cb
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow2.goml
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<Window Focusable="true" Caption="Measures" Width="30%" Height="Fit" MinimumSize="100,100">
+ <VerticalStack Width="90%" Height="Fit" Spacing="1" Margin="10">
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="FpsLabel"/>
+ <Label Text="{fps}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="FpsLabel"/>
+ <Label Text="{fpsMin}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="FpsLabel"/>
+ <Label Text="{fpsMax}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="FpsLabel"/>
+ <Label Text="{update}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="FpsLabel"/>
+ <Label Text="{layouting}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Clipping:" Style="FpsLabel"/>
+ <Label Text="{clipping}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="FpsLabel"/>
+ <Label Text="{drawing}" Style="FpsDisp"/>
+ </HorizontalStack>
+ </VerticalStack>
+</Window>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/testWindow3.goml b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow3.goml
new file mode 100755
index 00000000..869615bf
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/testWindow3.goml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<Window Left="10" Top="10" Caption="Test window" Width="200" Height="200" Background="0.5,0.5,0.5,0.8"
+ Focusable="True" CornerRadius="20" MinimumSize="100,100" MaximumSize="500,500">
+ <Template>
+ <Container Margin="20" Name="Content" Height="{../HeightPolicy}" Width="{../WidthPolicy}" Background="0.5,0.5,0.5,0.5"/>
+ </Template>
+<!-- <Group Background="Green">-->
+ <Widget Height="50" Width="50" Background="Red" Margin="5"/>
+<!-- <Scrollbar Orientation="Vertical" Height="Stretched" Width="10" Background="Blue" Margin="0" HorizontalAlignment="Right"/>-->
+<!-- </Group>-->
+</Window>
diff --git a/Samples/common/ui/Interfaces/TemplatedContainer/test_Listbox.crow b/Samples/common/ui/Interfaces/TemplatedContainer/test_Listbox.crow
new file mode 100755
index 00000000..47adb8ce
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedContainer/test_Listbox.crow
@@ -0,0 +1,13 @@
+<?xml version="1.0"?>
+<!--<ListBox Data="{TestList}" Focusable="true"/>-->
+<Border Margin="50">
+ <VerticalStack >
+ <Label Text="{../ColorList.SelectedItem}" Background="DarkGreen"/>
+ <Label Text="{Hover}" Background="DarkGreen"/>
+ <Button Caption="Clear" Width="Stretched" MouseClick="OnClear"/>
+ <ListBox Name="ColorList" Data="{TestList}" Width="200" Height="200"
+ ItemTemplate="#Tests.Interfaces.colorItem.crow">
+ </ListBox>
+ <Button Caption="Load list" Width="Stretched" MouseClick="OnLoadList"/>
+ </VerticalStack>
+</Border> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testButton.crow b/Samples/common/ui/Interfaces/TemplatedControl/testButton.crow
new file mode 100755
index 00000000..8911619d
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testButton.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" Background="vgradient|0:DimGrey|1:Black">
+ <HorizontalStack Fit="True">
+ <Button Caption="but" MouseClick="onButClick"/>
+ <Button Caption="but" MouseClick="onButClick" Fit="true"/>
+ <Button Width="60" Height="40" MouseClick="onButClick"/>
+ <Button Caption="Long text button" MouseClick="onButClick"/>
+ <Button Font="droid, 20" Caption="Button"/>
+ </HorizontalStack>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testCheckbox.crow b/Samples/common/ui/Interfaces/TemplatedControl/testCheckbox.crow
new file mode 100755
index 00000000..7c8438c0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testCheckbox.crow
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+<VerticalStack Fit="true" Margin="100" Background="DimGrey" >
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+ <CheckBox Background="Grey" MouseEnter="{Background=Red}" MouseLeave="{Background=Transparent}"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testCombobox.crow b/Samples/common/ui/Interfaces/TemplatedControl/testCombobox.crow
new file mode 100755
index 00000000..4363986e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testCombobox.crow
@@ -0,0 +1,4 @@
+<?xml version="1.0"?>
+<Container Background="DimGrey" Width="300">
+ <ComboBox Data="{TestList}" ItemTemplate="#Tests.Interfaces.colorItem.crow"/>
+</Container> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testItemTemplateTag.crow b/Samples/common/ui/Interfaces/TemplatedControl/testItemTemplateTag.crow
new file mode 100755
index 00000000..b29be381
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testItemTemplateTag.crow
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<Border BorderWidth="2" Fit="true">
+ <VerticalStack Fit="true" Margin="5">
+ <ListBox Data="{TestList}" Background="0.5,0.5,0.5,0.7"
+ HorizontalAlignment="Center" Width="200" Height="200" Margin="5">
+ <Template>
+ <Border BorderWidth="1">
+ <HorizontalStack Margin="1">
+ <Scroller Name="scroller1" Margin="2">
+ <VerticalStack Height="Fit" MinimumSize="10,10"
+ Name="ItemsContainer" Margin="0" VerticalAlignment="Top"/>
+ </Scroller>
+ <ScrollBar Name="scrollbar1" Value="{²../scroller1.ScrollY}"
+ LargeIncrement="{../scroller1.PageHeight}" SmallIncrement="30" CursorSize="{../scroller1.ChildHeightRatio}"
+ Maximum="{../scroller1.MaxScrollY}" Orientation="Vertical"
+ Width="14" />
+ </HorizontalStack>
+ </Border>
+ </Template>
+ <ItemTemplate DataType="Crow.Color">
+ <HorizontalStack
+ HorizontalAlignment="Left"
+ Height="Fit" Width="200" Margin="1" Focusable="true"
+ MouseEnter="{Background=hgradient|0:DarkRed|1:Transparent}"
+ MouseLeave="{Background=Transparent}">
+ <Widget Height="12" Width="20" Background="{}" Margin="0" CornerRadius="3"/>
+ <Label Text="{}" Margin="0" Width="Stretched"/>
+ </HorizontalStack>
+ </ItemTemplate>
+ </ListBox>
+ <HorizontalStack Fit="true" HorizontalAlignment="Right">
+ <Button Caption="Load list" MouseDown="OnLoadList"/>
+ <Button Caption="Clear" MouseDown="OnClear"/>
+ </HorizontalStack>
+ </VerticalStack>
+</Border>
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testRadioButton.crow b/Samples/common/ui/Interfaces/TemplatedControl/testRadioButton.crow
new file mode 100755
index 00000000..a01d9041
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testRadioButton.crow
@@ -0,0 +1,7 @@
+<?xml version="1.0"?>
+<VerticalStack Width="200" Height="Fit" Margin="20" Background="DimGrey">
+ <RadioButton Caption="Radio1"/>
+ <RadioButton Caption="Radio2" IsChecked="true"/>
+ <RadioButton Caption="Radio3"/>
+ <RadioButton Caption="Radio4"/>
+</VerticalStack>
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testScrollbar.crow b/Samples/common/ui/Interfaces/TemplatedControl/testScrollbar.crow
new file mode 100755
index 00000000..f8c4a9ae
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testScrollbar.crow
@@ -0,0 +1,5 @@
+<?xml version="1.0"?>
+<Group Name="TopContainer" Width="400" Height="400"
+ Focusable="True" Background="Grey">
+ <ScrollBar Height="16" Orientation="Horizontal" Width="Stretched" Maximum="100"/>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedControl/testSpinner.crow b/Samples/common/ui/Interfaces/TemplatedControl/testSpinner.crow
new file mode 100755
index 00000000..bff7eab9
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedControl/testSpinner.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<VerticalStack Name="TopContainer" Width="400" Height="Fit"
+ Margin="20" Background="DarkGrey">
+
+ <HorizontalStack Fit="true" Margin="5" Background="SkyBlue">
+ <Spinner Name="sp1" Value="5" ValueChanged="onSpinnerValueChange"/>
+ <Spinner Value="5" Width="60"/>
+ <Spinner Value="5"/>
+ </HorizontalStack>
+</VerticalStack> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedGroup/0.crow b/Samples/common/ui/Interfaces/TemplatedGroup/0.crow
new file mode 100755
index 00000000..92cd224b
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedGroup/0.crow
@@ -0,0 +1,28 @@
+<?xml version="1.0"?>
+<Menu>
+ <MenuItem Caption="File" Width="Fit">
+ <MenuItem Caption="New" />
+ <MenuItem Caption="Open"/>
+ <MenuItem Caption="Save"/>
+ <MenuItem Caption="Quit"/>
+ </MenuItem>
+ <MenuItem Caption="Edit" Name="edit" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ <MenuItem Caption="Special" Name="special" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ </MenuItem>
+ <MenuItem Caption="Special2" Name="special" Width="Fit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ </MenuItem>
+ </MenuItem>
+ <MenuItem Caption="Help" Width="Fit">
+ <MenuItem Caption="About"/>
+ <MenuItem Caption="Help"/>
+ </MenuItem>
+</Menu> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TemplatedGroup/1.crow b/Samples/common/ui/Interfaces/TemplatedGroup/1.crow
new file mode 100755
index 00000000..f47e7aa0
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedGroup/1.crow
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+<Menu>
+ <MenuItem Caption="File">
+ <MenuItem Caption="New"/>
+ <MenuItem Caption="Open"/>
+ <MenuItem Caption="Save"/>
+ <MenuItem Caption="Quit"/>
+ </MenuItem>
+</Menu>
diff --git a/Samples/common/ui/Interfaces/TemplatedGroup/2.crow b/Samples/common/ui/Interfaces/TemplatedGroup/2.crow
new file mode 100755
index 00000000..8d25db5a
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TemplatedGroup/2.crow
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<Menu>
+ <MenuItem Caption="Menu">
+ <MenuItem Caption="File">
+ <MenuItem Caption="New"></MenuItem>
+ <MenuItem Caption="Open"></MenuItem>
+ <MenuItem Caption="Save"></MenuItem>
+ <MenuItem Caption="Quit"></MenuItem>
+ </MenuItem>
+ <MenuItem Caption="Edit">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ <MenuItem Caption="Special">
+ <MenuItem Caption="Cut"/>
+ <MenuItem Caption="Copy"/>
+ <MenuItem Caption="Paste"/>
+ </MenuItem>
+ </MenuItem>
+ <MenuItem Caption="Help">
+ <MenuItem Caption="About"/>
+ <MenuItem Caption="Help"/>
+ </MenuItem>
+ </MenuItem>
+</Menu> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/TmpExpandable.goml b/Samples/common/ui/Interfaces/TmpExpandable.goml
new file mode 100755
index 00000000..9dddcebb
--- /dev/null
+++ b/Samples/common/ui/Interfaces/TmpExpandable.goml
@@ -0,0 +1,12 @@
+<?xml version="1.0"?>
+<!--<VerticalStack Height="{../HeightPolicy}" Width="{../WidthPolicy}" MouseClick="../onMouseClick">
+ <Label Text="{../../Caption}" Width="{../../WidthPolicy}"/>
+ <Container Name="Content" Visible="false" Height="{../../HeightPolicy}" Width="{../../WidthPolicy}"/>
+</VerticalStack>-->
+<Group BorderWidth="1" Foreground="LightGray"
+ MouseClick="../onMouseClick">
+ <VerticalStack>
+ <Label Text="{../../../Caption}"/>
+ <Container Name="Content" Visible="false"/>
+ </VerticalStack>
+</Group> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Wrapper/1.1.crow b/Samples/common/ui/Interfaces/Wrapper/1.1.crow
new file mode 100755
index 00000000..548aab39
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Wrapper/1.1.crow
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<Window Caption="Vertical Wrapper" Width="50%" Height="50%">
+ <Wrapper Orientation="Vertical" Height="Fit" Width="90%" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ </Wrapper>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Wrapper/1.crow b/Samples/common/ui/Interfaces/Wrapper/1.crow
new file mode 100755
index 00000000..58c79eea
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Wrapper/1.crow
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<Window Caption="Vertical Wrapper" Width="50%" Height="50%">
+ <Wrapper Orientation="Vertical" Height="Fit" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ </Wrapper>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Wrapper/2.1.crow b/Samples/common/ui/Interfaces/Wrapper/2.1.crow
new file mode 100755
index 00000000..2a352892
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Wrapper/2.1.crow
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
+ <Wrapper Orientation="Horizontal" Height="90%" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ </Wrapper>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Wrapper/2.2.crow b/Samples/common/ui/Interfaces/Wrapper/2.2.crow
new file mode 100755
index 00000000..4621c14e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Wrapper/2.2.crow
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
+ <Wrapper HorizontalAlignment="Left" Orientation="Horizontal" Height="100%" Width="Fit" Margin="0" Background="MediumSeaGreen" Spacing="1" >
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ </Wrapper>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Wrapper/2.crow b/Samples/common/ui/Interfaces/Wrapper/2.crow
new file mode 100755
index 00000000..c1f234eb
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Wrapper/2.crow
@@ -0,0 +1,14 @@
+<?xml version="1.0"?>
+<Window Caption="Horizontal Wrapper" Width="50%" Height="50%">
+ <Wrapper Orientation="Horizontal" Height="Fit" Width="Fit" Margin="5" Background="MediumSeaGreen" Spacing="1" >
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50%" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ <Widget Width="50" Height="50%" Background="SeaGreen"/>
+ <Widget Width="50" Height="50" Background="SeaGreen"/>
+ </Wrapper>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/basicTests/7.crow b/Samples/common/ui/Interfaces/basicTests/7.crow
new file mode 100755
index 00000000..21f75fe1
--- /dev/null
+++ b/Samples/common/ui/Interfaces/basicTests/7.crow
@@ -0,0 +1,144 @@
+<?xml version="1.0"?>
+<Window Title="Showcase" Height="90%" Width="90%">
+ <HorizontalStack >
+ <VerticalStack Width="33%" Margin="5">
+ <GroupBox Caption="Performance" Height="Fit">
+ <VerticalStack Width="90%" Height="Fit" Spacing="2" >
+ <HorizontalStack Height="Fit">
+ <Label Text="Fps:" Style="FpsLabel"/>
+ <Label Text="{fps}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Min:" Style="FpsLabel"/>
+ <Label Text="{fpsMin}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Max:" Style="FpsLabel"/>
+ <Label Text="{fpsMax}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Update:" Style="FpsLabel"/>
+ <Label Text="{update}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Layouting:" Style="FpsLabel"/>
+ <Label Text="{layouting}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Clipping:" Style="FpsLabel"/>
+ <Label Text="{clipping}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit">
+ <Label Text="Drawing:" Style="FpsLabel"/>
+ <Label Text="{drawing}" Style="FpsDisp"/>
+ </HorizontalStack>
+ </VerticalStack>
+ </GroupBox>
+ <Label Width="Stretched" Margin="3" Background="Onyx"/>
+ <TextBox Text="TextBox" Multiline="true" Margin="3"/>
+ <HorizontalStack Height="Fit" Margin="5" Background="Onyx" CornerRadius="10">
+ <VerticalStack Spacing="5" Width="50%">
+ <CheckBox Fit="true"/>
+ <CheckBox Fit="true"/>
+ <CheckBox Fit="true"/>
+ <CheckBox Fit="true"/>
+ </VerticalStack>
+ <VerticalStack Spacing="5" Width="50%">
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true"/>
+ <RadioButton Fit="true"/>
+ </VerticalStack>
+ </HorizontalStack>
+ <HorizontalStack Height="Fit" Margin="5">
+ <Label Text="MouseEvents" Width="50%" Margin="3"
+ Background="Onyx"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"
+ MouseDown="{Background=DarkRed}"
+ MouseUp="{Background=Onyx}"/>
+ <Label Text="MouseEvents" Width="50%" Margin="3"
+ Background="Onyx"
+ Foreground="DimGrey"
+ TextAlignment="Center"
+ MouseEnter="{Foreground=White}"
+ MouseLeave="{Foreground=DimGrey}"
+ MouseDown="{Background=Mantis}"
+ MouseUp="{Background=Onyx}"/>
+ </HorizontalStack>
+ <GroupBox Caption="Templated controls" Height="Fit" Margin="5">
+ <HorizontalStack Height="Fit">
+ <VerticalStack Width="50%">
+ <CheckBox Template="#Tests.Interfaces.CheckBox2.imlt" Style="CheckBox2"/>
+ <CheckBox Template="#Tests.Interfaces.CheckBox2.imlt" Style="CheckBox2"/>
+ <CheckBox Template="#Tests.Interfaces.CheckBox2.imlt" Style="CheckBox2"/>
+ <CheckBox Template="#Tests.Interfaces.CheckBox2.imlt" Style="CheckBox2"/>
+ </VerticalStack>
+ <Splitter/>
+ <VerticalStack Width="50%">
+ <RadioButton Template="#Tests.Interfaces.CheckBox2.imlt" Style="RadioButton2"/>
+ <RadioButton Template="#Tests.Interfaces.CheckBox2.imlt" Style="RadioButton2"/>
+ <RadioButton Template="#Tests.Interfaces.CheckBox2.imlt" Style="RadioButton2"/>
+ <RadioButton Template="#Tests.Interfaces.CheckBox2.imlt" Style="RadioButton2"/>
+ </VerticalStack>
+ </HorizontalStack>
+ </GroupBox>
+ <Spinner Fit="true"/>
+ </VerticalStack>
+ <VerticalStack Width="33%" Margin="5" Spacing="5">
+ <Expandable Background="DimGrey">
+ <Image Path="#Crow.Icons.crow.svg"/>
+ </Expandable>
+ <Popper Background="DimGrey" PopDirection="Bottom">
+ <Border Fit="True" Background="DimGrey" CornerRadius="0" BorderWidth="1">
+ <Image Path="#Crow.Icons.crow.svg" Width="100" Height="100" Margin="10"
+ MouseEnter="{Background=LightGrey}"
+ MouseLeave="{Background=Transparent}"/>
+ </Border>
+ </Popper>
+ <Slider Height="10" Width="90%"/>
+ <Container Height="Fit" Background="Onyx" Margin="2" CornerRadius="5">
+ <ProgressBar Background="DimGrey" Height="10" Value="50"/>
+ </Container>
+ <Image Path="#Crow.Icons.crow.svg" Width="60" Height="60" Background="LightGrey" />
+ <TabView Name="tabview1"
+ Height="120" Orientation="Horizontal" Spacing="15">
+ <TabItem Name="TabItem1" Caption="Tab 1" Margin="0">
+ <VerticalStack Fit="true">
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ <CheckBox/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="Tab 2" Background="Grey">
+ <VerticalStack Fit="true">
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ <RadioButton/>
+ </VerticalStack>
+ </TabItem>
+ <TabItem Name="TabItem2" Caption="Tab 3" Background="Grey">
+ <Container Margin="5" CornerRadius="2">
+ <TextBox Height="Stretched" Margin="5" Multiline="true" TextAlignment="TopLeft"/>
+ </Container>
+ </TabItem>
+ </TabView>
+ <MessageBox Movable="false"/>
+ </VerticalStack>
+ <VerticalStack Width="33%" Margin="5">
+ <Border Margin="5" Background="Onyx" Height="Fit">
+ <Label Width="Stretched" Margin="1" Text="{../../dv.SelectedItem}"/>
+ </Border>
+ <Border Margin="5" Background="Onyx" Height="50%">
+ <DirectoryView Name="dv" Root="./" Margin="1"/>
+ </Border>
+ <ListBox Data="{TestList}" Background="Onyx" Margin="5"
+ ItemTemplate="#Tests.Interfaces.colorItem.crow"
+ Template="#Crow.Templates.ScrollingListBox.goml"/>
+ </VerticalStack>
+ </HorizontalStack>
+</Window> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/colorItem.crow b/Samples/common/ui/Interfaces/colorItem.crow
new file mode 100755
index 00000000..30bfe3d3
--- /dev/null
+++ b/Samples/common/ui/Interfaces/colorItem.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<Border Foreground="Transparent" Focusable="true" HorizontalAlignment="Left" Height="Fit" Width="200">
+ <HorizontalStack Margin="0"
+ MouseEnter="{Background=hgradient|0:DarkRed|1:Transparent}"
+ MouseLeave="{Background=Transparent}">
+ <Widget Height="12" Width="20" Background="{}" Margin="0" CornerRadius="3"/>
+ <Label Text="{}" Margin="0" Width="Stretched"/>
+ </HorizontalStack>
+</Border>
+
diff --git a/Samples/common/ui/Interfaces/colorItem2.crow b/Samples/common/ui/Interfaces/colorItem2.crow
new file mode 100755
index 00000000..83239b32
--- /dev/null
+++ b/Samples/common/ui/Interfaces/colorItem2.crow
@@ -0,0 +1,10 @@
+<?xml version="1.0"?>
+<Border Foreground="Transparent" Focusable="true" HorizontalAlignment="Left" Height="Fit">
+ <HorizontalStack Margin="0"
+ MouseEnter="{Background=CornflowerBlue}"
+ MouseLeave="{Background=Transparent}">
+ <Widget Height="8" Width="14" Background="{}" Margin="0" CornerRadius="2"/>
+ <Label Text="{}" Margin="0" Width="Stretched" Font="mono, 8"/>
+ </HorizontalStack>
+</Border>
+
diff --git a/Samples/common/ui/Interfaces/itemTmp.goml b/Samples/common/ui/Interfaces/itemTmp.goml
new file mode 100755
index 00000000..fadf5e63
--- /dev/null
+++ b/Samples/common/ui/Interfaces/itemTmp.goml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<Border BorderWidth="3">
+ <Label Text="{Name}" Focusable="true" Width="Stretched" Height="Fit" Margin="0"
+ MouseEnter="{Background=Red}"
+ MouseLeave="{Background=Transparent}"
+ />
+</Border>
+
diff --git a/Samples/common/ui/Interfaces/log.xml b/Samples/common/ui/Interfaces/log.xml
new file mode 100755
index 00000000..882028da
--- /dev/null
+++ b/Samples/common/ui/Interfaces/log.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Container Name="topContainer" HorizontalAlignment="Center" VerticalAlignment="Top"
+ Margin="2"
+ Width="600" Height="-1">
+ <Border Margin="2" BorderWidth="1" Background="0,6;0,6;0,6;0,6" Height="-1">
+ <Group Width="0" Name="logs">
+ <VerticalStack Name="VerticalStack" Width="0" Focusable="False">
+ <Label Name="line1" Width="0" Text="Line1" Margin="0"/>
+ <Label Name="line2" Width="0" Text="Line2" Margin="0"/>
+ <Label Name="line3" Width="0" Text="Line3" Margin="0"/>
+ <Label Name="line4" Width="0" Text="Line4" Margin="0"/>
+ </VerticalStack>
+ <Button Name="btOk" Background="Grey" Fit="True"
+ HorizontalAlignment="Right" VerticalAlignment="Bottom"
+ MouseClick="BtOk_MouseClick">
+ <Label Text="Ok" Margin="3" Foreground="White" />
+ </Button>
+ </Group>
+ </Border>
+</Container>
+
diff --git a/Samples/common/ui/Interfaces/perfMsr.crow b/Samples/common/ui/Interfaces/perfMsr.crow
new file mode 100755
index 00000000..22a62ea1
--- /dev/null
+++ b/Samples/common/ui/Interfaces/perfMsr.crow
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+
+ <VerticalStack Spacing="1" Height="Fit" Width="Stretched">
+ <HorizontalStack Background="DarkSlateGrey">
+ <Label Text="{Name}" Width="Stretched" Font="doid bold, 10" Margin="2"/>
+ <Button Caption="Reset" MouseClick="onResetClick" Height="Fit"/>
+ </HorizontalStack>
+ <HorizontalStack>
+ <Label Text="Current:" Style="FpsLabel"/>
+ <Label Text="{current}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack>
+ <Label Text="Minimum:" Style="FpsLabel"/>
+ <Label Text="{minimum}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack>
+ <Label Text="Mean:" Style="FpsLabel"/>
+ <Label Text="{mean}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack>
+ <Label Text="Maximum:" Style="FpsLabel"/>
+ <Label Text="{maximum}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <Border Foreground="White" Width="Stretched" Height="60">
+ <Trend Background="Black" NewValue="{current}" Minimum="0" Maximum="100"/>
+ </Border>
+<!-- <HorizontalStack>
+ <Label Text="Total:" Style="FpsLabel"/>
+ <Label Text="{total}" Style="FpsDisp"/>
+ </HorizontalStack>
+ <HorizontalStack>
+ <Label Text="Cpt:" Style="FpsLabel"/>
+ <Label Text="{cptMeasures}" Style="FpsDisp"/>
+ </HorizontalStack>-->
+ </VerticalStack>
+
diff --git a/Samples/common/ui/Interfaces/testMeter.goml b/Samples/common/ui/Interfaces/testMeter.goml
new file mode 100755
index 00000000..2c840a8e
--- /dev/null
+++ b/Samples/common/ui/Interfaces/testMeter.goml
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<AnalogMeter Width="Fit" Height="Fit" Background="White" Foreground="Black" Value="{fps}" Minimum="Stretched" Maximum="100"/> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/testWindow.goml.sav b/Samples/common/ui/Interfaces/testWindow.goml.sav
new file mode 100755
index 00000000..42b4b744
--- /dev/null
+++ b/Samples/common/ui/Interfaces/testWindow.goml.sav
@@ -0,0 +1,26 @@
+<?xml version="1.0"?>
+<!--<Group>-->
+<Window Name="window1" Left="10" Top="10" Title="Test window"
+ Width="250" Height="300" >
+ <VerticalStack Name="contentVSStack" Margin="10" Spacing="10">
+ <Slider Name="slider" Height="10" Width="0"/>
+
+ <HorizontalStack Width="0" Height="-1" Margin="10" Background="BlueCrayola">
+ <Checkbox Height="-1" Width="80"/>
+ <GraphicObject Width="0"/>
+ <Checkbox Height="-1" Width="80"/>
+ </HorizontalStack>
+ <Groupbox Text="test" Height="-1" Width="-1" Margin="5">
+ <VerticalStack Height="-1" Width="0" >
+ <RadioButton Caption="Radio 1" Background="Red" />
+ <RadioButton Caption="Radio 2" IsChecked="true" />
+ <RadioButton Caption="Radio 3" />
+ </VerticalStack>
+ </Groupbox>
+<!-- <Checkbox Height="-1" Width="-1" Background="Red" Margin="0" VerticalAlignment="Center" HorizontalAlignment="Right"/>-->
+ </VerticalStack>
+</Window>
+<!--</Group>-->
+<!-- <Label Text="{fps}" Background="DarkRed"/>
+ <Label Text="{fpsMin}" />
+ <Label Text="{fpsMax}" />--> \ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/tmpDirItem.goml b/Samples/common/ui/Interfaces/tmpDirItem.goml
new file mode 100755
index 00000000..41665d13
--- /dev/null
+++ b/Samples/common/ui/Interfaces/tmpDirItem.goml
@@ -0,0 +1,11 @@
+<?xml version="1.0"?>
+ <HorizontalStack Width="Fit" Height="Fit" Focusable="true"
+ HorizontalAlignment="Left"
+ MouseEnter="{Background=RoyalBlue}"
+ MouseLeave="{Background=Transparent}">
+ <Image Width="16" Height="16" Path="#Tests.image.folder1.svg" SvgSub="{Attributes}"/>
+ <Label Text="{Name}" Width="Fit" Height="Fit" Margin="0"/>
+ <Label Text="{Attributes}" Width="Fit" Height="Fit" Margin="0"/>
+ <Label Text="{Extension}" Width="Fit" Height="Fit" Margin="0"/>
+ </HorizontalStack>
+
diff --git a/Samples/common/ui/Interfaces/tmpMembers.goml b/Samples/common/ui/Interfaces/tmpMembers.goml
new file mode 100755
index 00000000..f48d8d68
--- /dev/null
+++ b/Samples/common/ui/Interfaces/tmpMembers.goml
@@ -0,0 +1,9 @@
+<?xml version="1.0"?>
+ <HorizontalStack Width="Stretched" Height="Fit" Focusable="true"
+ MouseEnter="{Background=SkyBlue}"
+ MouseLeave="{Background=Transparent}">
+ <Image Width="8" Height="8" Path="#Crow.Images.Icons.member.svg" SvgSub="{GetIcon}"/>
+ <Label Text="{Name}" Width="Stretched" Height="Fit" Margin="1"/>
+ <Label Text="{MemberType}" Width="Fit" Height="Fit" Margin="0"/>
+ </HorizontalStack>
+
diff --git a/Samples/common/ui/Interfaces/treeList.crow b/Samples/common/ui/Interfaces/treeList.crow
new file mode 100755
index 00000000..ca59c17f
--- /dev/null
+++ b/Samples/common/ui/Interfaces/treeList.crow
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<VerticalStack Height="Fit" Name="List"/> \ No newline at end of file