Вложенный пользовательский интерфейс в элементах списка не выравнивается по горизонтали правильно

Question

Я пытаюсь горизонтально выровнять вложенный пользовательский интерфейс (кнопку) внутри элемента представления списка вправо, но по какой-то причине это не работает.

Ожидаемый результат

Current result

XAML

Answer 1

Вы можете установить HorizontalContentAlignment ListViewItem на Stretch в ItemContainerStyle. Он растянет дочерний элемент, чтобы заполнить выделенное пространство MasterDetailsView.

.xaml:

<controls:MasterDetailsView ItemsSource="{x:Bind Items,Mode=OneWay}" CompactModeThresholdWidth="720">
    <controls:MasterDetailsView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
        </Style>
    </controls:MasterDetailsView.ItemContainerStyle>

    <controls:MasterDetailsView.ItemTemplate>
        ......
    </controls:MasterDetailsView.ItemTemplate>

</controls:MasterDetailsView>