Full Screen Mode in Silverlight

• In embedded mode, the plug-in displays within the Web browser.
• In full-screen mode, the plug-in resizes to the current resolution of the screen and displays on top of all other applications, including the browser.

The Content.IsFullScreen property determines whether the Silverlight plug-in displays as a full-screen plug-in or as an embedded plug-in. If a Web page hosts multiple Silverlight plug-ins, only one plug-in can be in full-screen mode at one time.

When a Silverlight plug-in displays in full-screen mode, it briefly displays the message "Press ESC to exit full-screen mode".



When a Silverlight plug-in is in full-screen mode, it disables most keyboard events. This limitation of keyboard input during full-screen mode is a security feature, and is intended to minimize the possibility of unintended information being entered by a user. In full-screen mode, the only input allowed is through the following keys.

ARROW KEYS, SPACEBAR, TAB, PAGE UP, PAGE DOWN, HOME, END, ENTER

To switch to full screen mode use the following code

private void LayoutRoot_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;          
        }

Further to resize the application add ScaleTransform in Page.xaml code.

             <Canvas.RenderTransform>
            <ScaleTransform ScaleX="1" ScaleY="1" x:Name="RootLayoutScaleTransform" />
        </Canvas.RenderTransform>

constructor to remember original size

private double oldWidth;
        private double oldHeight;
        public double uniformScaleAmount = 1;

methods to work with resize and full screen events

private void UserControl_Loaded(object sender, RoutedEventArgs e)
        {
            oldHeight = this.Height;
            oldWidth = this.Width;
            Application.Current.Host.Content.Resized += new EventHandler(Content_Resized);
            Application.Current.Host.Content.FullScreenChanged += new EventHandler(Content_Resized);
        }
void Content_Resized(object sender, EventArgs e)
        {
            double currentWidth = Application.Current.Host.Content.ActualWidth;
            double currentHeight = Application.Current.Host.Content.ActualHeight;
            uniformScaleAmount = Math.Min((currentWidth / oldWidth), (currentHeight / oldHeight));
            RootLayoutScaleTransform.ScaleX = uniformScaleAmount;
            RootLayoutScaleTransform.ScaleY = uniformScaleAmount;
        }