csharpc-sharpdotnetxamlavaloniauicross-platformcross-platform-xamlavaloniaguimulti-platformuser-interfacedotnetcore
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
3.1 KiB
56 lines
3.1 KiB
<UserControl xmlns="https://github.com/avaloniaui"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
x:Class="ControlCatalog.Pages.TabbedPageWithDrawerPage">
|
|
<Border Margin="12"
|
|
BorderBrush="{DynamicResource SystemControlForegroundBaseMediumLowBrush}"
|
|
BorderThickness="1"
|
|
CornerRadius="6"
|
|
ClipToBounds="True">
|
|
<!-- DrawerPage wraps the TabbedPage so the global drawer overlays all tabs. -->
|
|
<DrawerPage x:Name="DemoDrawer"
|
|
Header="My App"
|
|
DrawerLength="220">
|
|
<DrawerPage.DrawerHeader>
|
|
<Border Background="{DynamicResource SystemControlHighlightAccentBrush}" Padding="16,20">
|
|
<StackPanel Spacing="4">
|
|
<TextBlock Text="Navigation" FontSize="18" FontWeight="SemiBold" Foreground="White" />
|
|
<TextBlock Text="Select a section" FontSize="12" Foreground="White" Opacity="0.7" />
|
|
</StackPanel>
|
|
</Border>
|
|
</DrawerPage.DrawerHeader>
|
|
<DrawerPage.Drawer>
|
|
<StackPanel Spacing="2" Margin="8">
|
|
<Button Tag="Home" Click="OnSectionSelected"
|
|
HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"
|
|
Padding="12,10" Background="Transparent">
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<PathIcon Width="16" Height="16" Data="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" />
|
|
<TextBlock Text="Home" VerticalAlignment="Center" />
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Tag="Explore" Click="OnSectionSelected"
|
|
HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"
|
|
Padding="12,10" Background="Transparent">
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<PathIcon Width="16" Height="16" Data="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" />
|
|
<TextBlock Text="Explore" VerticalAlignment="Center" />
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Tag="Favorites" Click="OnSectionSelected"
|
|
HorizontalAlignment="Stretch" HorizontalContentAlignment="Left"
|
|
Padding="12,10" Background="Transparent">
|
|
<StackPanel Orientation="Horizontal" Spacing="12">
|
|
<PathIcon Width="16" Height="16" Data="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" />
|
|
<TextBlock Text="Favorites" VerticalAlignment="Center" />
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</DrawerPage.Drawer>
|
|
<DrawerPage.Content>
|
|
<!-- ContentControl switches between plain pages and the tabbed Explore section. -->
|
|
<ContentControl x:Name="SectionHost" HorizontalContentAlignment="Stretch"
|
|
VerticalContentAlignment="Stretch" />
|
|
</DrawerPage.Content>
|
|
</DrawerPage>
|
|
</Border>
|
|
</UserControl>
|
|
|