Problema de script de Silverlight Grid XAML

Question

Aquí está mi script de Siverlight Grid, quiero que Media Element mediaPlayer ocupe la mitad izquierda de todo el espacio Grid, y quiero que Media Element cameraPlayer ocupe la mitad derecha de todo el espacio Grid. Pero mi siguiente código no funciona bastante bien (he establecido un valor relacionado de columna / fila de cuadrícula), dos elementos multimedia se superponen.

¿Alguna idea de lo que está mal?

<Grid x:Name="LayoutRoot2" Margin="0" Background="#FF0D0A0A" Cursor="Hand" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <MediaElement HorizontalAlignment="Stretch" Margin="10,10,10,10" x:Name="mediaPlayer" AutoPlay="false" Grid.Column="0" Grid.Row="0"/>
    <MediaElement HorizontalAlignment="Stretch" x:Name="cameraPlayer" AutoPlay="false" Grid.Column="1" Grid.Row="0"/>
</Grid>

gracias de antemano, George

Answer 1

Debe definir las definiciones de columna en su cuadrícula.

<Grid x:Name="LayoutRoot2" Margin="0" Background="#FF0D0A0A" Cursor="Hand" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <Grid.ColumnDefinitions>
         <ColumnDefinition
                Width="specify width" />
         <ColumnDefinition
                Width="specify width" />
    </Grid.ColumnDefinitions>
    <MediaElement HorizontalAlignment="Stretch" Margin="10,10,10,10" x:Name="mediaPlayer" AutoPlay="false" Grid.Column="0" Grid.Row="0"/>
    <MediaElement HorizontalAlignment="Stretch" x:Name="cameraPlayer" AutoPlay="false" Grid.Column="1" Grid.Row="0"/>
</Grid>

deberá especificar el ancho que desea que tenga su columna.