如何將一個ListBoxItem放置在splitview列表框的底部uwp

Question

所以我有一個listbox有幾個listboxItems，但最後一個Item Name「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> 

Answer 1

我不認爲你用列表框完成這件事。我會使用一個網格，然後在中間有一個空的行，但你需要實現自己的選擇機制，然後

Answer 2

我已經完成了這個使用RelativePanel內的2個列表框。

有第一ListBox中有RelativePanel.AlignTopWithPanel = "True" 有第二個列表框有RelativePanel.AlignBottomWithPanel = "True"

接下來，如果你希望它看起來渾然一體，確保您的相對面板的背景顏色相同的列表框（S ）。

 <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>