UI.WPF.Modern/source/iNKORE.UI.WPF.Modern.Gallery/Pages/Controls/Windows/CommandBarFlyoutPage.xaml at 54cf71ba8eaf6ebebf1a589896df59440ae5f05e · iNKORE-NET/UI.WPF.Modern · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<ui:Page
    x:Class="iNKORE.UI.WPF.Modern.Gallery.Pages.Controls.Windows.CommandBarFlyoutPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:iNKORE.UI.WPF.Modern.Gallery"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
    xmlns:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
    Title="CommandBar Flyout"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <Page.Resources>
        <ui:CommandBarFlyout x:Key="CommandBarFlyout1" Placement="RightEdgeAlignedTop">
            <ui:AppBarButton
                Click="OnElementClicked"
                Label="Share"
                ToolTipService.ToolTip="Share">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Save}"/>
                </ui:AppBarButton.Icon>

            </ui:AppBarButton>

            <ui:AppBarButton
                Click="OnElementClicked"
                Label="Save"
                ToolTipService.ToolTip="Save">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Save}" />
                </ui:AppBarButton.Icon>

            </ui:AppBarButton>

            <ui:AppBarButton
                Click="OnElementClicked"
                Label="Delete"
                ToolTipService.ToolTip="Delete">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Delete}" />
                </ui:AppBarButton.Icon>

            </ui:AppBarButton>

            <ui:CommandBarFlyout.SecondaryCommands>
                <ui:AppBarButton Click="OnElementClicked" Label="Resize" />
                <ui:AppBarButton Click="OnElementClicked" Label="Move" />
            </ui:CommandBarFlyout.SecondaryCommands>
        </ui:CommandBarFlyout>
    </Page.Resources>

    <StackPanel>
        <local:ControlExample x:Name="Example1"
            HeaderText="CommandBarFlyout for commands on an in-app object">
            <local:ControlExample.Example>
                <StackPanel>
                    <TextBlock Text="Click or right click the image to open a CommandBarFlyout" />
                    <Button
                        x:Name="MyImageButton"
                        Margin="0,12"
                        Padding="0"
                        AutomationProperties.Name="mountain"
                        Click="MyImageButton_Click"
                        ContextMenuOpening="MyImageButton_ContextMenuOpening">
                        <Image
                            x:Name="Image1"
                            Height="300"
                            Source="/Assets/SampleMedia/rainier.jpg" />
                    </Button>
                    <TextBlock x:Name="SelectedOptionText" Text="" />
                </StackPanel>
            </local:ControlExample.Example>
        </local:ControlExample>
    </StackPanel>
</ui:Page>