Silverlight 2: Implementando Full Screen Mode (modo tela cheia)

Existem aplicações que requerem uma área maior para visualização e manipulação. Com o Silverlight essa necessidade é ainda maior em muitos casos, para isso saiba como implementar o modo full screen.

por Rodrigo Kono

O modo Full Screen (Tela Cheia) oferece uma visão maior para o usuário manipular a aplicação. Esse é um fator interessante principalmente em casos como na exibição de um vídeo, uma imagem ou até mesmo de um formulário.  Neste artigo veremos como implementá-lo.

Em sua aplicação Silverlight, abra o arquivo xaml e crie um botão. Em seguida crie o evento handler para o argumento Click conforme mostra a listagem 01. (Nesse artigo usaremos um botão, mas vale lembrar que essa funcionalidade poderá ser acionada por qualquer outro elemento).

<Grid x:Name="LayoutRoot" Background="White">

<Button x:Name="txtFullscreen" Width="100" Height="32" Content="Full Screen" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="20 20 0 0" Click="btnFullscreen_Click"></Button>

</Grid>

Listagem 01 – Botão criado para ativar o modo full screen

Vá para o seu código gerenciado e veja que na classe Page o evento Click foi criado. Agora é simples.
Basta usarmos a propriedade IsFullScreeen do Host.Content do objeto Silverlight como mostra a listagem 02.

public partial class Page : UserControl

    {

        public Page()

        {

            InitializeComponent();

        }

        private void btnFullscreen_Click(object sender, RoutedEventArgs e)

        {

            Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;

            if (Application.Current.Host.Content.IsFullScreen == true)

            {

                this.btnFullscreen.Content = "Voltar";

            }

            else

            {

                this.btnFullscreen.Content = "Full Screen";

            }           

        }

    }
Listagem 02 – Utilização da propriedade IsFullScreen

Dica 1: utilize a propriedade IsFullScreen == True para manipular os elementos no modo tela cheia caso seja preciso.
Dica 2: bom para utilizar em aplicações que utilizam vídeo ou recursos do deepzoom.

Aproveitem!

Para ficar por dentro das novidades do ASP.NET e Silverlight não deixe de visitar meu blog (Visão Widescreen – http://kono.spaces.live.com)

Rodrigo Kono
MVP – ASP.NET