Extended Splash Screen Layout Issue

Question

I'm not sure, actually, whether this is an issue with extended splash screens or the Canvas element, but...
I've built a minimal extended splash screen that displays the SplashScreen image, a progress bar and a button. The ProgressBar and Button are wrapped in a StackPanel. 
The PositionImage() method is working fine with screen resize--the logo always displays in the center of the screen. The problem that I have is positioning the other elements.
I'd like them to display just a bit below the SplashScreen image. Following the MS code sample, I can create two rows in the layout Grid and set a fixed size on the row containing the StackPanel, but that always displays those items the specified row size
from the bottom of the page. Way too low in portrait view.
I tried setting the first row (containing the Canvas) to "Auto", but that causes the StackPanel in the second row to display at the top of the screen. (Does Canvas not report its size?) I tried replacing the layout grid with a stackpanel, with
even worse results. Specifying height values for the Canvas doesn't work, either.
Any other ideas out there?
Rebecca M. Riordan

Answer 1

I absolutely position my other elements based on the location of the logo and the size of the logo and elements.  I don't use any stackpanels or grids at all. I just use Canvas.LeftProperty and Canvas.RightProperty.
void PositionImage()
this.MySplashImage.SetValue(Canvas.LeftProperty, MySplashScreen.ImageLocation.Left);
this.MySplashImage.SetValue(Canvas.TopProperty, MySplashScreen.ImageLocation.Top);
this.MySplashImage.Height = MySplashScreen.ImageLocation.Height;
this.MySplashImage.Width = MySplashScreen.ImageLocation.Width;
this.MyProgressRing.Height = MySplashScreen.ImageLocation.Height / 6;
this.MyProgressRing.Width = MyProgressRing.Height;
this.MyProgressRing.SetValue(Canvas.LeftProperty, MySplashScreen.ImageLocation.Left + (MySplashScreen.ImageLocation.Width / 2));
this.MyProgressRing.SetValue(Canvas.TopProperty, MySplashScreen.ImageLocation.Top + MySplashScreen.ImageLocation.Height - (.26 * MySplashScreen.ImageLocation.Height));
Matt Small - Microsoft Escalation Engineer - Forum Moderator
If my reply answers your question, please mark this post as answered.
NOTE: If I ask for code, please provide something that I can drop directly into a project and run (including XAML), or an actual application project. I'm trying to help a lot of people, so I don't have time to figure out weird snippets with undefined
objects and unknown namespaces.