protected override async Task LoadContent()
{
await base.LoadContent();
var sprites = Asset.Load<SpriteSheet>("RotatedImages");
var img1 = new ImageElement { Source = sprites["NRNR"], StretchType = StretchType.Fill };
var img2 = new ImageElement { Source = sprites["RNR"], StretchType = StretchType.Fill };
var img3 = new ImageElement { Source = sprites["NRR"], StretchType = StretchType.Fill };
var img4 = new ImageElement { Source = sprites["RR"], StretchType = StretchType.Fill };
img1.SetGridColumnSpan(2);
img2.SetGridColumnSpan(2);
img2.SetGridRow(1);
img3.SetGridRowSpan(2);
img3.SetGridColumn(2);
img4.SetGridRowSpan(2);
img4.SetGridColumn(3);
var grid = new UniformGrid
{
Rows = 2,
Columns = 4,
Children = { img1, img2, img3, img4 }
};
UIComponent.RootElement = grid;
}
private UIElement CreateMainScreneTopBar()
{
// Create Life bar
lifeBarGaugeImage = mainScreneImages["life_bar"];
var lifeBarCoverImage = mainScreneImages["character_frame"];
gaugeBarRegion = lifeBarGaugeImage.Region;
var lifebarGauge = new ImageElement
{
Name = "LifeBarBackground",
Source = lifeBarGaugeImage,
StretchType = StretchType.Fill,
};
lifebarGauge.SetGridColumn(1);
lifeBarGrid = new Grid();
lifeBarGrid.Children.Add(lifebarGauge);
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Fixed, lifeBarCoverImage.Borders.X));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Star, 0));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Star, 100));
lifeBarGrid.ColumnDefinitions.Add(new StripDefinition(StripType.Fixed, lifeBarCoverImage.Borders.Y));
lifeBarGrid.RowDefinitions.Add(new StripDefinition());
lifeBarGrid.LayerDefinitions.Add(new StripDefinition());
lifeBarGrid.SetCanvasRelativePosition(new Vector3(0f, 0.185f, 0f));
lifeBarGrid.SetCanvasRelativeSize(new Vector3(1f, 0.25f, 1f));
lifeBarGrid.SetPanelZIndex(-1);
var lifebarForeground = new ImageElement
{
Name = "LifeBarForeGround",
Source = lifeBarCoverImage,
StretchType = StretchType.Fill,
};
lifebarForeground.SetGridColumnSpan(3);
lifebarForeground.SetGridRowSpan(3);
lifebarForeground.SetCanvasRelativeSize(new Vector3(1f, 1f, 1f));
// Life count
lifeCounter = new TextBlock
{
Text = CreateLifeCountText(),
TextColor = Color.Gold,
Font = westernFont,
TextSize = 32,
HorizontalAlignment = HorizontalAlignment.Left
};
lifeCounter.SetCanvasAbsolutePosition(new Vector3(lifeBarCoverImage.Borders.X, float.NaN, float.NaN));
lifeCounter.SetCanvasRelativePosition(new Vector3(float.NaN, 0.44f, 0f));
lifeCounter.SetPanelZIndex(1);
LifeStatus = 3;
// Bonus items
var bonusIcon = new ImageElement
{
Source = mainScreneImages["gold_icon"],
Name = "bonus Icon",
VerticalAlignment = VerticalAlignment.Center
};
bonusCounter = new TextBlock
{
Text = CreateBonusCountText(),
TextColor = Color.White,
TextSize = 27,
Font = westernFont,
VerticalAlignment = VerticalAlignment.Center,
Margin = new Thickness(10, 0, 0, 0)
};
// Money
var moneyIcon = new ImageElement
{
Source = mainScreneImages["money_icon"],
Name = "money Icon",
Margin = new Thickness(20, 0, 0, 0),
VerticalAlignment = VerticalAlignment.Center
};
moneyCounter = new TextBlock
{
Text = CreateMoneyCountText(),
TextColor = Color.White,
TextSize = 27,
Font = westernFont,
VerticalAlignment = VerticalAlignment.Center,
Margin = new Thickness(10, 0, 0, 0)
};
// Stack panel containing the bonus and money counters
var moneyBonusStackPanel = new StackPanel
{
Name = "MoneyBonusStackPanel",
Orientation = Orientation.Horizontal,
};
moneyBonusStackPanel.Children.Add(bonusIcon);
moneyBonusStackPanel.Children.Add(bonusCounter);
moneyBonusStackPanel.Children.Add(moneyIcon);
moneyBonusStackPanel.Children.Add(moneyCounter);
moneyBonusStackPanel.SetCanvasRelativePosition(new Vector3(0.93f, 0.44f, 0f));
moneyBonusStackPanel.SetCanvasRelativeSize(new Vector3(float.NaN, 0.4f, 1f));
moneyBonusStackPanel.SetCanvasPinOrigin(new Vector3(1f, 0f, 0f));
moneyBonusStackPanel.SetPanelZIndex(1);
// the main grid of the top bar
var mainLayer = new Canvas
{
VerticalAlignment = VerticalAlignment.Top,
MaximumHeight = 150
};
mainLayer.Children.Add(lifeBarGrid);
mainLayer.Children.Add(lifebarForeground);
mainLayer.Children.Add(lifeCounter);
mainLayer.Children.Add(moneyBonusStackPanel);
return mainLayer;
}
private UniformGrid CreateShipButtonElement(SpaceShip spaceShip)
{
// Put the stat text block in a vertical uniform grid
var statusTextGrid = new UniformGrid { Rows = 3, Margin = new Thickness(5f, -6f, 0, 0)};
statusTextGrid.Children.Add(CreateShipStatusTextBlock("Power", 0));
statusTextGrid.Children.Add(CreateShipStatusTextBlock("Control", 1));
statusTextGrid.Children.Add(CreateShipStatusTextBlock("Speed", 2));
// Put the stat stars in a vertical uniform grid
spaceShip.PowerImageElement = CreateShipStatusStar(0);
spaceShip.ControlImageElement = CreateShipStatusStar(1);
spaceShip.SpeedImageElement = CreateShipStatusStar(2);
var starGrid = new UniformGrid { Rows = 3 };
starGrid.Children.Add(spaceShip.PowerImageElement);
starGrid.Children.Add(spaceShip.ControlImageElement);
starGrid.Children.Add(spaceShip.SpeedImageElement);
starGrid.SetGridColumn(2);
// Ship image
var shipSprite = mainScreneImages[spaceShip.Name];
var shipImageElement = new ImageElement { Source = shipSprite };
shipImageElement.SetGridColumn(4);
// Create the horizontal grid with two blank stretchable columns and add the text blocks, the starts and the ship image
var shipContent = new Grid();
shipContent.ColumnDefinitions.Add(new StripDefinition(StripType.Auto));
shipContent.ColumnDefinitions.Add(new StripDefinition(StripType.Star));
shipContent.ColumnDefinitions.Add(new StripDefinition(StripType.Auto));
shipContent.ColumnDefinitions.Add(new StripDefinition(StripType.Star));
shipContent.ColumnDefinitions.Add(new StripDefinition(StripType.Auto));
shipContent.RowDefinitions.Add(new StripDefinition());
shipContent.LayerDefinitions.Add(new StripDefinition());
shipContent.Children.Add(statusTextGrid);
shipContent.Children.Add(starGrid);
shipContent.Children.Add(shipImageElement);
//
var shipSelectFrameSprite = mainScreneImages["weapon_select_frame"];
var shipButton = new Button
{
Name = spaceShip.Name,
Content = shipContent,
PressedImage = shipSelectFrameSprite,
NotPressedImage = shipSelectFrameSprite,
MouseOverImage = shipSelectFrameSprite,
Padding = new Thickness(60, 20, 20, 20)
};
shipButton.Click += delegate
{
currentShipImage.Source = shipSprite;
activeShipIndex = shipList.FindIndex(w => w.Name == spaceShip.Name);
PowerStatus = spaceShip.Power;
ControlStatus = spaceShip.Control;
SpeedStatus = spaceShip.Speed;
CloseShipSelectPopup();
};
shipButton.IsEnabled = !spaceShip.IsLocked;
shipButton.SetCanvasRelativeSize(new Vector3(1f, 1f, 1f));
var buttonGrid = new UniformGrid { MaximumHeight = 100 };
buttonGrid.Children.Add(shipButton);
if (spaceShip.IsLocked)
{
var lockIconImage = mainScreneImages["lock_icon"];
var lockIconElement = new ImageElement { Source = lockIconImage, StretchType = StretchType.Fill, };
lockIconElement.SetPanelZIndex(1);
buttonGrid.Children.Add(lockIconElement);
}
return buttonGrid;
}