protected override async Task LoadContent()
{
await base.LoadContent();
Sprites = Asset.Load<SpriteSheet>("UIImages");
var lifeBar = new ImageElement { Source = Sprites["Logo"], HorizontalAlignment = HorizontalAlignment.Center };
lifeBar.DependencyProperties.Set(GridBase.ColumnSpanPropertyKey, 3);
var quitGameButton = new Button
{
Content = new TextBlock { Text = "Quit Game", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15") },
VerticalAlignment = VerticalAlignment.Bottom,
HorizontalAlignment = HorizontalAlignment.Left,
Padding = Thickness.UniformRectangle(10),
};
quitGameButton.DependencyProperties.Set(GridBase.ColumnPropertyKey, 0);
quitGameButton.DependencyProperties.Set(GridBase.RowPropertyKey, 2);
quitGameButton.Click += (sender, args) => Exit();
modalButton1Text = new TextBlock { Text = "Close Modal window 1", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15") };
var modalButton1 = new Button
{
Name = "Button Modal 1",
Content = modalButton1Text,
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center,
Padding = Thickness.UniformRectangle(10),
};
modalButton1.Click += ModalButton1OnClick;
modal1 = new ModalElement { Content = modalButton1, Name = "Modal 1"};
modal1.DependencyProperties.Set(Panel.ZIndexPropertyKey, 1);
modal1.DependencyProperties.Set(GridBase.ColumnPropertyKey, 1);
modal1.DependencyProperties.Set(GridBase.RowPropertyKey, 1);
modal1.OutsideClick += Modal1OnOutsideClick;
modalButton2Text = new TextBlock { Text = "Close Modal window 2", Font = Asset.Load<SpriteFont>("MicrosoftSansSerif15") };
var modalButton2 = new Button
{
Name = "Button Modal 2",
Content = modalButton2Text,
VerticalAlignment = VerticalAlignment.Center,
HorizontalAlignment = HorizontalAlignment.Center,
Padding = Thickness.UniformRectangle(10),
};
modalButton2.Click += ModalButton2OnClick;
modal2 = new ModalElement { Content = modalButton2, Name = "Modal 2" };
modal2.DependencyProperties.Set(Panel.ZIndexPropertyKey, 2);
modal2.DependencyProperties.Set(GridBase.ColumnPropertyKey, 1);
modal2.DependencyProperties.Set(GridBase.RowPropertyKey, 2);
modal2.OutsideClick += Modal2OnOutsideClick;
uniformGrid = new UniformGrid { Columns = 3, Rows = 3 };
uniformGrid.Children.Add(modal1);
uniformGrid.Children.Add(modal2);
uniformGrid.Children.Add(lifeBar);
uniformGrid.Children.Add(quitGameButton);
UIComponent.RootElement = uniformGrid;
}
private void CreateMainMenuUI()
{
var paradoxLogo = new ImageElement { Source = uiImages["pdx_logo"] };
paradoxLogo.SetCanvasPinOrigin(new Vector3(0.5f, 0.5f, 1f));
paradoxLogo.SetCanvasRelativeSize(new Vector3(0.5f, 0.5f, 1f));
paradoxLogo.SetCanvasRelativePosition(new Vector3(0.5f, 0.3f, 1f));
StartButton = new Button
{
Content = new TextBlock { Font = spriteFont, Text = "Touch to Start", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
NotPressedImage = buttonImage,
PressedImage = buttonImage,
MouseOverImage = buttonImage,
Padding = new Thickness(80, 27, 25, 35),
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(paradoxLogo);
mainMenuCanvas.Children.Add(StartButton);
mainMenuRoot = new ModalElement
{
HorizontalAlignment = HorizontalAlignment.Stretch,
VerticalAlignment = VerticalAlignment.Stretch,
Content = mainMenuCanvas
};
}
private void CreateGameOverUI()
{
MenuButton = new Button
{
Content = new TextBlock { Font = spriteFont, Text = "Menu", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
PressedImage = buttonImage,
NotPressedImage = buttonImage,
MouseOverImage = buttonImage,
Padding = new Thickness(77, 29, 25, 35),
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 = spriteFont, Text = "Retry", TextColor = Color.Black,
HorizontalAlignment = HorizontalAlignment.Center, VerticalAlignment = VerticalAlignment.Center},
Padding = new Thickness(74, 29, 25, 35),
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,
MinimumWidth = 200f,
};
}
private void CreateWelcomePopup()
{
// Create welcome text
var welcomeText = new TextBlock
{
Font = westernFont,
TextSize = 42,
TextColor = Color.White,
Text = "Welcome to paradox UI sample.\n" + "Please name your character",
TextAlignment = TextAlignment.Center,
WrapText = true,
Margin = new Thickness(20, 0, 20, 0),
HorizontalAlignment = HorizontalAlignment.Center
};
// Create Edit text
var nameEditText = new EditText(Services)
{
Font = westernFont,
TextSize = 32,
TextColor = Color.White,
Text = DefaultName,
MaxLength = 15,
TextAlignment = TextAlignment.Center,
ActiveImage = mainScreneImages["tex_edit_activated_background"],
InactiveImage = mainScreneImages["tex_edit_inactivated_background"],
MouseOverImage = mainScreneImages["tex_edit_inactivated_background"],
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
MinimumWidth = 340,
Padding = new Thickness(30, 30, 30, 40), // Pad text (Content inside),
Margin = new Thickness(0, 80, 0, 80), // Space around the edit
};
nameEditText.SetGridRow(1);
// Create cancel and validate button
var cancelButton = CreateTextButton("Cancel");
cancelButton.SetGridColumn(1);
cancelButton.Click += delegate
{
nameTextBlock.Text = DefaultName;
welcomePopup.Visibility = Visibility.Collapsed;
};
var validateButton = CreateTextButton("Validate");
validateButton.SetGridColumn(3);
validateButton.Click += delegate
{
nameTextBlock.Text = nameEditText.Text.Trim();
welcomePopup.Visibility = Visibility.Collapsed;
};
// Put cancel and validate buttons in stack panel (Left-right orientation placement)
var buttonPanel = new Grid();
buttonPanel.ColumnDefinitions.Add(new StripDefinition(StripType.Star));
buttonPanel.ColumnDefinitions.Add(new StripDefinition(StripType.Auto));
buttonPanel.ColumnDefinitions.Add(new StripDefinition(StripType.Star));
buttonPanel.ColumnDefinitions.Add(new StripDefinition(StripType.Auto));
buttonPanel.ColumnDefinitions.Add(new StripDefinition(StripType.Star));
buttonPanel.RowDefinitions.Add(new StripDefinition());
buttonPanel.LayerDefinitions.Add(new StripDefinition());
buttonPanel.Children.Add(cancelButton);
buttonPanel.Children.Add(validateButton);
buttonPanel.SetGridRow(2);
// Create a stack panel to store items (Top-down orientation placement)
var popupContentPanel = new Grid
{
MaximumWidth = 580,
MaximumHeight = 900,
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center,
};
popupContentPanel.ColumnDefinitions.Add(new StripDefinition());
popupContentPanel.RowDefinitions.Add(new StripDefinition(StripType.Auto));
popupContentPanel.RowDefinitions.Add(new StripDefinition(StripType.Star));
popupContentPanel.RowDefinitions.Add(new StripDefinition(StripType.Auto));
popupContentPanel.LayerDefinitions.Add(new StripDefinition());
popupContentPanel.Children.Add(welcomeText);
popupContentPanel.Children.Add(nameEditText);
popupContentPanel.Children.Add(buttonPanel);
var welcomePopupContent = new ContentDecorator
{
BackgroundImage = popupWindowImage,
Content = popupContentPanel,
Padding = new Thickness(85, 130, 85, 110)
};
welcomePopup = new ModalElement
{
Visibility = Visibility.Collapsed,
Content = welcomePopupContent,
};
welcomePopup.SetPanelZIndex(1);
}
private void CreateShipSelectionPopup()
{
// Create "Please select your SpaceShip" text
var pleaseSelectText = new TextBlock
{
Font = westernFont,
TextSize = 48,
TextColor = Color.White,
Text = "Please select your ship",
TextAlignment = TextAlignment.Center,
WrapText = true
};
// Layout elements in vertical StackPanel
var contentStackpanel = new StackPanel { Orientation = Orientation.Vertical };
// Create and Add SpaceShip to the stack layout
foreach (var ship in shipList)
contentStackpanel.Children.Add(CreateShipButtonElement(ship));
// Uncomment those lines to have an example of stack panel item virtualization
//var shipInitialCount = shipList.Count;
//contentStackpanel.ItemVirtualizationEnabled = true;
//for (int i = 0; i < 200; i++)
//{
// shipList.Add(new SpaceShip { Name = shipList[i % shipInitialCount].Name });
// contentStackpanel.Children.Add(CreateShipButtonElement(shipList[shipList.Count - 1]));
//}
UpdateShipStatus();
var contentScrollView = new ScrollViewer
{
MaximumHeight = 425,
Content = contentStackpanel,
ScrollMode = ScrollingMode.Vertical,
Margin = new Thickness(12, 10, 7, 10),
Padding = new Thickness(0, 0, 6, 0),
ScrollBarColor = Color.Orange
};
var scrollViewerBackgroundImage = mainScreneImages["scroll_background"];
var scrollViewerDecorator = new ContentDecorator { BackgroundImage = scrollViewerBackgroundImage, Content = contentScrollView, };
scrollViewerDecorator.SetGridRow(2);
var layoutGrid = new Grid();
layoutGrid.ColumnDefinitions.Add(new StripDefinition());
layoutGrid.RowDefinitions.Add(new StripDefinition(StripType.Auto));
layoutGrid.RowDefinitions.Add(new StripDefinition(StripType.Fixed, 10)); // white space
layoutGrid.RowDefinitions.Add(new StripDefinition(StripType.Star));
layoutGrid.LayerDefinitions.Add(new StripDefinition());
layoutGrid.Children.Add(pleaseSelectText);
layoutGrid.Children.Add(scrollViewerDecorator);
var shipSelectPopupContent = new ContentDecorator
{
BackgroundImage = popupWindowImage,
Content = layoutGrid,
Padding = new Thickness(110, 120, 100, 140)
};
// Create SpaceShip selection popup
shipSelectPopup = new ModalElement
{
Visibility = Visibility.Collapsed,
Content = shipSelectPopupContent
};
shipSelectPopup.SetPanelZIndex(1);
}
