MediaElement布局占据整个空间

下面是我的xaml代码，其中有Mediaelement和3个按钮，它们被托管在网格中。MediaElement布局占据整个空间

<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并未完全展开，也未占用整个空间。我尝试了HorizontalAlignment和VerticalAlignment的所有可能的组合。谁能帮忙？ Regards， Hemant

来源

2013-05-20 user2243747

知道了.. 需要使用媒体元素的Stretch属性。

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

来源

2013-05-20 09:47:03 user2243747

而不是'Stretch =“Fill”'你可以使用'Stretch =“Stretch =”UniformToFill“”'。这样图像更加美观。 – RajeshKdev

MediaElement布局占据整个空间

回答

相关问题