私はRelativePanel
の中に2つのリストボックスを使ってこれを達成しました。
は、最初のListBoxをお持ちのRelativePanel.AlignTopWithPanel = "True"
が第二のListBoxを持っていますが、それがシームレスに見たい場合は、あなたの相対的なパネルの背景色があなたのリストボックス(Sと同じであることを確認し、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="" />
<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="" />
<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="" />
<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="" />
<TextBlock
Foreground="White"
Text="Settings"
FontFamily="Arial"
FontSize="16"
Margin="20,0,0,0" />
</StackPanel>
</ListBoxItem>
</ListBox>
</RelativePanel>
</SplitView.Pane>