Я ищу способ создания навигационной панели с помощью SplitView и других элементов управления XAML.Проблемы с навигационной панелью UWP
Я попытался создать что-то вроде кода ниже, но мне не удалось, так как элементы управления не расположены точно в центре (по вертикали).
Также кнопки имеют эту странную анимацию по умолчанию, которая перекосит их при нажатии. Я хочу отключить его, но я не знаю, как это сделать.
В целом, я хочу создать меню гамбургера, подобное меню «Пуск» в обновлении Windows 10 Anniversary Update. Все мнения были бы весьма оценены.
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<SplitView x:Name="hamburgerMenu" HorizontalAlignment="Left" Width="319" DisplayMode="CompactOverlay">
<SplitView.Pane>
<StackPanel>
<Button x:Name="HamburgerButton" Width="320" Height="48" Click="HamburgerButtonClick" BorderThickness="0" Background="{x:Null}" HorizontalContentAlignment="Left">
<StackPanel Orientation="Horizontal" Margin="-8,0,0,0">
<TextBlock Width="48" FontFamily="Segoe MDL2 Assets" Text="" TextAlignment="Center" Margin="0,1,0,0" />
<TextBlock Text="MENU" Margin="0,0,0,0" FontWeight="Bold" />
</StackPanel>
</Button>
<Button x:Name="TasksButton" Width="320" Height="48" BorderThickness="0" Background="{x:Null}" HorizontalContentAlignment="Left">
<StackPanel Orientation="Horizontal" Margin="-8,0,0,0">
<TextBlock Width="48" FontFamily="Segoe MDL2 Assets" Text="" TextAlignment="Center" VerticalAlignment="Center" />
<TextBlock Text="Tasks" Margin="0,0,0,0"/>
</StackPanel>
</Button>
<Button x:Name="ArchivedButton" Width="320" Height="48" BorderThickness="0" Background="{x:Null}" HorizontalContentAlignment="Left">
<StackPanel Orientation="Horizontal" Margin="-8,0,0,0">
<TextBlock Width="48" FontFamily="Segoe MDL2 Assets" Text="" TextAlignment="Center" VerticalAlignment="Center" />
<TextBlock Text="Archived" Margin="0,0,0,0"/>
</StackPanel>
</Button>
</StackPanel>
</SplitView.Pane>
</SplitView>
</Grid>
Вот что я хочу добиться:
Скриншоты: http://imgur.com/a/utNmC
Возможно, вы захотите создать новый вопрос о белой панели в верхней части приложения, поскольку это, вероятно, отдельная проблема. Я бы также опубликовал снимок экрана о том, что в настоящее время производит код – Bassie
Я отредактировал сообщение. Скриншоты внизу. – mDevv