protected override async Task LoadContent()
{
await base.LoadContent();
var element1 = new Button { Name = "1", Width = 800, Height = 400, Content = new TextBlock { Font = Asset.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true } };
element1.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(100, 50, 0));
element1.DependencyProperties.Set(Panel.ZIndexPropertyKey, -1);
var element2 = new Button { Name = "2", Width = 400, Height = 200, Content = new TextBlock { Font = Asset.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true } };
element2.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(300, 150, 0));
element2.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
var element3 = new Button { Name = "3", Width = 400, Height = 200, Content = new TextBlock { Font = Asset.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true } };
element3.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(150, 225, 0));
element3.DependencyProperties.Set(Panel.ZIndexPropertyKey, 2);
var element4 = new Button { Name = "4", Width = 400, Height = 200, Content = new TextBlock { Font = Asset.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true } };
element4.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(450, 75, 0));
element4.DependencyProperties.Set(Panel.ZIndexPropertyKey, 0);
var canvas = new Canvas();
canvas.Children.Add(element1);
canvas.Children.Add(element2);
canvas.Children.Add(element3);
canvas.Children.Add(new Canvas { Children = { element4 } });
elements = new List<Button> { element1, element2, element3, element4 };
UIComponent.RootElement = canvas;
}
public void TestProperties()
{
var newElement = new Canvas();
// test default values
Assert.AreEqual(float.NaN, newElement.DependencyProperties.Get(RelativeSizePropertyKey).X);
Assert.AreEqual(float.NaN, newElement.DependencyProperties.Get(RelativeSizePropertyKey).Y);
Assert.AreEqual(float.NaN, newElement.DependencyProperties.Get(RelativeSizePropertyKey).Z);
Assert.AreEqual(Vector3.Zero, newElement.DependencyProperties.Get(RelativePositionPropertyKey));
Assert.AreEqual(Vector3.Zero, newElement.DependencyProperties.Get(AbsolutePositionPropertyKey));
Assert.AreEqual(Vector3.Zero, newElement.DependencyProperties.Get(PinOriginPropertyKey));
// test pin origin validator
newElement.DependencyProperties.Set(PinOriginPropertyKey, new Vector3(-1, -1, -1));
Assert.AreEqual(Vector3.Zero, newElement.DependencyProperties.Get(PinOriginPropertyKey));
newElement.DependencyProperties.Set(PinOriginPropertyKey, new Vector3(2, 2, 2));
Assert.AreEqual(Vector3.One, newElement.DependencyProperties.Get(PinOriginPropertyKey));
newElement.DependencyProperties.Set(PinOriginPropertyKey, new Vector3(0.5f, 0.5f, 0.5f));
Assert.AreEqual(new Vector3(0.5f, 0.5f, 0.5f), newElement.DependencyProperties.Get(PinOriginPropertyKey));
// test relative size validator
newElement.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(0.5f, 0.5f, 0.5f));
Assert.AreEqual(new Vector3(0.5f, 0.5f, 0.5f), newElement.DependencyProperties.Get(RelativeSizePropertyKey));
newElement.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(2.5f, 3.5f, 4.5f));
Assert.AreEqual(new Vector3(2.5f, 3.5f, 4.5f), newElement.DependencyProperties.Get(RelativeSizePropertyKey));
Assert.Throws<InvalidOperationException>(() => newElement.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(-2.5f, 3.5f, 4.5f)));
Assert.Throws<InvalidOperationException>(() => newElement.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(2.5f, -3.5f, 4.5f)));
Assert.Throws<InvalidOperationException>(() => newElement.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(2.5f, 3.5f, -0.1f)));
}
private void CreateMainMenuUI()
{
var xenkoLogo = new ImageElement { Source = SpriteFromSheet.Create(UIImages, "xk_logo") };
xenkoLogo.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
xenkoLogo.SetCanvasRelativeSize(new Vector3(0.75f, 0.5f, 1f));
xenkoLogo.SetCanvasRelativePosition(new Vector3(0.5f, 0.3f, 1f));
StartButton = new Button
{
Content = new TextBlock {Font = Font, Text = "Touch to Start", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
NotPressedImage = buttonImage,
PressedImage = buttonImage,
MouseOverImage = buttonImage,
Padding = new Thickness(77, 30, 25, 30),
MinimumWidth = 250f,
};
StartButton.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
StartButton.SetCanvasRelativePosition(new Vector3(0.5f, 0.7f, 0f));
var mainMenuCanvas = new Canvas();
mainMenuCanvas.Children.Add(xenkoLogo);
mainMenuCanvas.Children.Add(StartButton);
mainMenuRoot = new ModalElement
{
HorizontalAlignment = HorizontalAlignment.Stretch,
VerticalAlignment = VerticalAlignment.Stretch,
Content = mainMenuCanvas
};
}
protected override async Task LoadContent()
{
await base.LoadContent();
var font = Content.Load<SpriteFont>("MicrosoftSansSerif15");
// root panel (any kind of panel could be used for this test)
canvas = new Canvas
{
BackgroundColor = Color.LightBlue,
};
// child panel with children to be rendered
stackPanel = new StackPanel
{
Children =
{
new TextBlock { Text = "Some text.", Font = font, TextColor = Color.Black },
new TextBlock { Text = "Some other text.", Font = font, TextColor = Color.Black }
},
Orientation = Orientation.Vertical
};
canvas.Children.Add(stackPanel);
UIComponent.Page = new Engine.UIPage { RootElement = canvas };
}
protected override async Task LoadContent()
{
await base.LoadContent();
var uiGroup = Content.Load<SpriteSheet>("UIImages");
element4 = new ContentDecorator
{
Name = "4",
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Width = 200, Height = 100,
LocalMatrix = Matrix.Translation(-50, -50, 0),
BackgroundImage = SpriteFromSheet.Create(uiGroup, "uvNotRotated")
};
element3 = new ContentDecorator
{
Name = "3",
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Width = 300, Height = 150,
Content = element4,
LocalMatrix = Matrix.Translation(-200, -100, 0),
BackgroundImage = SpriteFromSheet.Create(uiGroup, "uvRotated90")
};
element2 = new ContentDecorator
{
Name = "2",
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Width = 600, Height = 300,
Content = element3,
BackgroundImage = SpriteFromSheet.Create(uiGroup, "BorderButton")
};
element2.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(400, 200, 0));
element2.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
element1 = new ContentDecorator
{
Name = "1",
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Width = 600, Height = 300,
BackgroundImage = SpriteFromSheet.Create(uiGroup, "GameScreen")
};
var canvas = new Canvas();
canvas.Children.Add(element1);
canvas.Children.Add(element2);
UIComponent.Page = new Engine.UIPage { RootElement = canvas };
}
protected override void LoadScene()
{
Game.Window.AllowUserResizing = false;
var backBufferSize = new Vector2(GraphicsDevice.Presenter.BackBuffer.Width, GraphicsDevice.Presenter.BackBuffer.Height);
centerPoint = new Vector2(backBufferSize.X / 2, backBufferSize.Y / 2);
var longButton = (SpriteFromTexture) SplashScreenImages["button_long"];
var longSize = new Vector3(SplashScreenImages["button_long"].SizeInPixels.X,
SplashScreenImages["button_long"].SizeInPixels.Y, 0);
// This button will be followed
followedButton = new Button
{
PressedImage = longButton,
NotPressedImage = longButton,
MouseOverImage = longButton,
Size = longSize,
// This element will be followed, because we have specified the same name in the FollowingEntity's UI Element Link
Name = "ElementName",
};
// Load the next scene when the user clicks the button
followedButton.Click += delegate { LoadNextScene(); };
// Corner buttons
var boxButton = (SpriteFromTexture)SplashScreenImages["button_box"];
var boxSize = new Vector3(SplashScreenImages["button_box"].SizeInPixels.X,
SplashScreenImages["button_box"].SizeInPixels.Y, 0);
var cornerTL = new Button { PressedImage = boxButton, NotPressedImage = boxButton, MouseOverImage = boxButton, Size = boxSize };
cornerTL.SetCanvasAbsolutePosition(new Vector3(0, 0, 0));
var cornerTR = new Button { PressedImage = boxButton, NotPressedImage = boxButton, MouseOverImage = boxButton, Size = boxSize };
cornerTR.SetCanvasAbsolutePosition(new Vector3(backBufferSize.X - boxSize.X, 0, 0));
var cornerBL = new Button { PressedImage = boxButton, NotPressedImage = boxButton, MouseOverImage = boxButton, Size = boxSize };
cornerBL.SetCanvasAbsolutePosition(new Vector3(0, backBufferSize.Y - boxSize.Y, 0));
var cornerBR = new Button { PressedImage = boxButton, NotPressedImage = boxButton, MouseOverImage = boxButton, Size = boxSize };
cornerBR.SetCanvasAbsolutePosition(new Vector3(backBufferSize.X - boxSize.X, backBufferSize.Y - boxSize.Y, 0));
var rootElement = new Canvas() { Children = { followedButton, cornerTL, cornerTR, cornerBL, cornerBR },
MaximumWidth = backBufferSize.X, MaximumHeight = backBufferSize.Y };
Entity.Get<UIComponent>().RootElement = rootElement;
}
protected override async Task LoadContent()
{
await base.LoadContent();
var background = new Entity { new BackgroundComponent { Texture = Content.Load<Texture>("XenkoBackground") } };
Scene.Entities.Add(background);
var text1 = new TextBlock { Text = "text block button 1", Font = Content.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true };
ApplyTextBlockDefaultStyle(text1);
button1 = new Button { Content = text1 };
ApplyButtonDefaultStyle(button1);
button1.SetCanvasRelativePosition(new Vector3(0.025f, 0.05f, 0f));
edit1 = new EditText() { Text = "Edit text 1", Font = Content.Load<SpriteFont>("CourierNew12"), SynchronousCharacterGeneration = true, };
ApplyEditTextDefaultStyle(edit1);
edit1.SetCanvasRelativePosition(new Vector3(0.025f, 0.15f, 0f));
var text2 = new TextBlock { Text = "text block button 2", Font = Content.Load<SpriteFont>("MicrosoftSansSerif15"), SynchronousCharacterGeneration = true };
ApplyTextBlockDefaultStyle(text2);
button2 = new Button { Content = text2 };
ApplyButtonDefaultStyle(button2);
edit2 = new EditText() { Text = "Edit text 2", Font = Content.Load<SpriteFont>("MicrosoftSansSerif15"), };
ApplyEditTextDefaultStyle(edit2);
stackPanel = new StackPanel
{
Children = { button2, edit2 },
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
Orientation = Orientation.Horizontal
};
stackPanel.SetCanvasRelativePosition(new Vector3(0.5f, 0.5f, 0f));
stackPanel.SetCanvasPinOrigin(new Vector3(.5f));
canvas = new Canvas { Children = {button1, edit1, stackPanel}, CanBeHitByUser = true };
button1.MouseOverStateChanged += (sender, args) => { triggeredButton1 = true; oldValueButton1 = args.OldValue; newValueButton1 = args.NewValue;};
button2.MouseOverStateChanged += (sender, args) => { triggeredButton2 = true;};
edit1.MouseOverStateChanged += (sender, args) => { triggeredEdit1 = true;};
edit2.MouseOverStateChanged += (sender, args) => { triggeredEdit2 = true;};
canvas.MouseOverStateChanged += (sender, args) => { triggeredCanvas = true;};
stackPanel.MouseOverStateChanged += (sender, args) => { triggeredStackPanel = true;};
canvas.UIElementServices = new UIElementServices { Services = this.Services };
UIComponent.Page = new Engine.UIPage { RootElement = canvas };
}
protected override async Task LoadContent()
{
await base.LoadContent();
var uiGroup = Asset.Load<SpriteSheet>("UIImages");
element4 = new ContentDecorator
{
Name = "4",
Width = 200,
Height = 100,
LocalMatrix = Matrix.Translation(-50, -50, 0),
BackgroundImage = uiGroup["uvNotRotated"],
};
element3 = new ContentDecorator
{
Name = "3",
Width = 300,
Height = 150,
Content = element4,
LocalMatrix = Matrix.Translation(-200, -100, 0),
BackgroundImage = uiGroup["uvRotated90"],
};
var borderImage = uiGroup["BorderButton"];
element2 = new ContentDecorator { Name = "2", Width = 600, Height = 300, Content = element3, BackgroundImage = borderImage };
element2.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(400, 200, 0));
element2.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
element1 = new ContentDecorator { Name = "1", Width = 600, Height = 300, BackgroundImage = uiGroup["GameScreen"] };
var canvas = new Canvas();
canvas.Children.Add(element1);
canvas.Children.Add(element2);
UIComponent.RootElement = canvas;
}
protected override async Task LoadContent()
{
await base.LoadContent();
var sprites = Content.Load<SpriteSheet>("UIImages");
element1 = new Button { Name = "1", Width = 300, Height = 150 };
element1.PressedImage = SpriteFromSheet.Create(sprites, "Logo");
element1.NotPressedImage = SpriteFromSheet.Create(sprites, "BorderButton");
element1.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(350, 300, 0));
element1.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
element2 = new Button { Name = "2", Width = 600, Height = 300 };
element2.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(200, 100, -50));
element2.DependencyProperties.Set(Panel.ZIndexPropertyKey, 0);
element2.PressedImage = (SpriteFromTexture)new Sprite(Content.Load<Texture>("ImageButtonPressed"));
element2.NotPressedImage = (SpriteFromTexture)new Sprite(Content.Load<Texture>("ImageButtonNotPressed"));
var canvas = new Canvas();
canvas.Children.Add(element1);
canvas.Children.Add(element2);
UIComponent.Page = new Engine.UIPage { RootElement = canvas };
}
private void CreateGameUI()
{
scoreTextBlock = new TextBlock
{
Font = Font, TextColor = Color.Black, VerticalAlignment = VerticalAlignment.Center
};
scoreTextBlock.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
scoreTextBlock.SetCanvasRelativePosition(new Vector3(0.2f, 0.05f, 0f));
var scoreBoard = new ContentDecorator
{
BackgroundImage = SpriteFromSheet.Create(UIImages, "score_bg"),
Content = scoreTextBlock,
Padding = new Thickness(60, 31, 25, 35),
MinimumWidth = 190f // Set the minimum width of score button so that it wont modify when the content (text) changes, and less than minimum.
};
gameRoot = new Canvas();
gameRoot.Children.Add(scoreBoard);
}
public void TestArrangeOverrideAbsolute()
{
// test that arrange set render size to provided size when there is no children
var nullCanvas = new Canvas { DepthAlignment = DepthAlignment.Stretch};
var providedSize = 1000 * rand.NextVector3();
var providedSizeWithoutMargins = CalculateSizeWithoutThickness(ref providedSize, ref MarginInternal);
nullCanvas.Measure(providedSize);
nullCanvas.Arrange(providedSize, false);
Assert.AreEqual(providedSizeWithoutMargins, nullCanvas.RenderSize);
// test that arrange works properly with valid children.
var availablesizeWithMargins = new Vector3(200, 300, 500);
var canvas = new Canvas { DepthAlignment = DepthAlignment.Stretch };
for (int i = 0; i < 10; i++)
{
var child = new ArrangeValidator { Name = i.ToString() };
child.SetCanvasPinOrigin(new Vector3(0, 0.5f, 1));
child.SetCanvasAbsolutePosition(((i>>1)-1) * 0.5f * availablesizeWithMargins);
child.Margin = new Thickness(10, 11, 12, 13, 14, 15);
child.ReturnedMeasuredValue = (i%2)==0? new Vector3(1000) : availablesizeWithMargins/3f;
child.ExpectedArrangeValue = new Vector3(
Math.Min(child.ReturnedMeasuredValue.X, Math.Max(0, i > 1 ? availablesizeWithMargins.X * (1 - ((i >> 1) - 1) * 0.5f) - 23 : 0)),
Math.Min(child.ReturnedMeasuredValue.Y, (i>> 1) == 2? availablesizeWithMargins.Y - 25 : 0),
Math.Min(child.ReturnedMeasuredValue.Z, Math.Max(0, i < 8 ? availablesizeWithMargins.Z * (((i >> 1) - 1) * 0.5f) - 27 : 0)));
canvas.Children.Add(child);
}
// Measure the stack
canvas.Measure(availablesizeWithMargins);
canvas.Arrange(availablesizeWithMargins, false);
// checks the stack arranged size
Assert.AreEqual(availablesizeWithMargins, canvas.RenderSize);
// Checks the children arrange matrix
for (int i = 0; i < canvas.Children.Count; i++)
{
var pinPosition = canvas.Children[i].DependencyProperties.Get(AbsolutePositionPropertyKey);
var pinOrigin = canvas.Children[i].DependencyProperties.Get(PinOriginPropertyKey);
var childOffsets = (pinPosition - Vector3.Modulate(pinOrigin, canvas.Children[i].RenderSize)) - canvas.RenderSize / 2;
Assert.AreEqual(Matrix.Translation(childOffsets), canvas.Children[i].DependencyProperties.Get(PanelArrangeMatrixPropertyKey));
}
}
private void CreateGameOverUI()
{
MenuButton = new Button
{
Content = new TextBlock { Font = Font, Text = "Menu", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
PressedImage = buttonImage,
NotPressedImage = buttonImage,
MouseOverImage = buttonImage,
Padding = new Thickness(77, 30, 25, 30),
MinimumWidth = 190f,
};
MenuButton.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
MenuButton.SetCanvasRelativePosition(new Vector3(0.70f, 0.7f, 0f));
RetryButton = new Button
{
Content = new TextBlock { Font = Font, Text = "Retry", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
Padding = new Thickness(74, 30, 25, 30),
MinimumWidth = 190f,
PressedImage = buttonImage,
MouseOverImage = buttonImage,
NotPressedImage = buttonImage
};
RetryButton.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
RetryButton.SetCanvasRelativePosition(new Vector3(0.3f, 0.7f, 0f));
var gameOverCanvas = new Canvas();
gameOverCanvas.Children.Add(MenuButton);
gameOverCanvas.Children.Add(RetryButton);
gameOverRoot = new ModalElement
{
HorizontalAlignment = HorizontalAlignment.Stretch,
VerticalAlignment = VerticalAlignment.Stretch,
Content = gameOverCanvas
};
}
protected override async Task LoadContent()
{
await base.LoadContent();
var middleOfScreen = new Vector3(UIComponent.VirtualResolution.X, UIComponent.VirtualResolution.Y, 0) / 2;
edit1 = new EditText(Services)
{
Name = "TestEdit1",
Font = Asset.Load<SpriteFont>("MSMincho10"),
MinimumWidth = 100,
Text = "Sample Text1",
MaxLength = 35,
TextSize = 20,
SynchronousCharacterGeneration = true
};
edit1.DependencyProperties.Set(Canvas.PinOriginPropertyKey, 0.5f * Vector3.One);
edit1.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(middleOfScreen.X, 100, 0));
edit1.TextChanged += Edit1OnTextChanged;
edit2 = new EditText(Services)
{
Name = "TestEdit2",
Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"),
MinimumWidth = 100,
Text = "Sample2 Text2",
MaxLength = 10,
CharacterFilterPredicate = IsLetter,
SynchronousCharacterGeneration = true
};
edit2.DependencyProperties.Set(Canvas.PinOriginPropertyKey, 0.5f * Vector3.One);
edit2.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(middleOfScreen.X, 200, 0));
edit2.TextChanged += Edit2OnTextChanged;
edit3 = new EditText(Services)
{
Name = "TestEdit3",
Font = Asset.Load<SpriteFont>("MSMincho10"),
MinimumWidth = 100,
Text = "secret",
MaxLength = 15,
TextSize = 24,
InputType = EditText.InputTypeFlags.Password,
SynchronousCharacterGeneration = true
};
edit3.DependencyProperties.Set(Canvas.PinOriginPropertyKey, 0.5f * Vector3.One);
edit3.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(middleOfScreen.X, 300, 0));
edit4 = new EditText(Services)
{
Name = "TestEdit4",
Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"),
MinimumWidth = 200,
Text = "aligned text",
TextSize = 24,
SynchronousCharacterGeneration = true
};
edit4.DependencyProperties.Set(Canvas.PinOriginPropertyKey, 0.5f * Vector3.One);
edit4.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(middleOfScreen.X, 400, 0));
var canvas = new Canvas();
canvas.Children.Add(edit1);
canvas.Children.Add(edit2);
canvas.Children.Add(edit3);
canvas.Children.Add(edit4);
UIComponent.RootElement = canvas;
}
public void TestMeasureOverrideInfinite()
{
var child1 = new MeasureValidator();
var canvas = new Canvas { Children = { child1 } };
// check that relative 0 x inf available = 0
child1.SetCanvasRelativeSize(Vector3.Zero);
child1.ExpectedMeasureValue = Vector3.Zero;
canvas.Measure(new Vector3(float.PositiveInfinity));
child1.SetCanvasRelativeSize(new Vector3(float.NaN));
// check sizes with infinite measure values and absolute position
child1.SetCanvasAbsolutePosition(new Vector3(1, -1, -3));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity, 0, 0);
child1.ReturnedMeasuredValue = new Vector3(2);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(3, 1, 0), canvas.DesiredSizeWithMargins);
// check sizes with infinite measure values and relative position
child1.SetCanvasPinOrigin(new Vector3(0, .5f, 1));
child1.SetCanvasRelativePosition(new Vector3(-1));
child1.ExpectedMeasureValue = new Vector3(0);
child1.ReturnedMeasuredValue = new Vector3(1);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(0.5f, 0.25f, 0), canvas.DesiredSizeWithMargins);
child1.SetCanvasRelativePosition(new Vector3(0));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity, 0, 0);
child1.ReturnedMeasuredValue = new Vector3(1);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(1, 0.5f, 0), canvas.DesiredSizeWithMargins);
child1.SetCanvasRelativePosition(new Vector3(0.5f));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity);
child1.ReturnedMeasuredValue = new Vector3(1);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(2, 1, 2), canvas.DesiredSizeWithMargins);
child1.SetCanvasRelativePosition(new Vector3(1f));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity);
child1.ReturnedMeasuredValue = new Vector3(1);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(0, 0.5f, 1), canvas.DesiredSizeWithMargins);
child1.SetCanvasRelativePosition(new Vector3(2f));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity);
child1.ReturnedMeasuredValue = new Vector3(1);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(0, 0.25f, 0.5f), canvas.DesiredSizeWithMargins);
// check that the maximum is correctly taken
var child2 = new MeasureValidator();
var child3 = new MeasureValidator();
canvas.Children.Add(child2);
canvas.Children.Add(child3);
child1.InvalidateMeasure();
child1.SetCanvasPinOrigin(new Vector3(0.5f));
child1.SetCanvasRelativePosition(new Vector3(0.5f));
child1.ExpectedMeasureValue = new Vector3(float.PositiveInfinity);
child1.ReturnedMeasuredValue = new Vector3(10);
child2.SetCanvasPinOrigin(new Vector3(0.5f));
child2.SetCanvasRelativePosition(new Vector3(-.1f, .5f, 1.2f));
child2.ExpectedMeasureValue = new Vector3(0, float.PositiveInfinity, float.PositiveInfinity);
child2.ReturnedMeasuredValue = new Vector3(30.8f, 5, 48);
child3.SetCanvasRelativeSize(new Vector3(0f, 1f, 2f));
child3.ExpectedMeasureValue = new Vector3(0, float.PositiveInfinity, float.PositiveInfinity);
child3.ReturnedMeasuredValue = new Vector3(0, 5, 50);
canvas.Measure(new Vector3(float.PositiveInfinity));
Assert.AreEqual(new Vector3(14f, 10f, 25f), canvas.DesiredSizeWithMargins);
}
public void TestDefinitionNoCompletion()
{
var grid = new Grid();
var c1 = new Canvas();
c1.DependencyProperties.Set(GridBase.ColumnPropertyKey, 2);
c1.DependencyProperties.Set(GridBase.ColumnSpanPropertyKey, 3);
c1.DependencyProperties.Set(GridBase.RowPropertyKey, 5);
c1.DependencyProperties.Set(GridBase.RowSpanPropertyKey, 2);
var c2 = new Canvas();
c2.DependencyProperties.Set(GridBase.ColumnPropertyKey, 3);
c2.DependencyProperties.Set(GridBase.ColumnSpanPropertyKey, 3);
c2.DependencyProperties.Set(GridBase.LayerPropertyKey, 1);
c2.DependencyProperties.Set(GridBase.LayerSpanPropertyKey, 4);
grid.Children.Add(c1);
grid.Children.Add(c2);
grid.Measure(Vector3.Zero);
grid.Arrange(Vector3.Zero, false);
Assert.AreEqual(grid.ColumnDefinitions.Count, 0);
Assert.AreEqual(grid.RowDefinitions.Count, 0);
Assert.AreEqual(grid.LayerDefinitions.Count, 0);
}
protected override async Task LoadContent()
{
await base.LoadContent();
const float relativeSize = 1 / 6f;
var canvas = new Canvas();
canvas.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
// left/top
var image1 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image1.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image1.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(0, 0, 0));
image1.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0, 0, 0));
canvas.Children.Add(image1);
// right/top
var image2 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image2.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image2.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(1, 0, 0));
image2.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(1, 0, 0));
canvas.Children.Add(image2);
// left/bottom
var image3 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image3.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image3.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(0, 1, 0));
image3.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0, 1, 0));
canvas.Children.Add(image3);
// 1/3 right/bottom
var image4 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image4.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image4.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(1, 1, 0));
image4.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(1, 1, 0));
canvas.Children.Add(image4);
// 1/3 left/top middle centered
var image5 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image5.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image5.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(1/3f, 1/3f, 0));
image5.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0.5f, 0.5f, 0));
canvas.Children.Add(image5);
// 1/3 right/top right aligned
var image6 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image6.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image6.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(2 / 3f, 1 / 3f, 0));
image6.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0, 0.5f, 0));
canvas.Children.Add(image6);
// 1/3 left/bottom bottom aligned
var image7 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image7.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image7.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(1/3f, 2/3f, 0));
image7.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0.5f, 0, 0));
canvas.Children.Add(image7);
// 1/3 right/bottom top aligned
var image8 = new ImageElement { Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch };
image8.DependencyProperties.Set(Canvas.RelativeSizePropertyKey, relativeSize * Vector3.One);
image8.DependencyProperties.Set(Canvas.RelativePositionPropertyKey, new Vector3(2/3f, 2/3f, 0));
image8.DependencyProperties.Set(Canvas.PinOriginPropertyKey, new Vector3(0.5f, 1, 0));
canvas.Children.Add(image8);
var grid = new UniformGrid { Rows = 3, Columns = 3 };
for (int c = 0; c < 3; c++)
for (int r = 0; r < 3; r++)
CreateAndInsertButton(grid, c, r);
var baseGrid = new UniformGrid();
baseGrid.Children.Add(grid);
baseGrid.Children.Add(canvas);
UIComponent.RootElement = baseGrid;
}
private UIElement CreateBottomBar()
{
// Create Life bar
lifeBarGaugeImage = ButtonsImages["rope_small"];
gaugeBarRegion = lifeBarGaugeImage.Region;
var lifebarGauge = new ImageElement
{
Name = "LifeBarBackground",
Source = SpriteFromSheet.Create(ButtonsImages, "rope_small"),
StretchType = StretchType.Fill,
};
lifebarGauge.SetGridColumn(1);
lifeBarGrid = new Grid();
lifeBarGrid.Children.Add(lifebarGauge);
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Fixed, 8));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Star, 0));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Star, 100));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Fixed, 8));
lifeBarGrid.RowDefinitions.Add(new StripDefinition());
lifeBarGrid.LayerDefinitions.Add(new StripDefinition());
lifeBarGrid.SetCanvasRelativePosition(new Vector3(0f, 0.185f, 0f));
lifeBarGrid.SetCanvasRelativeSize(new Vector3(1f, 1f, 1f));
lifeBarGrid.SetPanelZIndex(-1);
// the main grid of the top bar
var mainLayer = new Canvas
{
VerticalAlignment = VerticalAlignment.Top,
MaximumHeight = 10
};
mainLayer.Children.Add(lifeBarGrid);
return mainLayer;
}
protected override async Task LoadContent()
{
await base.LoadContent();
var resolution = (Vector3)UIComponent.VirtualResolution;
var canvas = new Canvas();
var imgElt = new ImageElement { Name = "UV image", Source = new Sprite(Asset.Load<Texture>("uv")), Width = resolution.X / 5, Height = resolution.Y / 5, StretchType = StretchType.Fill };
imgElt.DependencyProperties.Set(Canvas.PinOriginPropertyKey, 0.5f * Vector3.One);
imgElt.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(resolution.X / 10, resolution.Y / 10, 0));
imgElt.DependencyProperties.Set(Panel.ZIndexPropertyKey, -1);
stackPanel = new StackPanel { Orientation = Orientation.Vertical };
scrollViewer = new ScrollViewer { ScrollMode = ScrollingMode.Vertical };
scrollViewer.DependencyProperties.Set(Canvas.AbsolutePositionPropertyKey, new Vector3(resolution.X / 4, resolution.Y / 10, 0));
scrollViewer.Content = stackPanel;
var button1 = new Button { Margin = Thickness.UniformRectangle(5), Padding = Thickness.UniformRectangle(5), LocalMatrix = Matrix.Scaling(2, 2, 2) };
var textOnly = new TextBlock { Text = "Text only button", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), TextColor = new Color(1f, 0, 0, 0.5f) };
button1.Content = textOnly;
var button2 = new Button { Name = "Button2", Margin = Thickness.UniformRectangle(5), Padding = Thickness.UniformRectangle(5) };
var imageContent = new ImageElement { Name = "Image Button2", Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch, MaximumHeight = 50 };
button2.Content = imageContent;
var button3 = new Button { Margin = Thickness.UniformRectangle(5), Padding = Thickness.UniformRectangle(5) };
var stackContent = new StackPanel { Orientation = Orientation.Horizontal };
var stackImage = new ImageElement { Name = "Image stack panel", Source = new Sprite(Asset.Load<Texture>("uv")), MaximumHeight = 50 };
var stackText = new TextBlock { Text = "button text", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), Margin = Thickness.UniformRectangle(5) };
stackContent.Children.Add(stackImage);
stackContent.Children.Add(stackText);
button3.Content = stackContent;
var button4 = new Button { Margin = Thickness.UniformRectangle(5), HorizontalAlignment = HorizontalAlignment.Right, Padding = Thickness.UniformRectangle(5) };
var imageContent2 = new ImageElement { Name = "button 4 uv image", Source = new Sprite(Asset.Load<Texture>("uv")), StretchType = StretchType.FillOnStretch, MaximumHeight = 40, Opacity = 0.5f };
button4.Content = imageContent2;
var button5 = new Button { Margin = Thickness.UniformRectangle(5), HorizontalAlignment = HorizontalAlignment.Left, Padding = Thickness.UniformRectangle(5) };
var textOnly2 = new TextBlock { Text = "Left aligned", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15") };
button5.Content = textOnly2;
var button6 = new ImageButton
{
Height = 50,
Margin = Thickness.UniformRectangle(5),
HorizontalAlignment = HorizontalAlignment.Center,
PressedImage = new Sprite(Asset.Load<Texture>("ImageButtonPressed")),
NotPressedImage = new Sprite(Asset.Load<Texture>("ImageButtonNotPressed")),
};
toggle = new ToggleButton
{
Content = new TextBlock { Text = "Toggle button test", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15") },
IsThreeState = true
};
scrollingText = new ScrollingText { Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), Text = "<<<--- Scrolling text in a button ", IsEnabled = IsUpdateAutomatic };
var button7 = new Button { Margin = Thickness.UniformRectangle(5), Content = scrollingText };
var uniformGrid = new UniformGrid { Rows = 2, Columns = 2 };
var gridText = new TextBlock { Text = "Uniform grid", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), TextAlignment = TextAlignment.Center};
gridText.DependencyProperties.Set(GridBase.ColumnSpanPropertyKey, 2);
var buttonLeft = new Button { Content = new TextBlock { Text = "unif-grid left", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), TextAlignment = TextAlignment.Center } };
buttonLeft.DependencyProperties.Set(GridBase.RowPropertyKey, 1);
var buttonRight = new Button { Content = new TextBlock { Text = "unif-grid right", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15"), TextAlignment = TextAlignment.Center } };
buttonRight.DependencyProperties.Set(GridBase.RowPropertyKey, 1);
buttonRight.DependencyProperties.Set(GridBase.ColumnPropertyKey, 1);
uniformGrid.Children.Add(gridText);
uniformGrid.Children.Add(buttonLeft);
uniformGrid.Children.Add(buttonRight);
stackPanel.Children.Add(button1);
stackPanel.Children.Add(button2);
stackPanel.Children.Add(button3);
stackPanel.Children.Add(button4);
stackPanel.Children.Add(button5);
stackPanel.Children.Add(button6);
stackPanel.Children.Add(toggle);
stackPanel.Children.Add(button7);
stackPanel.Children.Add(uniformGrid);
canvas.Children.Add(imgElt);
canvas.Children.Add(scrollViewer);
UIComponent.RootElement = canvas;
}
public void TestBasicInvalidations()
{
var canvas = new Canvas();
var child = new Canvas();
canvas.Children.Add(child);
// - test the properties that are supposed to invalidate the object measurement
UIElementLayeringTests.TestMeasureInvalidation(canvas, () => child.DependencyProperties.Set(PinOriginPropertyKey, new Vector3(0.1f, 0.2f, 0.3f)));
UIElementLayeringTests.TestMeasureInvalidation(canvas, () => child.DependencyProperties.Set(RelativePositionPropertyKey, new Vector3(1f, 2f, 3f)));
UIElementLayeringTests.TestMeasureInvalidation(canvas, () => child.DependencyProperties.Set(AbsolutePositionPropertyKey, new Vector3(1f, 2f, 3f)));
UIElementLayeringTests.TestMeasureInvalidation(canvas, () => child.DependencyProperties.Set(RelativeSizePropertyKey, new Vector3(1f, 2f, 3f)));
}