нижнее и верхнее выравнивание меню xaml - PullRequest
0 голосов
/ 12 июня 2018

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

Мой текущий XAML такой:

    <Menu HorizontalAlignment="Left">
        <Menu.ItemsPanel>
            <ItemsPanelTemplate >
                <StackPanel Orientation="Vertical" VerticalAlignment="Stretch"/>
            </ItemsPanelTemplate>
        </Menu.ItemsPanel>
        <MenuItem Header="Option A" VerticalAlignment="Top"/>
        <MenuItem Header="Option B" VerticalAlignment="Top"/>
        <MenuItem Header="Option C"  VerticalAlignment="Top"/>
        <MenuItem Header="Logout"  VerticalAlignment="Bottom"/>
        <MenuItem Header="Settings" VerticalAlignment="Bottom"/>
    </Menu>

Текущая ситуация

Current situation

Желаемая ситуация

enter image description here

Редактировать: я бы предпочел не использовать строки, если это возможно.

1 Ответ

0 голосов
/ 12 июня 2018

Если вы действительно не хотите использовать строки, рассмотрите возможность использования DockPanel.Также обратите внимание, что закрепленные снизу предметы расположены в обратном порядке.

     <Menu HorizontalAlignment="Left">
        <Menu.ItemsPanel>
            <ItemsPanelTemplate >
                <DockPanel VerticalAlignment="Stretch" LastChildFill="False"/>
            </ItemsPanelTemplate>
        </Menu.ItemsPanel>
        <MenuItem Header="Option A" DockPanel.Dock="Top"/>
        <MenuItem Header="Option B" DockPanel.Dock="Top"/>
        <MenuItem Header="Option C" DockPanel.Dock="Top"/>
        <MenuItem Header="Settings" DockPanel.Dock="Bottom"/>
        <MenuItem Header="Logout" DockPanel.Dock="Bottom"/>
    </Menu>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...