public Docking(Base parent)
: base(parent)
{
font = Skin.DefaultFont.Copy();
font.Size = 20;
outer = new Control.Label(this);
outer.SetBounds(10, 10, 400, 400);
Control.Label inner1 = new Control.Label(outer);
inner1.Text = "1";
inner1.Font = font;
inner1.SetSize(100, 100);
inner1.Dock = Pos.Left;
Control.Label inner2 = new Control.Label(outer);
inner2.Text = "2";
inner2.Font = font;
inner2.SetSize(100, 100);
inner2.Dock = Pos.Top;
Control.Label inner3 = new Control.Label(outer);
inner3.Text = "3";
inner3.Font = font;
inner3.SetSize(100, 100);
inner3.Dock = Pos.Right;
Control.Label inner4 = new Control.Label(outer);
inner4.Text = "4";
inner4.Font = font;
inner4.SetSize(100, 100);
inner4.Dock = Pos.Bottom;
Control.Label inner5 = new Control.Label(outer);
inner5.Text = "5";
inner5.Font = font;
inner5.SetSize(100, 100);
inner5.Dock = Pos.Fill;
outer.DrawDebugOutlines = true;
inner1.UserData.Add("test", CreateControls(inner1, 0, "Control 1", 440, 10));
inner2.UserData.Add("test", CreateControls(inner2, 1, "Control 2", 650, 10));
inner3.UserData.Add("test", CreateControls(inner3, 2, "Control 3", 440, 170));
inner4.UserData.Add("test", CreateControls(inner4, 3, "Control 4", 650, 170));
inner5.UserData.Add("test", CreateControls(inner5, 4, "Control 5", 440, 330));
Control.Label l_padding = new Control.Label(this);
l_padding.Text = "Padding:";
l_padding.SetSize(50, 15);
Align.PlaceDownLeft(l_padding, outer, 20);
Control.HorizontalSlider padding = new Control.HorizontalSlider(this);
padding.Min = 0;
padding.Max = 200;
padding.Value = 10;
padding.SetSize(100, 20);
padding.ValueChanged += PaddingChanged;
Align.PlaceRightBottom(padding, l_padding);
//DrawDebugOutlines = true;
}
protected override void Layout(Skin.Base skin)
{
// ugly stuff because we don't have anchoring without docking (docking resizes children)
if (m_Label.Height > m_RadioButton.Height) // usually radio is smaller than label so it gets repositioned to avoid clipping with negative Y
{
m_RadioButton.Y = (m_Label.Height - m_RadioButton.Height) / 2;
}
Align.PlaceRightBottom(m_Label, m_RadioButton);
SizeToChildren();
base.Layout(skin);
}
public Window(Base parent)
: base(parent)
{
rand = new Random();
Control.Button button1 = new Control.Button(this);
button1.SetText("Open a Window");
button1.Clicked += OpenWindow;
Control.Button button2 = new Control.Button(this);
button2.SetText("Open a MessageBox");
button2.Clicked += OpenMsgbox;
Align.PlaceRightBottom(button2, button1, 10);
m_WindowCount = 1;
}
/// <summary>
/// Lays out the control's interior according to alignment, padding, dock etc.
/// </summary>
/// <param name="skin">Skin to use.</param>
protected override void Layout(Skin.SkinBase skin)
{
base.Layout(skin);
if (m_NeedsRebuild)
{
Rebuild();
}
// align bottoms. this is still not ideal, need to take font metrics into account.
ControlBase prev = null;
foreach (ControlBase child in Children)
{
if (prev != null && child.Y == prev.Y)
{
Align.PlaceRightBottom(child, prev);
}
prev = child;
}
}
Base CreateControls(Control.Base subject, int dock_idx, String name, int x, int y)
{
Control.GroupBox gb = new Control.GroupBox(this);
gb.SetBounds(x, y, 200, 150);
gb.Text = name;
Control.Label l_width = new Control.Label(gb);
l_width.SetSize(35, 15);
l_width.Text = "Width:";
Control.HorizontalSlider width = new HorizontalSlider(gb);
width.Name = "Width";
width.UserData.Add("test", subject);
width.Min = 50;
width.Max = 350;
width.Value = 100;
width.SetSize(55, 15);
width.ValueChanged += WidthChanged;
Align.PlaceRightBottom(width, l_width);
Control.Label l_height = new Control.Label(gb);
l_height.SetSize(35, 15);
l_height.Text = "Height:";
Align.PlaceRightBottom(l_height, width, 10);
Control.HorizontalSlider height = new Control.HorizontalSlider(gb);
height.Name = "Height";
height.UserData.Add("test", subject);
height.Min = 50;
height.Max = 350;
height.Value = 100;
height.SetSize(55, 15);
height.ValueChanged += HeightChanged;
Align.PlaceRightBottom(height, l_height);
Control.RadioButtonGroup dock = new RadioButtonGroup(gb, "Dock");
dock.UserData.Add("test", subject); // store control that we are controlling
dock.AddOption("Left");
dock.AddOption("Top");
dock.AddOption("Right");
dock.AddOption("Bottom");
dock.AddOption("Fill");
dock.SetSelection(dock_idx);
Align.PlaceDownLeft(dock, l_width, 5);
//dock.DrawDebugOutlines = true;
dock.Invalidate();
Control.Label l_margin = new Control.Label(gb);
l_margin.Text = "Margin:";
l_margin.SetBounds(75, 20, 35, 15);
//Align.PlaceRightBottom(l_margin, dock);
// can't use Align to anchor with 'dock' because radio group is resized only after layout ~_~
// this is become really cumbersome
//l_margin.DrawDebugOutlines = true;
Control.HorizontalSlider margin = new HorizontalSlider(gb);
margin.Name = "Margin";
margin.UserData.Add("test", subject);
margin.Min = 0;
margin.Max = 50;
margin.Value = 10;
margin.SetSize(55, 15);
margin.ValueChanged += MarginChanged;
Align.PlaceRightBottom(margin, l_margin);
dock.SelectionChanged += DockChanged;
return(gb);
}
