3

В какой блок надо поместить два MediaElement, чтобы можно было разместить их как на картинке 1 Одно видео должно показываться по верх другого.

1 ответ 1

3

Для абсолютного позиционирования на экране есть элемент Canvas

Вашу задачу можно достаточно гибко решить с помощью обычного Grid

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="1*"/>
        <RowDefinition Height="100"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="100"/>
        <ColumnDefinition Width="1*"/>
    </Grid.ColumnDefinitions>
    <MediaElement Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.ColumnSpan="2" Grid.RowSpan="2"/>
    <MediaElement Grid.Row="1" Grid.Column="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
</Grid>

В результате большой MediaElement занимает 2 колонки и две строки. Маленький же находится в левом нижнем углу.

3
  • По идее, даже колонки/строки не нужны, просто достаточно задать маленькому MediaElement'у жёсткий размер и HorizontalAlignment="Left".
    – VladD
    9 мая 2016 в 21:44
  • @VladD Да, Alignment вместе с margin покрывают часть сценариев. Но без колонок нельзя, например, задать относительный размер. 9 мая 2016 в 21:54
  • Это да, ТС не сформулировал, какой лэйаут ему нужен.
    – VladD
    9 мая 2016 в 22:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.