MediaElement佈局佔據整個空間

Question

下面是我的xaml代碼，其中有Mediaelement和3個按鈕，它們被託管在網格中。

<Grid ShowGridLines="True"> 
    <Grid.Background> 
    <LinearGradientBrush EndPoint="0.5,1" 
         StartPoint="0.5,0"> 
     <GradientStop Color="Black" 
        Offset="0" /> 
     <GradientStop Color="#FF4F87F7" 
        Offset="1" /> 
    </LinearGradientBrush> 
    </Grid.Background> 
    <Grid.RowDefinitions> 
    <RowDefinition Height="7*" /> 
    <RowDefinition Height="35" /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="10*" /> 
    <ColumnDefinition Width="Auto" /> 
    <ColumnDefinition Width="5*" /> 
    <ColumnDefinition Width="1*" /> 
    </Grid.ColumnDefinitions> 
    <Border Grid.ColumnSpan="4" 
      HorizontalAlignment="Stretch" 
      Grid.Row="1" 
      BorderThickness="2" 
      CornerRadius="5" 
      BorderBrush="Black"> 

    <StackPanel Orientation="Horizontal" 
       HorizontalAlignment="Center"> 
     <Button Width="100" 
       Content="Previous" 
       Style="{DynamicResource buttonMargin}" /> 
     <Button Width="100" 
       Content="Play" 
       Style="{DynamicResource buttonMargin}" 
       Click="Button_Click" /> 
     <Button Width="100" 
       Content="Next" 
       Style="{DynamicResource buttonMargin}" /> 
     <ToggleButton Style="{DynamicResource toggleButtonMargin}">Full Screen</ToggleButton> 
    </StackPanel> 

    </Border> 
    <MediaElement Name="me" 
       HorizontalAlignment="Stretch" 
       LoadedBehavior="Manual" 
       VerticalAlignment="Top" 
       Grid.IsSharedSizeScope="True" /> 
    <GridSplitter Grid.Column="1" 
       Width="3" 
       HorizontalAlignment="Center" /> 
    <WebBrowser Name="webBrowserScript" 
       Grid.Column="2" /> 
</Grid> 

問題：我的目標是使MediaElement的第0行和第0列，它應該佔據整個空間。但是，MediaElement並未完全展開，也未佔用整個空間。我嘗試了Horizo​​ntalAlignment和VerticalAlignment的所有可能的組合。誰能幫忙？ Regards， Hemant

Answer 1

知道了.. 需要使用媒體元素的Stretch屬性。

<MediaElement Name="me" HorizontalAlignment="Stretch" LoadedBehavior="Manual" 
        VerticalAlignment="Stretch" Stretch="Fill"/>