Como redimensionar e ampliar vídeo (XAML)

Applies to Windows and Windows Phone

Use MediaElement.Stretch para mudar a forma como o conteúdo de vídeo preenche seu contêiner. Isso redimensiona e amplia o vídeo de acordo com o valor de Stretch.

Mapa: como este tópico está relacionado aos outros? Veja:

O que você precisa saber

Tecnologias

  • Tempos de Execução do Windows

Pré-requisitos

Este tópico presume que você saiba como criar um aplicativo básico do Tempo de Execução do Windows em C++, C# ou Visual Basic. Para obter ajuda para criar seu primeiro aplicativo, veja Criar seu primeiro aplicativo da Windows Store em C# ou Visual Basic.

Este tópico presume que você conheça a classe MediaElement. Para aprender como usar a classe MediaElement, veja o Guia de início rápido: vídeo e áudio.

Instruções

Etapa 1: Introdução

Os estados de Stretch são parecidos com as configurações de tamanho de imagem em aparelhos de TV.

  • None mostra a resolução nativa do conteúdo em seu tamanho original.
  • Uniform preenche o máximo do espaço, mantendo a taxa de proporção e o conteúdo da imagem. Isso pode produzir barras pretas horizontais ou verticais nas bordas do vídeo. Isso é semelhante aos modos widescreen.
  • UniformToFill preenche todo o espaço, mantendo a taxa de proporção. Isso pode fazer parte da imagem ser cortada. Isso é semelhante aos modos de tela inteira.
  • Fill preenche todo o espaço, mas não mantém a taxa de proporção. A imagem não é cortada, mas pode ocorrer um alongamento. Isso é semelhante aos modos de ampliação.

Mostra como os diversos valores de ampliação são renderizados

UniformToFill é semelhante à propriedade HTML msZoom.

Etapa 2: Criar um MediaElement

Crie um objeto MediaElement e lhe dê um Name. Dar um nome ao objeto facilita o seu acesso no code-behind.


<MediaElement x:Name="mediaPlayer" 
              Source="Videos/video1.mp4" 
              Width="400" 
              AutoPlay="False"
              AreTransportControlsEnabled="True" />


Etapa 3: Redimensionar vídeo usando a ampliação

Um AppBarButton é usado para chamar o método que executa a operação Stretch.


<AppBarButton Icon="Switch" 
          Label="Resize Video"
          Click="PictureSize_Click" />


Uma declaração swtich verifica o estado atual da propriedade Stretch e o define para o próximo valor na enumeração de Stretch. Assim, o usuário pode circular pelos vários estados de ampliação.


private void PictureSize_Click(object sender, RoutedEventArgs e)
{
    switch (media.Stretch)
    {
        case Stretch.Fill:
            mediaPlayer.Stretch = Stretch.None;
            break;
        case Stretch.None:
            mediaPlayer.Stretch = Stretch.Uniform;
            break;
        case Stretch.Uniform:
            mediaPlayer.Stretch = Stretch.UniformToFill;
            break;
        case Stretch.UniformToFill:
            mediaPlayer.Stretch = Stretch.Fill;
            break;
        default:
            break;
    }
}


Tópicos relacionados

Mapa para a criação de aplicativos da Windows Store em C#, C++ ou VB
Guia de início rápido: vídeo e áudio
Exemplo de reprodução de mídia XAML
MediaElement
MediaElement.Stretch
Stretch
Reprodução de mídia, do início ao fim

 

 

Mostrar:
© 2014 Microsoft