Как поместить 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>
user6480540, в 13:25 (источник)

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>