Как поместить ListboxItem в нижней части listbox в splitview uwp

Поэтому у меня есть listbox с несколькими listboxItems, но последнее имя элемента»ExampleBottom» должно быть внизу, в то время как другие должны оставаться на вершине. Я пробовал verticalalign, но это не работает.

        <SplitView.Pane>

            <ListBox SelectionMode="Single" 
                     SelectionChanged="ListBox_SelectionChanged"
                     Background="#333333"
                     Foreground="White">

                <ListBoxItem Name="Example1">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock>Example</TextBlock>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Name="Example2">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock>Example</TextBlock>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Name="Example3">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock>Example</TextBlock>
                    </StackPanel>
                </ListBoxItem>

                <ListBoxItem Name="ExampleBottom" VerticalAlignment="Bottom">
                    <StackPanel Orientation="Horizontal">
                        <TextBlock>Example</TextBlock>
                    </StackPanel>
                </ListBoxItem>
            </ListBox>

        </SplitView.Pane>

2 ответа

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

  2. Я достиг этого, используя 2 списка внутри a RelativePanel.

    Имейте первое ListBox имейте a RelativePanel.AlignTopWithPanel = "True"
    Имейте второе ListBox имейте a RelativePanel.AlignBottomWithPanel = "True"

    Затем, если вы хотите, чтобы он выглядел бесшовным, убедитесь, что цвет фона вашей относительной панели совпадает с цветом списка.

            <SplitView.Pane>
                <RelativePanel Background="Black">
                    <ListBox SelectionMode="Single"
                     Name="IconsListBox"
                     SelectionChanged="ListBoxSelectionChanged"
                     Background="Black"
                             RelativePanel.AlignTopWithPanel="True">
                        <ListBoxItem Name="HomeListBoxItem"
                                 ToolTipService.ToolTip="Home"
                                 PointerEntered="HamburgerMenuItemPointerEntered" 
                                 PointerExited="HamburgerMenuItemPointerExited">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock 
                                Foreground="White"
                                FontFamily="Segoe MDL2 Assets"
                                FontSize="16"
                                Text="&#xE10F;" />
                                <TextBlock 
                                Foreground="White" 
                                Text="Home" 
                                FontSize="16" 
                                FontFamily="Arial"
                                Margin="20,0,0,0" />
                            </StackPanel>
                        </ListBoxItem>
                        <ListBoxItem Name="SecondListBoxItem"
                                 ToolTipService.ToolTip="2nd Item"
                                 PointerEntered="HamburgerMenuItemPointerEntered" 
                                 PointerExited="HamburgerMenuItemPointerExited">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Foreground="White"
                                FontFamily="Segoe MDL2 Assets"
                                FontSize="16"
                                Text="&#xE734;" />
                                <TextBlock 
                                Foreground="White" 
                                Text="Dosimetry" 
                                FontFamily="Arial"
                                FontSize="16" 
                                Margin="20,0,0,0" />
                            </StackPanel>
                        </ListBoxItem>
                    </ListBox>
                    <ListBox SelectionMode="Single"
                     Name="BottomListBox"
                     SelectionChanged="ListBoxSelectionChanged"
                     Background="Black"
                             RelativePanel.AlignBottomWithPanel="True">
                        <ListBoxItem Name="UserListBoxItem"
                                 ToolTipService.ToolTip="Dosimetry"
                                 PointerEntered="HamburgerMenuItemPointerEntered" 
                                 PointerExited="HamburgerMenuItemPointerExited"
                                 VerticalAlignment="Bottom">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Foreground="White"
                                FontFamily="Segoe MDL2 Assets"
                                FontSize="16"
                                Text="&#xE2AF;" />
                                <TextBlock 
                                Foreground="White" 
                                Text="User" 
                                FontFamily="Arial"
                                FontSize="16" 
                                Margin="20,0,0,0" />
                            </StackPanel>
                        </ListBoxItem>
                        <ListBoxItem Name="SettingsListBoxItem"
                                 ToolTipService.ToolTip="Dosimetry"
                                 PointerEntered="HamburgerMenuItemPointerEntered" 
                                 PointerExited="HamburgerMenuItemPointerExited">
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Foreground="White"
                                FontFamily="Segoe MDL2 Assets"
                                FontSize="16"
                                Text="&#xE713;" />
                                <TextBlock 
                                Foreground="White" 
                                Text="Settings" 
                                FontFamily="Arial"
                                FontSize="16" 
                                Margin="20,0,0,0" />
                            </StackPanel>
                        </ListBoxItem>
                    </ListBox>
                </RelativePanel>
            </SplitView.Pane>