MENU Archives - icodebroker

[C#/WPF] Menu 엘리먼트 : 메뉴 스타일 설정하기

■ Menu 엘리먼트에서 MenuItem 엘리먼트의 스타일을 정의해서 메뉴 스타일을 설정하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type MenuItem}">
            <Setter Property="Height"     Value="{DynamicResource {x:Static SystemParameters.CaptionHeightKey}}"  />
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.MenuHighlightBrushKey}}" />
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.MenuTextBrushKey}}"      />
            <Style.Triggers>
                <Trigger Property="MenuItem.IsMouseOver" Value="true">
                    <Setter Property="Foreground" Value="Red"    />
                    <Setter Property="FontSize"   Value="16"     />
                    <Setter Property="FontStyle"  Value="Italic" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="_Edit">
                <MenuItem Command="ApplicationCommands.Copy"  InputGestureText="Ctrl+C" />
                <MenuItem Command="ApplicationCommands.Cut"   InputGestureText="Ctrl+X" />
                <MenuItem Command="ApplicationCommands.Paste" InputGestureText="Ctrl+V" />
            </MenuItem>
            <MenuItem Header="_Font">
                <MenuItem
                    Header="_Bold"
                    IsCheckable="True"
                    Checked="boldMenuItem_Checked"
                    Unchecked="boldMenuItem_Unchecked" />
                <MenuItem
                    Header="_Italic"
                    IsCheckable="True"
                    Checked="italicMenuItem_Checked"
                    Unchecked="italicMenuItem_Unchecked" />
                <Separator />
                <MenuItem
                    Header="I_ncrease Font Size"
                    Click="increaseFontMenuItem_Click" />
                <MenuItem
                    Header="_Decrease Font Size"
                    Click="decreaseFontMenuItem_Click" />
            </MenuItem>
        </Menu>
        <TextBox Name="textBox"
            Margin="2"
            TextWrapping="Wrap">
            The quick brown fox jumps over the lazy dog.
        </TextBox>
    </DockPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Style.Triggers>

</Trigger>

</Style.Triggers>

</Style>

</Window.Resources>

</MenuItem>

<MenuItem

Header="_Bold"

IsCheckable="True"

Checked="boldMenuItem_Checked"

Unchecked="boldMenuItem_Unchecked" />

<MenuItem

Header="_Italic"

IsCheckable="True"

Checked="italicMenuItem_Checked"

Unchecked="italicMenuItem_Unchecked" />

<MenuItem

Header="I_ncrease Font Size"

Click="increaseFontMenuItem_Click" />

<MenuItem

Header="_Decrease Font Size"

Click="decreaseFontMenuItem_Click" />

</MenuItem>

</Menu>

<TextBox Name="textBox"

Margin="2"

TextWrapping="Wrap">

The quick brown fox jumps over the lazy dog.

</TextBox>

</DockPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Bold 메뉴 항목 체크시 처리하기 - boldMenuItem_Checked(sender, e)

        /// <summary>
        /// Bold 메뉴 항목 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldMenuItem_Checked(object sender, RoutedEventArgs e)
        {
            this.textBox.FontWeight = FontWeights.Bold;
        }

        #endregion
        #region Bold 메뉴 항목 체크 취소시 처리하기 - boldMenuItem_Unchecked(sender, e)

        /// <summary>
        /// Bold 메뉴 항목 체크 취소시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void boldMenuItem_Unchecked(object sender, RoutedEventArgs e)
        {
            this.textBox.FontWeight = FontWeights.Normal;
        }

        #endregion
        #region Italic 메뉴 항목 체크시 처리하기 - italicMenuItem_Checked(sender, e)

        /// <summary>
        /// Italic 메뉴 항목 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void italicMenuItem_Checked(object sender, RoutedEventArgs e)
        {
            this.textBox.FontStyle = FontStyles.Italic;
        }

        #endregion
        #region Italic 메뉴 항목 체크 취소시 처리하기 - italicMenuItem_Unchecked(sender, e)

        /// <summary>
        /// Italic 메뉴 항목 체크 취소시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void italicMenuItem_Unchecked(object sender, RoutedEventArgs e)
        {
            this.textBox.FontStyle = FontStyles.Normal;
        }

        #endregion
        #region Increse Font 메뉴 항목 클릭시 처리하기 - increaseFontMenuItem_Click(sender, e)

        /// <summary>
        /// Increse Font 메뉴 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void increaseFontMenuItem_Click(object sender, RoutedEventArgs e)
        {
            if(this.textBox.FontSize < 24)
            {
                this.textBox.FontSize += 2;
            }
        }

        #endregion
        #region Decrese Font 메뉴 항목 클릭시 처리하기 - decreaseFontMenuItem_Click(sender, e)

        /// <summary>
        /// Decrese Font 메뉴 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void decreaseFontMenuItem_Click(object sender, RoutedEventArgs e)
        {
            if(this.textBox.FontSize > 10)
            {
                this.textBox.FontSize -= 2;
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Bold 메뉴 항목 체크시 처리하기 - boldMenuItem_Checked(sender, e)

/// <summary>

/// Bold 메뉴 항목 체크시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldMenuItem_Checked(object sender, RoutedEventArgs e)

{

this.textBox.FontWeight = FontWeights.Bold;

}

#endregion

#region Bold 메뉴 항목 체크 취소시 처리하기 - boldMenuItem_Unchecked(sender, e)

/// <summary>

/// Bold 메뉴 항목 체크 취소시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void boldMenuItem_Unchecked(object sender, RoutedEventArgs e)

{

this.textBox.FontWeight = FontWeights.Normal;

}

#endregion

#region Italic 메뉴 항목 체크시 처리하기 - italicMenuItem_Checked(sender, e)

/// <summary>

/// Italic 메뉴 항목 체크시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void italicMenuItem_Checked(object sender, RoutedEventArgs e)

{

this.textBox.FontStyle = FontStyles.Italic;

}

#endregion

#region Italic 메뉴 항목 체크 취소시 처리하기 - italicMenuItem_Unchecked(sender, e)

/// <summary>

/// Italic 메뉴 항목 체크 취소시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void italicMenuItem_Unchecked(object sender, RoutedEventArgs e)

{

this.textBox.FontStyle = FontStyles.Normal;

}

#endregion

#region Increse Font 메뉴 항목 클릭시 처리하기 - increaseFontMenuItem_Click(sender, e)

/// <summary>

/// Increse Font 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void increaseFontMenuItem_Click(object sender, RoutedEventArgs e)

{

if(this.textBox.FontSize < 24)

{

this.textBox.FontSize += 2;

}

#endregion

#region Decrese Font 메뉴 항목 클릭시 처리하기 - decreaseFontMenuItem_Click(sender, e)

/// <summary>

/// Decrese Font 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void decreaseFontMenuItem_Click(object sender, RoutedEventArgs e)

{

if(this.textBox.FontSize > 10)

{

this.textBox.FontSize -= 2;

}

#endregion

}

TestProject.zip

[C#/WPF] Style 엘리먼트 : TargetType 속성을 사용해 MenuItem 엘리먼트 스타일 설정하기

■ Style 엘리먼트의 TargetType 속성을 사용해 MenuItem 엘리먼트 스타일 설정하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <Style TargetType="{x:Type MenuItem}">
            <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.MenuHighlightBrushKey}}"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.MenuTextBrushKey     }}"/>
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Foreground" Value="Red"    />
                    <Setter Property="FontSize"   Value="16"     />
                    <Setter Property="FontStyle"  Value="Italic" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Button
        HorizontalAlignment="Center"
        Height="30"
        Padding="10 0 10 0">
        Button with Context Menu
        <Button.ContextMenu>
            <ContextMenu StaysOpen="true">
                <MenuItem Header="File"   />
                <MenuItem Header="Save"   />
                <MenuItem Header="SaveAs" />
                <MenuItem Header="Recent Files">
                    <MenuItem Header="ReadMe.txt"   />
                    <MenuItem Header="Schedule.xls" />
                </MenuItem>
            </ContextMenu>
        </Button.ContextMenu>
    </Button>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<Style.Triggers>

</Trigger>

</Style.Triggers>

</Style>

</Window.Resources>

<Button

HorizontalAlignment="Center"

Height="30"

Padding="10 0 10 0">

Button with Context Menu

<Button.ContextMenu>

</MenuItem>

</ContextMenu>

</Button.ContextMenu>

</Button>

</Window>

TestProject.zip

[C#/MAUI/.NET6] MenuBarItem 엘리먼트 사용하기 (UWP)

■ MenuBarItem 엘리먼트를 사용하는 방법을 보여준다. (UWP) ▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <ContentPage.MenuBarItems>
        <MenuBarItem Text="File">
            <MenuFlyoutItem Text="Exit" />
        </MenuBarItem>
        <MenuBarItem Text="Locations">
            <MenuFlyoutSubItem Text="Change Location">
                <MenuFlyoutItem Text="Redmond, USA" />
                <MenuFlyoutItem Text="London, UK"   />
                <MenuFlyoutItem Text="Berlin, DE"   />
            </MenuFlyoutSubItem>
            <MenuFlyoutItem Text="Add Location" />
        </MenuBarItem>
        <MenuBarItem Text="View">
            <MenuFlyoutItem Text="Refresh"      />
            <MenuFlyoutItem Text="Change Theme" />
        </MenuBarItem>
    </ContentPage.MenuBarItems>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

<ContentPage.MenuBarItems>

</MenuBarItem>

</MenuFlyoutSubItem>

</MenuBarItem>

</MenuBarItem>

</ContentPage.MenuBarItems>

</ContentPage>

▶ App.xaml.cs


namespace TestProject;

/// <summary>
/// 앱
/// </summary>
public partial class App : Application
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - App()

    /// <summary>
    /// 생성자
    /// </summary>
    public App()
    {
        InitializeComponent();

        NavigationPage navigationPage = new NavigationPage(new MainPage());

        MainPage = navigationPage;
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 앱

/// </summary>

public partial class App : Application

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - App()

/// <summary>

/// 생성자

/// </summary>

public App()

{

InitializeComponent();

NavigationPage navigationPage = new NavigationPage(new MainPage());

MainPage = navigationPage;

}

#endregion

}

※ 데스크톱 앱 실행시만 표시된다. ※ 데스크톱 앱은 NavigationPage

[C#/MAUI/.NET6] Shell 엘리먼트 : FlyoutItem 및 MenuItem를 위한 3가지 스타일 클래스 사용하기

■ Shell 엘리먼트에서 FlyoutItem 및 MenuItem를 위한 3가지 스타일 클래스를 사용하는 방법을 보여준다. ▶ AppShell.xaml


<?xml version="1.0" encoding="utf-8" ?>
<Shell x:Class="TestProject.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <Shell.Resources>
        <Style TargetType="Label" Class="FlyoutItemLabelStyle">
            <Setter Property="Margin"    Value="10"    />
            <Setter Property="TextColor" Value="Black" />
        </Style>
        <Style TargetType="Image" Class="FlyoutItemImageStyle">
            <Setter Property="Margin" Value="10"   />
            <Setter Property="Aspect" Value="Fill" />
        </Style>
        <Style TargetType="Layout" Class="FlyoutItemLayoutStyle"
            ApplyToDerivedTypes="True">
            <Setter Property="BackgroundColor" Value="Teal" />
        </Style>
    </Shell.Resources>
    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <Tab
            Icon="sample1.png"
            Title="고양이/개">
            <ShellContent
                Icon="sample2.png"
                Title="고양이"
                ContentTemplate="{DataTemplate local:CatPage}" />
            <ShellContent
                Icon="sample3.png"
                Title="개"
                ContentTemplate="{DataTemplate local:DogPage}" />
        </Tab>
        <ShellContent
            Icon="sample1.png"
            Title="원숭이"
            ContentTemplate="{DataTemplate local:MonkeyPage}" />
        <ShellContent
            Icon="sample2.png"
            Title="코끼리"
            ContentTemplate="{DataTemplate local:ElephantPage}" />
        <ShellContent
            Icon="sample3.png"
            Title="곰"
            ContentTemplate="{DataTemplate local:BearPage}" />
    </FlyoutItem>
    <ShellContent
        Icon="sample1.png"
        Title="정보"
        ContentTemplate="{DataTemplate local:AboutPage}" />
    <MenuItem x:Name="helpMenuItem"
        Text="도움말"
        IconImageSource="sample2.png" />
</Shell>

<?xml version="1.0" encoding="utf-8" ?>

<Shell x:Class="TestProject.AppShell"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<Shell.Resources>

</Style>

</Style>

<Style TargetType="Layout" Class="FlyoutItemLayoutStyle"

ApplyToDerivedTypes="True">

</Style>

</Shell.Resources>

<Tab

Icon="sample1.png"

Title="고양이/개">

<ShellContent

Icon="sample2.png"

Title="고양이"

ContentTemplate="{DataTemplate local:CatPage}" />

<ShellContent

Icon="sample3.png"

Title="개"

ContentTemplate="{DataTemplate local:DogPage}" />

</Tab>

<ShellContent

Icon="sample1.png"

Title="원숭이"

ContentTemplate="{DataTemplate local:MonkeyPage}" />

<ShellContent

Icon="sample2.png"

Title="코끼리"

ContentTemplate="{DataTemplate local:ElephantPage}" />

<ShellContent

Icon="sample3.png"

Title="곰"

ContentTemplate="{DataTemplate local:BearPage}" />

</FlyoutItem>

<ShellContent

Icon="sample1.png"

Title="정보"

ContentTemplate="{DataTemplate local:AboutPage}" />

<MenuItem x:Name="helpMenuItem"

Text="도움말"

IconImageSource="sample2.png" />

</Shell>

TestProject.zip

[C#/MAUI/.NET6] Shell 엘리먼트 : MenuItemTemplate 속성 사용하기

■ Shell 엘리먼트의 MenuItemTemplate 속성을 사용하는 방법을 보여준다. ▶ AppShell.xaml


<?xml version="1.0" encoding="utf-8" ?>
<Shell x:Class="TestProject.AppShell" x:Name="shell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <Shell.ItemTemplate>
        <DataTemplate>
            <Grid ColumnDefinitions="0.2*,0.8*">
                <Image
                    Margin="5"
                    HeightRequest="45"
                    Source="{Binding FlyoutIcon}" />
                <Label Grid.Column="1"
                    VerticalTextAlignment="Center"
                    FontAttributes="Italic"
                    Text="{Binding Title}" />
            </Grid>
        </DataTemplate>
    </Shell.ItemTemplate>
    <Shell.MenuItemTemplate>
        <DataTemplate>
            <Grid ColumnDefinitions="0.2*,0.8*">
                <Image
                    Margin="5"
                    HeightRequest="45"
                    Source="{Binding Icon}" />
                <Label Grid.Column="1"
                    VerticalTextAlignment="Center"
                    FontAttributes="Italic"
                    Text="{Binding Text}" />
            </Grid>
        </DataTemplate>
    </Shell.MenuItemTemplate>
    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <Tab
            Icon="sample1.png"
            Title="고양이/개">
            <ShellContent
                Icon="sample2.png"
                Title="고양이"
                ContentTemplate="{DataTemplate local:CatPage}" />
            <ShellContent
                Icon="sample3.png"
                Title="개"
                ContentTemplate="{DataTemplate local:DogPage}" />
        </Tab>
        <ShellContent
            Icon="sample1.png"
            Title="원숭이"
            ContentTemplate="{DataTemplate local:MonkeyPage}" />
        <ShellContent
            Icon="sample2.png"
            Title="코끼리"
            ContentTemplate="{DataTemplate local:ElephantPage}" />
        <ShellContent
            Icon="sample3.png"
            Title="곰"
            ContentTemplate="{DataTemplate local:BearPage}" />
    </FlyoutItem>
    <ShellContent
        Icon="sample1.png"
        Title="정보"
        ContentTemplate="{DataTemplate local:AboutPage}" />
    <MenuItem x:Name="helpMenuItem"
        Text="도움말"
        IconImageSource="sample2.png" />
</Shell>

<?xml version="1.0" encoding="utf-8" ?>

<Shell x:Class="TestProject.AppShell" x:Name="shell"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<Shell.ItemTemplate>

<Image

Margin="5"

HeightRequest="45"

Source="{Binding FlyoutIcon}" />

<Label Grid.Column="1"

VerticalTextAlignment="Center"

FontAttributes="Italic"

Text="{Binding Title}" />

</Grid>

</DataTemplate>

</Shell.ItemTemplate>

<Shell.MenuItemTemplate>

<Image

Margin="5"

HeightRequest="45"

Source="{Binding Icon}" />

<Label Grid.Column="1"

VerticalTextAlignment="Center"

FontAttributes="Italic"

Text="{Binding Text}" />

</Grid>

</DataTemplate>

</Shell.MenuItemTemplate>

<Tab

Icon="sample1.png"

Title="고양이/개">

<ShellContent

Icon="sample2.png"

Title="고양이"

ContentTemplate="{DataTemplate local:CatPage}" />

<ShellContent

Icon="sample3.png"

Title="개"

ContentTemplate="{DataTemplate local:DogPage}" />

</Tab>

<ShellContent

Icon="sample1.png"

Title="원숭이"

ContentTemplate="{DataTemplate local:MonkeyPage}" />

<ShellContent

Icon="sample2.png"

Title="코끼리"

ContentTemplate="{DataTemplate local:ElephantPage}" />

<ShellContent

Icon="sample3.png"

Title="곰"

ContentTemplate="{DataTemplate local:BearPage}" />

</FlyoutItem>

<ShellContent

Icon="sample1.png"

Title="정보"

ContentTemplate="{DataTemplate local:AboutPage}" />

<MenuItem x:Name="helpMenuItem"

Text="도움말"

IconImageSource="sample2.png" />

</Shell>

▶ AppShell.xaml.cs


namespace TestProject;

/// <summary>
/// 앱 쉘
/// </summary>
public partial class AppShell : Shell
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - AppShell()

    /// <summary>
    /// 생성자
    /// </summary>
    public AppShell()
    {
        InitializeComponent();

        this.helpMenuItem.Clicked += helpMenuItem_Clicked;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 도움말 메뉴 항목 클릭시 처리하기 - helpMenuItem_Clicked(sender, e)

    /// <summary>
    /// 도움말 메뉴 항목 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void helpMenuItem_Clicked(object sender, EventArgs e)
    {
        MenuItem menuItem = sender as MenuItem;

        await DisplayAlert("정보", $"{menuItem.Text} 메뉴를 클릭했습니다.", "확인");
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 앱 쉘

/// </summary>

public partial class AppShell : Shell

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - AppShell()

/// <summary>

/// 생성자

/// </summary>

public AppShell()

{

InitializeComponent();

this.helpMenuItem.Clicked += helpMenuItem_Clicked;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 도움말 메뉴 항목 클릭시 처리하기 - helpMenuItem_Clicked(sender, e)

/// <summary>

/// 도움말 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private async void helpMenuItem_Clicked(object sender, EventArgs e)

{

MenuItem menuItem = sender as MenuItem;

await DisplayAlert("정보", $"{menuItem.Text} 메뉴를 클릭했습니다.", "확인");

}

#endregion

}

TestProject.zip

[C#/WINFORM] 슬라이딩 사이드 메뉴 사용하기

■ 슬라이딩 사이드 메뉴를 사용하는 방법을 보여준다. ▶ MainForm.cs


using System;
using System.Windows.Forms;

namespace TestProject
{
    /// <summary>
    /// 메인 폼
    /// </summary>
    public partial class MainForm : Form
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 최소 사이드 메뉴 너비
        /// </summary>
        private const int MINIMUM_SIDE_MENU_WIDTH = 50;

        /// <summary>
        /// 최대 사이드 메뉴 너비
        /// </summary>
        private const int MAXIMUM_SIDE_MENU_WIDTH = 200;

        /// <summary>
        /// 사이드 메뉴 델타 너비
        /// </summary>
        private const int SIDE_MENU_DELTA_WIDTH = 10;

        /// <summary>
        /// 사이드 메뉴 너비
        /// </summary>
        private int sideMenuWidth = 200;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainForm()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainForm()
        {
            InitializeComponent();

            this.foldingMenuCheckBox.CheckedChanged += foldingMenuCheckBox_CheckedChanged;
            this.foldingMenuTimer.Tick              += foldingMenuTimer_Tick;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 메뉴 접기 체크 박스 체크 변경시 처리하기 - foldingMenuCheckBox_CheckedChanged(sender, e)

        /// <summary>
        /// 메뉴 접기 체크 박스 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void foldingMenuCheckBox_CheckedChanged(object sender, EventArgs e)
        {
            if(this.foldingMenuCheckBox.Checked == true)
            {
                this.menu1Button.Text = "M1";
                this.menu2Button.Text = "M2";

                this.foldingMenuCheckBox.Text = ">";
            }
            else
            {
                this.menu1Button.Text = "메뉴 1";
                this.menu2Button.Text = "메뉴 2";

                this.foldingMenuCheckBox.Text = "<";
            }

            this.foldingMenuTimer.Start();
        }

        #endregion
        #region 메뉴 접기 타이머 틱 처리하기 - foldingMenuTimer_Tick(sender, e)

        /// <summary>
        /// 메뉴 접기 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void foldingMenuTimer_Tick(object sender, EventArgs e)
        {
            if(this.foldingMenuCheckBox.Checked == true)
            {
                this.sideMenuWidth -= SIDE_MENU_DELTA_WIDTH;

                if(this.sideMenuWidth <= MINIMUM_SIDE_MENU_WIDTH)
                {
                    this.foldingMenuTimer.Stop();
                }
            }
            else
            {
                this.sideMenuWidth += SIDE_MENU_DELTA_WIDTH;

                if(this.sideMenuWidth >= MAXIMUM_SIDE_MENU_WIDTH)
                {
                    this.foldingMenuTimer.Stop();
                }
            }

            this.sideMenuPanel.Width = sideMenuWidth;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

using System;

using System.Windows.Forms;

namespace TestProject

{

/// <summary>

/// 메인 폼

/// </summary>

public partial class MainForm : Form

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 최소 사이드 메뉴 너비

/// </summary>

private const int MINIMUM_SIDE_MENU_WIDTH = 50;

/// <summary>

/// 최대 사이드 메뉴 너비

/// </summary>

private const int MAXIMUM_SIDE_MENU_WIDTH = 200;

/// <summary>

/// 사이드 메뉴 델타 너비

/// </summary>

private const int SIDE_MENU_DELTA_WIDTH = 10;

/// <summary>

/// 사이드 메뉴 너비

/// </summary>

private int sideMenuWidth = 200;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainForm()

/// <summary>

/// 생성자

/// </summary>

public MainForm()

{

InitializeComponent();

this.foldingMenuCheckBox.CheckedChanged += foldingMenuCheckBox_CheckedChanged;

this.foldingMenuTimer.Tick += foldingMenuTimer_Tick;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 메뉴 접기 체크 박스 체크 변경시 처리하기 - foldingMenuCheckBox_CheckedChanged(sender, e)

/// <summary>

/// 메뉴 접기 체크 박스 체크 변경시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void foldingMenuCheckBox_CheckedChanged(object sender, EventArgs e)

{

if(this.foldingMenuCheckBox.Checked == true)

{

this.menu1Button.Text = "M1";

this.menu2Button.Text = "M2";

this.foldingMenuCheckBox.Text = ">";

}

else

{

this.menu1Button.Text = "메뉴 1";

this.menu2Button.Text = "메뉴 2";

this.foldingMenuCheckBox.Text = "<";

}

this.foldingMenuTimer.Start();

}

#endregion

#region 메뉴 접기 타이머 틱 처리하기 - foldingMenuTimer_Tick(sender, e)

/// <summary>

/// 메뉴 접기 타이머 틱 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void foldingMenuTimer_Tick(object sender, EventArgs e)

{

if(this.foldingMenuCheckBox.Checked == true)

{

this.sideMenuWidth -= SIDE_MENU_DELTA_WIDTH;

if(this.sideMenuWidth <= MINIMUM_SIDE_MENU_WIDTH)

{

this.foldingMenuTimer.Stop();

}

else

{

this.sideMenuWidth += SIDE_MENU_DELTA_WIDTH;

if(this.sideMenuWidth >= MAXIMUM_SIDE_MENU_WIDTH)

{

this.foldingMenuTimer.Stop();

}

this.sideMenuPanel.Width = sideMenuWidth;

}

#endregion

}

TestProject.zip

[C#/WPF] FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 표시 방지하기

■ FrameworkElement 클래스의 ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 표시를 방지하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 표시 방지하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Rectangle Name="rectangle"
            Width="200"
            Height="100"
            Fill="Yellow">
            <Rectangle.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="메뉴 항목 1" />
                    <MenuItem Header="메뉴 항목 2" />
                    <MenuItem Header="메뉴 항목 3" />
                </ContextMenu>
            </Rectangle.ContextMenu>
        </Rectangle>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 표시 방지하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Rectangle Name="rectangle"

Width="200"

Height="100"

Fill="Yellow">

<Rectangle.ContextMenu>

</ContextMenu>

</Rectangle.ContextMenu>

</Rectangle>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

        /// <summary>
        /// 사각형 컨텍스트 메뉴 오픈 전 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)
        {
            e.Handled = true;
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

/// <summary>

/// 사각형 컨텍스트 메뉴 오픈 전 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)

{

e.Handled = true;

}

#endregion

}

TestProject.zip

[C#/WPF] FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 전체 컨텍스트 메뉴 항목 교체하기

■ FrameworkElement 클래스의 ContextMenuOpening 이벤트를 사용해 전체 컨텍스트 메뉴 항목을 교체하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 전체 컨텍스트 메뉴 항목 교체하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Rectangle Name="rectangle"
            Width="200"
            Height="100"
            Fill="Yellow">
            <Rectangle.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="메뉴 항목 1" />
                    <MenuItem Header="메뉴 항목 2" />
                    <MenuItem Header="메뉴 항목 3" />
                </ContextMenu>
            </Rectangle.ContextMenu>
        </Rectangle>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 전체 컨텍스트 메뉴 항목 교체하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Rectangle Name="rectangle"

Width="200"

Height="100"

Fill="Yellow">

<Rectangle.ContextMenu>

</ContextMenu>

</Rectangle.ContextMenu>

</Rectangle>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

        /// <summary>
        /// 사각형 컨텍스트 메뉴 오픈 전 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)
        {
            Rectangle rectangle = e.Source as Rectangle;

            ContextMenu contextMenu = new ContextMenu();

            contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 4" });
            contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 5" });
            contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 6" });

            rectangle.ContextMenu = contextMenu;
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

/// <summary>

/// 사각형 컨텍스트 메뉴 오픈 전 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)

{

Rectangle rectangle = e.Source as Rectangle;

ContextMenu contextMenu = new ContextMenu();

contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 4" });

contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 5" });

contextMenu.Items.Add(new MenuItem { Header = "메뉴 항목 6" });

rectangle.ContextMenu = contextMenu;

}

#endregion

}

TestProject.zip

[C#/WPF] FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 항목 추가하기

■ FrameworkElement 클래스의 ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 항목을 추가하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 항목 추가하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Rectangle Name="rectangle"
            Width="200"
            Height="100"
            Fill="Yellow">
            <Rectangle.ContextMenu>
                <ContextMenu>
                    <MenuItem Header="메뉴 항목 1" />
                    <MenuItem Header="메뉴 항목 2" />
                    <MenuItem Header="메뉴 항목 3" />
                </ContextMenu>
            </Rectangle.ContextMenu>
        </Rectangle>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="FrameworkElement 클래스 : ContextMenuOpening 이벤트를 사용해 컨텍스트 메뉴 항목 추가하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Rectangle Name="rectangle"

Width="200"

Height="100"

Fill="Yellow">

<Rectangle.ContextMenu>

</ContextMenu>

</Rectangle.ContextMenu>

</Rectangle>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

        /// <summary>
        /// 사각형 컨텍스트 메뉴 오픈 전 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)
        {
            Rectangle rectangle = e.Source as Rectangle;

            ContextMenu contextMenu = rectangle.ContextMenu;

            foreach(MenuItem menuItem in contextMenu.Items)
            {
                if((string)menuItem.Header == "메뉴 항목 4")
                {
                    return;
                }
            }

            MenuItem menuItem4 = new MenuItem();

            menuItem4.Header = "메뉴 항목 4";

            rectangle.ContextMenu.Items.Add(menuItem4);
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.rectangle.ContextMenuOpening += rectangle_ContextMenuOpening;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 사각형 컨텍스트 메뉴 오픈 전 처리하기 - rectangle_ContextMenuOpening(sender, e)

/// <summary>

/// 사각형 컨텍스트 메뉴 오픈 전 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void rectangle_ContextMenuOpening(object sender, ContextMenuEventArgs e)

{

Rectangle rectangle = e.Source as Rectangle;

ContextMenu contextMenu = rectangle.ContextMenu;

foreach(MenuItem menuItem in contextMenu.Items)

{

if((string)menuItem.Header == "메뉴 항목 4")

{

return;

}

MenuItem menuItem4 = new MenuItem();

menuItem4.Header = "메뉴 항목 4";

rectangle.ContextMenu.Items.Add(menuItem4);

}

#endregion

}

TestProject.zip

[C#/WPF] 대시보드 애니메이션 사용하기

■ 대시보드 애니메이션을 사용하는 방법을 보여준다. ▶ FishEyeControl.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;

namespace TestProject
{
    /// <summary>
    /// 물고기 눈 컨트롤
    /// </summary>
    public class FishEyeControl : StackPanel
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 애니메이션 밀리초 속성 - AnimationMillisecondsProperty

        /// <summary>
        /// 애니메이션 밀리초 속성
        /// </summary>
        public static readonly DependencyProperty AnimationMillisecondsProperty = DependencyProperty.Register
        (
            "AnimationMilliseconds",
            typeof(int),
            typeof(FishEyeControl),
            new UIPropertyMetadata(65)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 엘리먼트 너비
        /// </summary>
        private double elementWidth;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 애니메이션 밀리초 - AnimationMilliseconds

        /// <summary>
        /// 애니메이션 밀리초
        /// </summary>
        public int AnimationMilliseconds
        {
            get
            {
                return (int)GetValue(AnimationMillisecondsProperty);
            }
            set
            {
                SetValue(AnimationMillisecondsProperty, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - FishEyeControl()

        /// <summary>
        /// 생성자
        /// </summary>
        public FishEyeControl()
        {
            HorizontalAlignment = HorizontalAlignment.Center;
            Background          = Brushes.Transparent;
            Orientation         = Orientation.Horizontal;

            Loaded     += StackPanel_Loaded;
            MouseEnter += StackPanel_MouseEnter;
            MouseMove  += StackPanel_MouseMove;
            MouseLeave += StackPanel_MouseLeave;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 측정하기 (오버라이드) - MeasureOverride(availableSize)

        /// <summary>
        /// 측정하기 (오버라이드)
        /// </summary>
        /// <param name="availableSize">이용 가능한 크기</param>
        /// <returns>측정 크기</returns>
        protected override Size MeasureOverride(Size availableSize)
        {
            UIElementCollection childCollection = InternalChildren;

            Size size  = new Size();
            int  i     = 0;
            int  count = childCollection.Count;

            availableSize.Width = double.PositiveInfinity;

            while(i < count)
            {
                UIElement element = childCollection[i];

                if(element != null)
                {
                    element.Measure((Size)availableSize);

                    Size desiredSize = element.DesiredSize;

                    size.Width += Math.Round(desiredSize.Width, 2);

                    size.Height = Math.Max(size.Height, desiredSize.Height);
                }

                i++;
            }

            return size;
        }

        #endregion
        #region 배열하기 (오버라이드) - ArrangeOverride(arrangeSize)

        /// <summary>
        /// 배열하기 (오버라이드)
        /// </summary>
        /// <param name="arrangeSize">배열 크기</param>
        /// <returns>배열 크기</returns>
        protected override Size ArrangeOverride(Size arrangeSize)
        {
            if(Children == null || Children.Count == 0)
            {
                return arrangeSize;
            }

            UIElementCollection childCollection = Children;

            Rect finalRectangle = new Rect(arrangeSize);

            double width = 0d;
            int    i     = 0;
            int    count = childCollection.Count;

            while(i < count)
            {
                UIElement element = childCollection[i];

                if(element != null)
                {
                    finalRectangle.X += width;

                    width = element.DesiredSize.Width;

                    finalRectangle.Width  = width;
                    finalRectangle.Height = Math.Max(arrangeSize.Height, element.DesiredSize.Height);

                    element.SetValue(WidthProperty, element.DesiredSize.Width);

                    if(element.RenderTransform as TransformGroup == null)
                    {
                        TransformGroup transformGroup = new TransformGroup();

                        element.RenderTransform = transformGroup;

                        transformGroup.Children.Add(new ScaleTransform()    );
                        transformGroup.Children.Add(new TranslateTransform());

                        element.RenderTransformOrigin = new Point(0.5, 1);
                    }

                    element.Arrange(finalRectangle);
                }

                i++;
            }

            AnimateAll();

            return arrangeSize;
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 스택 패널 로드시 처리하기 - StackPanel_Loaded(sender, e)

        /// <summary>
        /// 스택 패널 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void StackPanel_Loaded(object sender, RoutedEventArgs e)
        {
            if(Children == null || Children.Count == 0)
            {
                return;
            }

            foreach(UIElement child in Children)
            {
                this.elementWidth += child.DesiredSize.Width;
            }

            this.elementWidth /= Children.Count;

            InvalidateArrange();
        }

        #endregion
        #region 스택 패널 마우스 진입시 처리하기 - StackPanel_MouseEnter(sender, e)

        /// <summary>
        /// 스택 패널 마우스 진입시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void StackPanel_MouseEnter(object sender, MouseEventArgs e)
        {
            InvalidateArrange();
        }

        #endregion
        #region 스택 패널 마우스 이동시 처리하기 - StackPanel_MouseMove(sender, e)

        /// <summary>
        /// 스택 패널 마우스 이동시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void StackPanel_MouseMove(object sender, MouseEventArgs e)
        {
            InvalidateArrange();
        }

        #endregion
        #region 스택 패널 마우스 이탈시 처리하기 - StackPanel_MouseLeave(sender, e)

        /// <summary>
        /// 스택 패널 마우스 이탈시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void StackPanel_MouseLeave(object sender, MouseEventArgs e)
        {
            InvalidateArrange();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 애니메이션 구하기 - GetAnimation(to, duration)

        /// <summary>
        /// 애니메이션 구하기
        /// </summary>
        /// <param name="to">목표</param>
        /// <param name="duration">지속 시간</param>
        /// <returns>실수 애니메이션</returns>
        private DoubleAnimation GetAnimation(double to, double duration)
        {
            DoubleAnimation animation = new DoubleAnimation(to, TimeSpan.FromMilliseconds(duration))
            {
                AccelerationRatio = 0.2,
                DecelerationRatio = 0.1
            };

            return animation;
        }

        #endregion
        #region 애니메이션 처리하기 - AnimateTo(child, scale, width, duration)

        /// <summary>
        /// 애니메이션 처리하기
        /// </summary>
        /// <param name="child">자식</param>
        /// <param name="scale">스케일</param>
        /// <param name="width">너비</param>
        /// <param name="duration">지속 시간</param>
        private void AnimateTo(UIElement child, double scale, double width, double duration)
        {
            TransformGroup transformGroup = child.RenderTransform as TransformGroup;

            ScaleTransform scaleTransform = transformGroup.Children[0] as ScaleTransform;

            scaleTransform.BeginAnimation(ScaleTransform.ScaleXProperty, GetAnimation(scale, duration));
            scaleTransform.BeginAnimation(ScaleTransform.ScaleYProperty, GetAnimation(scale, duration));

            child.BeginAnimation(WidthProperty, GetAnimation(width, duration));
        }

        #endregion
        #region 모두 애니메이션 처리하기 - AnimateAll()

        /// <summary>
        /// 모두 애니메이션 처리하기
        /// </summary>
        private void AnimateAll()
        {
            if(Children == null || Children.Count == 0)
            {
                return;
            }

            int? selectedElement = null;

            if(IsMouseOver)
            {
                double width = 0d;
                double x     = Mouse.GetPosition(this).X;
                double y     = Mouse.GetPosition(this).Y;

                for(int i = 0; i < Children.Count; i++)
                {
                    if(Children[i].IsMouseOver && y < Children[i].DesiredSize.Height)
                    {
                        selectedElement = i;

                        break;
                    }

                    width += Children[i].DesiredSize.Width;

                    if(x <= width && y < Children[i].DesiredSize.Height)
                    {
                        selectedElement = i;
                        break;
                    }
                }
            }

            for(int i = 0; i < Children.Count; i++)
            {
                if(i == selectedElement - 2)
                {
                    AnimateTo(Children[i], 1.25, (this.elementWidth * 1.5), AnimationMilliseconds);
                }
                else if(i == selectedElement - 1)
                {
                    AnimateTo(Children[i], 1.5, (this.elementWidth * 2.0), AnimationMilliseconds);
                }
                else if(i == selectedElement)
                {
                    AnimateTo(Children[i], 2, (this.elementWidth * 2.5), AnimationMilliseconds);
                }
                else if(i == selectedElement + 1)
                {
                    AnimateTo(Children[i], 1.5, (this.elementWidth * 2.0), AnimationMilliseconds);
                }
                else if(i == selectedElement + 2)
                {
                    AnimateTo(Children[i], 1.25, (this.elementWidth * 1.5), AnimationMilliseconds);
                }
                else
                {
                    AnimateTo(Children[i], 1, this.elementWidth, AnimationMilliseconds);
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

namespace TestProject

{

/// <summary>

/// 물고기 눈 컨트롤

/// </summary>

public class FishEyeControl : StackPanel

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 애니메이션 밀리초 속성 - AnimationMillisecondsProperty

/// <summary>

/// 애니메이션 밀리초 속성

/// </summary>

public static readonly DependencyProperty AnimationMillisecondsProperty = DependencyProperty.Register

(

"AnimationMilliseconds",

typeof(int),

typeof(FishEyeControl),

new UIPropertyMetadata(65)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 엘리먼트 너비

/// </summary>

private double elementWidth;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 애니메이션 밀리초 - AnimationMilliseconds

/// <summary>

/// 애니메이션 밀리초

/// </summary>

public int AnimationMilliseconds

{

get

{

return (int)GetValue(AnimationMillisecondsProperty);

}

set

{

SetValue(AnimationMillisecondsProperty, value);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - FishEyeControl()

/// <summary>

/// 생성자

/// </summary>

public FishEyeControl()

{

HorizontalAlignment = HorizontalAlignment.Center;

Background = Brushes.Transparent;

Orientation = Orientation.Horizontal;

Loaded += StackPanel_Loaded;

MouseEnter += StackPanel_MouseEnter;

MouseMove += StackPanel_MouseMove;

MouseLeave += StackPanel_MouseLeave;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 측정하기 (오버라이드) - MeasureOverride(availableSize)

/// <summary>

/// 측정하기 (오버라이드)

/// </summary>

/// <param name="availableSize">이용 가능한 크기</param>

/// <returns>측정 크기</returns>

protected override Size MeasureOverride(Size availableSize)

{

UIElementCollection childCollection = InternalChildren;

Size size = new Size();

int i = 0;

int count = childCollection.Count;

availableSize.Width = double.PositiveInfinity;

while(i < count)

{

UIElement element = childCollection[i];

if(element != null)

{

element.Measure((Size)availableSize);

Size desiredSize = element.DesiredSize;

size.Width += Math.Round(desiredSize.Width, 2);

size.Height = Math.Max(size.Height, desiredSize.Height);

}

i++;

}

return size;

}

#endregion

#region 배열하기 (오버라이드) - ArrangeOverride(arrangeSize)

/// <summary>

/// 배열하기 (오버라이드)

/// </summary>

/// <param name="arrangeSize">배열 크기</param>

/// <returns>배열 크기</returns>

protected override Size ArrangeOverride(Size arrangeSize)

{

if(Children == null || Children.Count == 0)

{

return arrangeSize;

}

UIElementCollection childCollection = Children;

Rect finalRectangle = new Rect(arrangeSize);

double width = 0d;

int i = 0;

int count = childCollection.Count;

while(i < count)

{

UIElement element = childCollection[i];

if(element != null)

{

finalRectangle.X += width;

width = element.DesiredSize.Width;

finalRectangle.Width = width;

finalRectangle.Height = Math.Max(arrangeSize.Height, element.DesiredSize.Height);

element.SetValue(WidthProperty, element.DesiredSize.Width);

if(element.RenderTransform as TransformGroup == null)

{

TransformGroup transformGroup = new TransformGroup();

element.RenderTransform = transformGroup;

transformGroup.Children.Add(new ScaleTransform() );

transformGroup.Children.Add(new TranslateTransform());

element.RenderTransformOrigin = new Point(0.5, 1);

}

element.Arrange(finalRectangle);

}

i++;

}

AnimateAll();

return arrangeSize;

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 스택 패널 로드시 처리하기 - StackPanel_Loaded(sender, e)

/// <summary>

/// 스택 패널 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void StackPanel_Loaded(object sender, RoutedEventArgs e)

{

if(Children == null || Children.Count == 0)

{

return;

}

foreach(UIElement child in Children)

{

this.elementWidth += child.DesiredSize.Width;

}

this.elementWidth /= Children.Count;

InvalidateArrange();

}

#endregion

#region 스택 패널 마우스 진입시 처리하기 - StackPanel_MouseEnter(sender, e)

/// <summary>

/// 스택 패널 마우스 진입시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void StackPanel_MouseEnter(object sender, MouseEventArgs e)

{

InvalidateArrange();

}

#endregion

#region 스택 패널 마우스 이동시 처리하기 - StackPanel_MouseMove(sender, e)

/// <summary>

/// 스택 패널 마우스 이동시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void StackPanel_MouseMove(object sender, MouseEventArgs e)

{

InvalidateArrange();

}

#endregion

#region 스택 패널 마우스 이탈시 처리하기 - StackPanel_MouseLeave(sender, e)

/// <summary>

/// 스택 패널 마우스 이탈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void StackPanel_MouseLeave(object sender, MouseEventArgs e)

{

InvalidateArrange();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 애니메이션 구하기 - GetAnimation(to, duration)

/// <summary>

/// 애니메이션 구하기

/// </summary>

/// <param name="to">목표</param>

/// <param name="duration">지속 시간</param>

/// <returns>실수 애니메이션</returns>

private DoubleAnimation GetAnimation(double to, double duration)

{

DoubleAnimation animation = new DoubleAnimation(to, TimeSpan.FromMilliseconds(duration))

{

AccelerationRatio = 0.2,

DecelerationRatio = 0.1

};

return animation;

}

#endregion

#region 애니메이션 처리하기 - AnimateTo(child, scale, width, duration)

/// <summary>

/// 애니메이션 처리하기

/// </summary>

/// <param name="child">자식</param>

/// <param name="scale">스케일</param>

/// <param name="width">너비</param>

/// <param name="duration">지속 시간</param>

private void AnimateTo(UIElement child, double scale, double width, double duration)

{

TransformGroup transformGroup = child.RenderTransform as TransformGroup;

ScaleTransform scaleTransform = transformGroup.Children[0] as ScaleTransform;

scaleTransform.BeginAnimation(ScaleTransform.ScaleXProperty, GetAnimation(scale, duration));

scaleTransform.BeginAnimation(ScaleTransform.ScaleYProperty, GetAnimation(scale, duration));

child.BeginAnimation(WidthProperty, GetAnimation(width, duration));

}

#endregion

#region 모두 애니메이션 처리하기 - AnimateAll()

/// <summary>

/// 모두 애니메이션 처리하기

/// </summary>

private void AnimateAll()

{

if(Children == null || Children.Count == 0)

{

return;

}

int? selectedElement = null;

if(IsMouseOver)

{

double width = 0d;

double x = Mouse.GetPosition(this).X;

double y = Mouse.GetPosition(this).Y;

for(int i = 0; i < Children.Count; i++)

{

if(Children[i].IsMouseOver && y < Children[i].DesiredSize.Height)

{

selectedElement = i;

break;

}

width += Children[i].DesiredSize.Width;

if(x <= width && y < Children[i].DesiredSize.Height)

{

selectedElement = i;

break;

}

for(int i = 0; i < Children.Count; i++)

{

if(i == selectedElement - 2)

{

AnimateTo(Children[i], 1.25, (this.elementWidth * 1.5), AnimationMilliseconds);

}

else if(i == selectedElement - 1)

{

AnimateTo(Children[i], 1.5, (this.elementWidth * 2.0), AnimationMilliseconds);

}

else if(i == selectedElement)

{

AnimateTo(Children[i], 2, (this.elementWidth * 2.5), AnimationMilliseconds);

}

else if(i == selectedElement + 1)

{

AnimateTo(Children[i], 1.5, (this.elementWidth * 2.0), AnimationMilliseconds);

}

else if(i == selectedElement + 2)

{

AnimateTo(Children[i], 1.25, (this.elementWidth * 1.5), AnimationMilliseconds);

}

else

{

AnimateTo(Children[i], 1, this.elementWidth, AnimationMilliseconds);

}

#endregion

}

▶ ReflectionControl.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 반사 컨트롤
    /// </summary>
    public class ReflectionControl : Decorator
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 반사 비주얼 브러시
        /// </summary>
        private readonly VisualBrush reflectionVisualBrush;

        /// <summary>
        /// 불투명도 마스크 선형 그라디언트 브러시
        /// </summary>
        private readonly LinearGradientBrush opacityMaskLinearGradientBrush;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - ReflectionControl()

        /// <summary>
        /// 생성자
        /// </summary>
        public ReflectionControl()
        {
            HorizontalAlignment = HorizontalAlignment.Center;
            VerticalAlignment   = VerticalAlignment.Bottom;

            this.opacityMaskLinearGradientBrush = new LinearGradientBrush
            {
                StartPoint = new Point(0, 0  ),
                EndPoint   = new Point(0, 0.8)
            };

            this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Black      , 0  ));
            this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Black      , 0.5));
            this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Transparent, 0.8));
            this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Transparent, 1  ));

            this.reflectionVisualBrush = new VisualBrush
            {
                Transform = new ScaleTransform(1, -1)
            };
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 측정하기 (오버라이드) - MeasureOverride(availableSize)

        /// <summary>
        /// 측정하기 (오버라이드)
        /// </summary>
        /// <param name="availableSize">이용 가능한 크기</param>
        /// <returns>측정 크기</returns>
        protected override Size MeasureOverride(Size availableSize)
        {
            if(Child == null)
            {
                return new Size(0, 0);
            }

            Child.Measure(availableSize);

            return new Size(Child.DesiredSize.Width, Child.DesiredSize.Height * 2.6);
        }

        #endregion
        #region 배열하기 (오버라이드) - ArrangeOverride(finalSize)

        /// <summary>
        /// 배열하기 (오버라이드)
        /// </summary>
        /// <param name="finalSize">최종 크기</param>
        /// <returns>배열 크기</returns>
        protected override Size ArrangeOverride(Size finalSize)
        {
            if(Child == null)
            {
                return new Size(0, 0);
            }

            Child.Arrange(new Rect(0, -(finalSize.Height * 2), finalSize.Width, finalSize.Height * 2.6));

            return finalSize;
        }

        #endregion
        #region 렌더링시 처리하기 - OnRender(drawingContext)

        /// <summary>
        /// 렌더링시 처리하기
        /// </summary>
        /// <param name="drawingContext">그리기 컨텍스트</param>
        protected override void OnRender(DrawingContext drawingContext)
        {
            base.OnRender(drawingContext);

            drawingContext.PushOpacityMask(this.opacityMaskLinearGradientBrush);

            drawingContext.PushOpacity(0.3);

            this.reflectionVisualBrush.Visual = Child;

            ((ScaleTransform)this.reflectionVisualBrush.Transform).CenterY = 4 * ActualHeight / 5;

            drawingContext.DrawRectangle
            (
                this.reflectionVisualBrush,
                null,
                new Rect(0, ActualHeight / 2, ActualWidth, ActualHeight / 2)
            );

            drawingContext.Pop();
            drawingContext.Pop();
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 반사 컨트롤

/// </summary>

public class ReflectionControl : Decorator

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 반사 비주얼 브러시

/// </summary>

private readonly VisualBrush reflectionVisualBrush;

/// <summary>

/// 불투명도 마스크 선형 그라디언트 브러시

/// </summary>

private readonly LinearGradientBrush opacityMaskLinearGradientBrush;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - ReflectionControl()

/// <summary>

/// 생성자

/// </summary>

public ReflectionControl()

{

HorizontalAlignment = HorizontalAlignment.Center;

VerticalAlignment = VerticalAlignment.Bottom;

this.opacityMaskLinearGradientBrush = new LinearGradientBrush

{

StartPoint = new Point(0, 0 ),

EndPoint = new Point(0, 0.8)

};

this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Black , 0 ));

this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Black , 0.5));

this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Transparent, 0.8));

this.opacityMaskLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Transparent, 1 ));

this.reflectionVisualBrush = new VisualBrush

{

Transform = new ScaleTransform(1, -1)

};

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 측정하기 (오버라이드) - MeasureOverride(availableSize)

/// <summary>

/// 측정하기 (오버라이드)

/// </summary>

/// <param name="availableSize">이용 가능한 크기</param>

/// <returns>측정 크기</returns>

protected override Size MeasureOverride(Size availableSize)

{

if(Child == null)

{

return new Size(0, 0);

}

Child.Measure(availableSize);

return new Size(Child.DesiredSize.Width, Child.DesiredSize.Height * 2.6);

}

#endregion

#region 배열하기 (오버라이드) - ArrangeOverride(finalSize)

/// <summary>

/// 배열하기 (오버라이드)

/// </summary>

/// <param name="finalSize">최종 크기</param>

/// <returns>배열 크기</returns>

protected override Size ArrangeOverride(Size finalSize)

{

if(Child == null)

{

return new Size(0, 0);

}

Child.Arrange(new Rect(0, -(finalSize.Height * 2), finalSize.Width, finalSize.Height * 2.6));

return finalSize;

}

#endregion

#region 렌더링시 처리하기 - OnRender(drawingContext)

/// <summary>

/// 렌더링시 처리하기

/// </summary>

/// <param name="drawingContext">그리기 컨텍스트</param>

protected override void OnRender(DrawingContext drawingContext)

{

base.OnRender(drawingContext);

drawingContext.PushOpacityMask(this.opacityMaskLinearGradientBrush);

drawingContext.PushOpacity(0.3);

this.reflectionVisualBrush.Visual = Child;

((ScaleTransform)this.reflectionVisualBrush.Transform).CenterY = 4 * ActualHeight / 5;

drawingContext.DrawRectangle

(

this.reflectionVisualBrush,

null,

new Rect(0, ActualHeight / 2, ActualWidth, ActualHeight / 2)

);

drawingContext.Pop();

}

#endregion

}

▶ ImageConstant.cs


namespace TestProject
{
    /// <summary>
    /// 이미지 상수
    /// </summary>
    public class ImageConstant
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// 브라우저
        /// </summary>
        public const string BROWSER = @"pack://application:,,,/TestProject;component/IMAGE/browser.png";

        /// <summary>
        /// 달력
        /// </summary>
        public const string CALENDAR = @"pack://application:,,,/TestProject;component/IMAGE/calendar.png";

        /// <summary>
        /// 시계
        /// </summary>
        public const string CLOCK = @"pack://application:,,,/TestProject;component/IMAGE/clock.png";

        /// <summary>
        /// 연락처
        /// </summary>
        public const string CONTACTS = @"pack://application:,,,/TestProject;component/IMAGE/contacts.png";

        /// <summary>
        /// 지도
        /// </summary>
        public const string MAPS = @"pack://application:,,,/TestProject;component/IMAGE/maps.png";

        /// <summary>
        /// 미디어
        /// </summary>
        public const string MEDIA = @"pack://application:,,,/TestProject;component/IMAGE/media.png";

        /// <summary>
        /// 메시지
        /// </summary>
        public const string MESSAGES = @"pack://application:,,,/TestProject;component/IMAGE/messages.png";

        /// <summary>
        /// 프로필
        /// </summary>
        public const string PROFILES = @"pack://application:,,,/TestProject;component/IMAGE/profiles.png";

        /// <summary>
        /// 탐색
        /// </summary>
        public const string SEARCH = @"pack://application:,,,/TestProject;component/IMAGE/search.png";

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// 이미지 상수

/// </summary>

public class ImageConstant

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// 브라우저

/// </summary>

public const string BROWSER = @"pack://application:,,,/TestProject;component/IMAGE/browser.png";

/// <summary>

/// 달력

/// </summary>

public const string CALENDAR = @"pack://application:,,,/TestProject;component/IMAGE/calendar.png";

/// <summary>

/// 시계

/// </summary>

public const string CLOCK = @"pack://application:,,,/TestProject;component/IMAGE/clock.png";

/// <summary>

/// 연락처

/// </summary>

public const string CONTACTS = @"pack://application:,,,/TestProject;component/IMAGE/contacts.png";

/// <summary>

/// 지도

/// </summary>

public const string MAPS = @"pack://application:,,,/TestProject;component/IMAGE/maps.png";

/// <summary>

/// 미디어

/// </summary>

public const string MEDIA = @"pack://application:,,,/TestProject;component/IMAGE/media.png";

/// <summary>

/// 메시지

/// </summary>

public const string MESSAGES = @"pack://application:,,,/TestProject;component/IMAGE/messages.png";

/// <summary>

/// 프로필

/// </summary>

public const string PROFILES = @"pack://application:,,,/TestProject;component/IMAGE/profiles.png";

/// <summary>

/// 탐색

/// </summary>

public const string SEARCH = @"pack://application:,,,/TestProject;component/IMAGE/search.png";

#endregion

}

▶ Item.cs


using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 항목
    /// </summary>
    public class Item
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 항목명 - ItemName

        /// <summary>
        /// 항목명
        /// </summary>
        public string ItemName { get; set; }

        #endregion
        #region 항목 이미지 - ItemImage

        /// <summary>
        /// 항목 이미지
        /// </summary>
        public ImageSource ItemImage { get; set; }

        #endregion
    }
}

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 항목

/// </summary>

public class Item

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 항목명 - ItemName

/// <summary>

/// 항목명

/// </summary>

public string ItemName { get; set; }

#endregion

#region 항목 이미지 - ItemImage

/// <summary>

/// 항목 이미지

/// </summary>

public ImageSource ItemImage { get; set; }

#endregion

}

▶ DataHelper.cs


using System.Collections.Generic;
using System.Windows.Media;

namespace TestProject
{
    /// <summary>
    /// 데이터 헬퍼
    /// </summary>
    public class DataHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 항목 리스트 구하기 - GetItemList()

        /// <summary>
        /// 항목 리스트 구하기
        /// </summary>
        /// <returns>항목 리스트</returns>
        public static List<Item> GetItemList()
        {
            List<Item> list = new List<Item>
            {
                new Item
                {
                    ItemName  = "메시지",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MESSAGES)
                },
                new Item
                {
                    ItemName  = "연락처",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CONTACTS)
                },
                new Item
                {
                    ItemName  = "달력",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CALENDAR)
                },
                new Item
                {
                    ItemName  = "브라우저",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.BROWSER)
                },
                new Item
                {
                    ItemName  = "미디어",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MEDIA)
                },
                new Item
                {
                    ItemName  = "지도",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MAPS)
                },
                new Item
                {
                    ItemName  = "시계",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CLOCK)
                },
                new Item
                {
                    ItemName  = "탐색",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.SEARCH)
                },
                new Item
                {
                    ItemName  = "프로필",
                    ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.PROFILES)
                }
            };

            return list;
        }

        #endregion
    }
}

using System.Collections.Generic;

using System.Windows.Media;

namespace TestProject

{

/// <summary>

/// 데이터 헬퍼

/// </summary>

public class DataHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 항목 리스트 구하기 - GetItemList()

/// <summary>

/// 항목 리스트 구하기

/// </summary>

/// <returns>항목 리스트</returns>

public static List<Item> GetItemList()

{

List<Item> list = new List<Item>

{

new Item

{

ItemName = "메시지",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MESSAGES)

new Item

{

ItemName = "연락처",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CONTACTS)

new Item

{

ItemName = "달력",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CALENDAR)

new Item

{

ItemName = "브라우저",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.BROWSER)

new Item

{

ItemName = "미디어",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MEDIA)

new Item

{

ItemName = "지도",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.MAPS)

new Item

{

ItemName = "시계",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.CLOCK)

new Item

{

ItemName = "탐색",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.SEARCH)

new Item

{

ItemName = "프로필",

ItemImage = (ImageSource)new ImageSourceConverter().ConvertFrom(ImageConstant.PROFILES)

}

};

return list;

}

#endregion

}

▶

[C#/WPF] 확장 메뉴 사용하기

■ 확장 메뉴를 사용하는 방법을 보여준다. ▶ Category.cs


using System.Collections.Generic;

namespace TestProject
{
    /// <summary>
    /// 카테고리
    /// </summary>
    public class Category
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 카테고리명 - CategoryName

        /// <summary>
        /// 카테고리명
        /// </summary>
        public string CategoryName { get; set; }

        #endregion
        #region 영화 리스트 - MovieList

        /// <summary>
        /// 영화 리스트
        /// </summary>
        public List<Movie> MovieList { get; set; }

        #endregion
    }
}

using System.Collections.Generic;

namespace TestProject

{

/// <summary>

/// 카테고리

/// </summary>

public class Category

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 카테고리명 - CategoryName

/// <summary>

/// 카테고리명

/// </summary>

public string CategoryName { get; set; }

#endregion

#region 영화 리스트 - MovieList

/// <summary>

/// 영화 리스트

/// </summary>

public List<Movie> MovieList { get; set; }

#endregion

}

▶ Movie.cs


namespace TestProject
{
    /// <summary>
    /// Movie class.
    /// </summary>
    public class Movie
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 제목 - Title

        /// <summary>
        /// 제목
        /// </summary>
        public string Title { get; set; }

        #endregion
        #region 링크 - Link

        /// <summary>
        /// 링크
        /// </summary>
        public string Link { get; set; }

        #endregion
        #region 감독 - Director

        /// <summary>
        /// 감독
        /// </summary>
        public string Director { get; set; }

        #endregion
    }
}

namespace TestProject

{

/// <summary>

/// Movie class.

/// </summary>

public class Movie

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 제목 - Title

/// <summary>

/// 제목

/// </summary>

public string Title { get; set; }

#endregion

#region 링크 - Link

/// <summary>

/// 링크

/// </summary>

public string Link { get; set; }

#endregion

#region 감독 - Director

/// <summary>

/// 감독

/// </summary>

public string Director { get; set; }

#endregion

}

▶ DataHelper.cs


using System.Collections.Generic;

namespace TestProject
{
    /// <summary>
    /// 데이터 헬퍼
    /// </summary>
    public class DataHelper
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 카테고리 리스트 구하기 - GetCategoryList()

        /// <summary>
        /// 카테고리 리스트 구하기
        /// </summary>
        /// <returns>카테고리 리스트</returns>
        public static List<Category> GetCategoryList()
        {
            List<Category> list = new List<Category>
            {
                new Category
                {
                    CategoryName = "Action / Sci-Fi",
                    MovieList    = new List<Movie>
                    {
                        new Movie
                        {
                            Title    = "X-Men: First Class",
                            Link     = "http://www.imdb.com/title/tt1270798/",
                            Director = "Matthew Vaughn"
                        },
                        new Movie
                        {
                            Title    = "Rise of the Planet of the Apes",
                            Link     = "http://www.imdb.com/title/tt1318514/",
                            Director = "Rupert Wyatt"
                        },
                        new Movie
                        {
                            Title    = "Iron Man 2",
                            Link     = "http://www.imdb.com/title/tt1228705/",
                            Director = "Jon Favreau"
                        }
                    }
                },
                new Category
                {
                    CategoryName = "Action / Thriller",
                    MovieList    = new List<Movie>
                    {
                        new Movie
                        {
                            Title    = "The Amazing Spider-Man",
                            Link     = "http://www.imdb.com/title/tt0948470/",
                            Director = "Marc Webb"
                        },
                        new Movie
                        {
                            Title    = "The Dark Knight Rises",
                            Link     = "http://www.imdb.com/title/tt1345836/",
                            Director = "Christopher Nolan"
                        },
                        new Movie
                        {
                            Title    = "Captain America: The First Avenger",
                            Link     = "http://www.imdb.com/title/tt0458339/",
                            Director = "Joe Johnston"
                        }
                    }
                },
                new Category
                {
                    CategoryName = "Adventure",
                    MovieList    = new List<Movie>
                    {
                        new Movie
                        {
                            Title    = "Harry Potter and the Deathly Hallows: Part 2",
                            Link     = "http://www.imdb.com/title/tt1201607/",
                            Director = "David Yates"
                        },
                        new Movie
                        {
                            Title    = "The Adventures of Tintin",
                            Link     = "http://www.imdb.com/title/tt0983193/",
                            Director = "Steven Spielberg"
                        },
                        new Movie
                        {
                            Title    = "Transformers: Dark of the Moon",
                            Link     = "http://www.imdb.com/title/tt1399103/",
                            Director = "Michael Bay"
                        },
                        new Movie
                        {
                            Title    = "The Hobbit: An Unexpected Journey",
                            Link     = "http://www.imdb.com/title/tt0903624/",
                            Director = "Peter Jackson"
                        }
                    }
                },
                new Category
                {
                    CategoryName = "Comedy / Romance",
                    MovieList    = new List<Movie>
                    {
                        new Movie
                        {
                            Title    = "Midnight in Paris",
                            Link     = "http://www.imdb.com/title/tt1605783/",
                            Director = "Woody Allen"
                        },
                        new Movie
                        {
                            Title    = "The Hangover",
                            Link     = "http://www.imdb.com/title/tt1119646/",
                            Director = "Todd Phillips"
                        }
                    }
                },
                new Category
                {
                    CategoryName = "Mystery",
                    MovieList    = new List<Movie>
                    {
                        new Movie
                        {
                            Title    = "Source Code",
                            Link     = "http://www.imdb.com/title/tt0945513/",
                            Director = "Duncan Jones"
                        },
                        new Movie
                        {
                            Title    = "Super 8",
                            Link     = "http://www.imdb.com/title/tt1650062/",
                            Director = "J.J. Abrams"
                        },
                        new Movie
                        {
                            Title    = "Black Swan",
                            Link     = "http://www.imdb.com/title/tt0947798/",
                            Director = "Darren Aronofsky"
                        }
                    }
                }
            };

            return list;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

using System.Collections.Generic;

namespace TestProject

{

/// <summary>

/// 데이터 헬퍼

/// </summary>

public class DataHelper

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 카테고리 리스트 구하기 - GetCategoryList()

/// <summary>

/// 카테고리 리스트 구하기

/// </summary>

/// <returns>카테고리 리스트</returns>

public static List<Category> GetCategoryList()

{

List<Category> list = new List<Category>

{

new Category

{

CategoryName = "Action / Sci-Fi",

MovieList = new List<Movie>

{

new Movie

{

Title = "X-Men: First Class",

Link = "http://www.imdb.com/title/tt1270798/",

Director = "Matthew Vaughn"

new Movie

{

Title = "Rise of the Planet of the Apes",

Link = "http://www.imdb.com/title/tt1318514/",

Director = "Rupert Wyatt"

new Movie

{

Title = "Iron Man 2",

Link = "http://www.imdb.com/title/tt1228705/",

Director = "Jon Favreau"

}

new Category

{

CategoryName = "Action / Thriller",

MovieList = new List<Movie>

{

new Movie

{

Title = "The Amazing Spider-Man",

Link = "http://www.imdb.com/title/tt0948470/",

Director = "Marc Webb"

new Movie

{

Title = "The Dark Knight Rises",

Link = "http://www.imdb.com/title/tt1345836/",

Director = "Christopher Nolan"

new Movie

{

Title = "Captain America: The First Avenger",

Link = "http://www.imdb.com/title/tt0458339/",

Director = "Joe Johnston"

}

new Category

{

CategoryName = "Adventure",

MovieList = new List<Movie>

{

new Movie

{

Title = "Harry Potter and the Deathly Hallows: Part 2",

Link = "http://www.imdb.com/title/tt1201607/",

Director = "David Yates"

new Movie

{

Title = "The Adventures of Tintin",

Link = "http://www.imdb.com/title/tt0983193/",

Director = "Steven Spielberg"

new Movie

{

Title = "Transformers: Dark of the Moon",

Link = "http://www.imdb.com/title/tt1399103/",

Director = "Michael Bay"

new Movie

{

Title = "The Hobbit: An Unexpected Journey",

Link = "http://www.imdb.com/title/tt0903624/",

Director = "Peter Jackson"

}

new Category

{

CategoryName = "Comedy / Romance",

MovieList = new List<Movie>

{

new Movie

{

Title = "Midnight in Paris",

Link = "http://www.imdb.com/title/tt1605783/",

Director = "Woody Allen"

new Movie

{

Title = "The Hangover",

Link = "http://www.imdb.com/title/tt1119646/",

Director = "Todd Phillips"

}

new Category

{

CategoryName = "Mystery",

MovieList = new List<Movie>

{

new Movie

{

Title = "Source Code",

Link = "http://www.imdb.com/title/tt0945513/",

Director = "Duncan Jones"

new Movie

{

Title = "Super 8",

Link = "http://www.imdb.com/title/tt1650062/",

Director = "J.J. Abrams"

new Movie

{

Title = "Black Swan",

Link = "http://www.imdb.com/title/tt0947798/",

Director = "Darren Aronofsky"

}

};

return list;

}

#endregion

}

▶ CommandManager.cs


using System;
using System.Collections.Generic;

namespace TestProject
{
    /// <summary>
    /// 명령 관리자
    /// </summary>
    public class CommandManager
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 약한 참조 핸들러 추가하기 - AddWeakReferenceHandler(weakReferenceList, eventHandler)

        /// <summary>
        /// 약한 참조 핸들러 추가하기
        /// </summary>
        /// <param name="weakReferenceList">약한 참조 리스트</param>
        /// <param name="eventHandler">이벤트 핸들러</param>
        public static void AddWeakReferenceHandler(ref List<WeakReference> weakReferenceList, EventHandler eventHandler)
        {
            if(weakReferenceList == null)
            {
                weakReferenceList = new List<WeakReference>();
            }

            weakReferenceList.Add(new WeakReference(eventHandler));
        }

        #endregion
        #region 약한 참조 핸들러 제거하기 - RemoveWeakReferenceHandler(weakReferenceList, eventHandler)

        /// <summary>
        /// 약한 참조 핸들러 제거하기
        /// </summary>
        /// <param name="weakReferenceList">약한 참조 리스트</param>
        /// <param name="eventHandler">이벤트 핸들러</param>
        public static void RemoveWeakReferenceHandler(List<WeakReference> weakReferenceList, EventHandler eventHandler)
        {
            if(weakReferenceList != null)
            {
                for(int i = weakReferenceList.Count - 1; i >= 0; i--)
                {
                    WeakReference weakReference = weakReferenceList[i];

                    EventHandler existingEventHandler  = weakReference.Target as EventHandler;

                    if((existingEventHandler  == null) || (existingEventHandler  == eventHandler))
                    {
                        weakReferenceList.RemoveAt(i);
                    }
                }
            }
        }

        #endregion
        #region 약한 참조 핸들러 호출하기 - CallWeakReferenceHandlers(weakReferenceList)

        /// <summary>
        /// 약한 참조 핸들러 호출하기
        /// </summary>
        /// <param name="weakReferenceList">약한 참조 리스트</param>
        public static void CallWeakReferenceHandlers(List<WeakReference> weakReferenceList)
        {
            if(weakReferenceList != null)
            {
                EventHandler[] eventHandlerArray = new EventHandler[weakReferenceList.Count];

                int count = 0;

                for(int i = weakReferenceList.Count - 1; i >= 0; i--)
                {
                    WeakReference weakReference  = weakReferenceList[i];

                    EventHandler eventHandler = weakReference.Target as EventHandler;

                    if(eventHandler == null)
                    {
                        weakReferenceList.RemoveAt(i);
                    }
                    else
                    {
                        eventHandlerArray[count] = eventHandler;

                        count++;
                    }
                }

                for(int i = 0; i < count; i++)
                {
                    EventHandler eventHandler = eventHandlerArray[i];

                    eventHandler(null, EventArgs.Empty);
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

using System;

using System.Collections.Generic;

namespace TestProject

{

/// <summary>

/// 명령 관리자

/// </summary>

public class CommandManager

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 약한 참조 핸들러 추가하기 - AddWeakReferenceHandler(weakReferenceList, eventHandler)

/// <summary>

/// 약한 참조 핸들러 추가하기

/// </summary>

/// <param name="weakReferenceList">약한 참조 리스트</param>

/// <param name="eventHandler">이벤트 핸들러</param>

public static void AddWeakReferenceHandler(ref List<WeakReference> weakReferenceList, EventHandler eventHandler)

{

if(weakReferenceList == null)

{

weakReferenceList = new List<WeakReference>();

}

weakReferenceList.Add(new WeakReference(eventHandler));

}

#endregion

#region 약한 참조 핸들러 제거하기 - RemoveWeakReferenceHandler(weakReferenceList, eventHandler)

/// <summary>

/// 약한 참조 핸들러 제거하기

/// </summary>

/// <param name="weakReferenceList">약한 참조 리스트</param>

/// <param name="eventHandler">이벤트 핸들러</param>

public static void RemoveWeakReferenceHandler(List<WeakReference> weakReferenceList, EventHandler eventHandler)

{

if(weakReferenceList != null)

{

for(int i = weakReferenceList.Count - 1; i >= 0; i--)

{

WeakReference weakReference = weakReferenceList[i];

EventHandler existingEventHandler = weakReference.Target as EventHandler;

if((existingEventHandler == null) || (existingEventHandler == eventHandler))

{

weakReferenceList.RemoveAt(i);

}

#endregion

#region 약한 참조 핸들러 호출하기 - CallWeakReferenceHandlers(weakReferenceList)

/// <summary>

/// 약한 참조 핸들러 호출하기

/// </summary>

/// <param name="weakReferenceList">약한 참조 리스트</param>

public static void CallWeakReferenceHandlers(List<WeakReference> weakReferenceList)

{

if(weakReferenceList != null)

{

EventHandler[] eventHandlerArray = new EventHandler[weakReferenceList.Count];

int count = 0;

for(int i = weakReferenceList.Count - 1; i >= 0; i--)

{

WeakReference weakReference = weakReferenceList[i];

EventHandler eventHandler = weakReference.Target as EventHandler;

if(eventHandler == null)

{

weakReferenceList.RemoveAt(i);

}

else

{

eventHandlerArray[count] = eventHandler;

count++;

}

for(int i = 0; i < count; i++)

{

EventHandler eventHandler = eventHandlerArray[i];

eventHandler(null, EventArgs.Empty);

}

#endregion

}

▶ DelegateCommand.cs


using System;
using System.Collections.Generic;
using System.Windows.Input;

namespace TestProject
{
    /// <summary>
    /// 대리자 명령
    /// </summary>
    /// <typeparam name="TParameter">매개 변수 타입</typeparam>
    public class DelegateCommand<TParameter> : ICommand
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Event
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 실행 가능 여부 변경시 이벤트 - CanExecuteChanged

        /// <summary>
        /// 실행 가능 여부 변경시 이벤트
        /// </summary>
        public event EventHandler CanExecuteChanged
        {
            add
            {
                CommandManager.AddWeakReferenceHandler(ref this.weakReferenceList, value);
            }
            remove
            {
                CommandManager.RemoveWeakReferenceHandler(this.weakReferenceList, value);
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 실행 액션
        /// </summary>
        private readonly Action<TParameter> executeAction;


        /// <summary>
        /// 실행 가능 여부 함수
        /// </summary>
        private readonly Func<TParameter, bool> canExecuteFunction;

        /// <summary>
        /// 약한 참조 리스트
        /// </summary>
        private List<WeakReference> weakReferenceList;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - DelegateCommand(executeAction, canExecuteFunction)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="executeAction">실행 액션</param>
        /// <param name="canExecuteFunction">실행 가능 여부 함수</param>
        public DelegateCommand(Action<TParameter> executeAction, Func<TParameter, bool> canExecuteFunction)
        {
            if(executeAction == null)
            {
                throw new ArgumentNullException("executeAction");
            }

            this.executeAction      = executeAction;
            this.canExecuteFunction = canExecuteFunction;
        }

        #endregion
        #region 생성자 - DelegateCommand(executeAction)

        /// <summary>
        /// 생성자
        /// </summary>
        /// <param name="executeAction">실행 액션</param>
        public DelegateCommand(Action<TParameter> executeAction) : this(executeAction, null)
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 실행 가능 여부 구하기 - CanExecute(parameter)

        /// <summary>
        /// 실행 가능 여부 구하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        /// <returns>실행 가능 여부</returns>
        public bool CanExecute(TParameter parameter)
        {
            if(this.canExecuteFunction != null)
            {
                return this.canExecuteFunction(parameter);
            }

            return true;
        }

        #endregion
        #region 실행하기 - Execute(parameter)

        /// <summary>
        /// 실행하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        public void Execute(TParameter parameter)
        {
            if(this.executeAction != null)
            {
                this.executeAction(parameter);
            }
        }

        #endregion

        #region 실행 가능 여부 구하기 - ICommand.CanExecute(parameter)

        /// <summary>
        /// 실행 가능 여부 구하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        /// <returns>실행 가능 여부</returns>
        bool ICommand.CanExecute(object parameter)
        {
            if(parameter == null && typeof(TParameter).IsValueType)
            {
                return this.canExecuteFunction == null;
            }

            return CanExecute((TParameter)parameter);
        }

        #endregion
        #region 실행하기 - ICommand.Execute(parameter)

        /// <summary>
        /// 실행하기
        /// </summary>
        /// <param name="parameter">매개 변수</param>
        void ICommand.Execute(object parameter)
        {
            Execute((TParameter)parameter);
        }

        #endregion

        #region 실행 가능 여부 변경시 이벤트 발생시키기 - RaiseCanExecuteChangedEvent()

        /// <summary>
        /// 실행 가능 여부 변경시 이벤트 발생시키기
        /// </summary>
        public void RaiseCanExecuteChangedEvent()
        {
            FireCanExecuteChangedEvent();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 실행 가능 여부 변경시 이벤트 발생시키기 - FireCanExecuteChangedEvent()

        /// <summary>
        /// 실행 가능 여부 변경시 이벤트 발생시키기
        /// </summary>
        protected virtual void FireCanExecuteChangedEvent()
        {
            CommandManager.CallWeakReferenceHandlers(this.weakReferenceList);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

using System;

using System.Collections.Generic;

using System.Windows.Input;

namespace TestProject

{

/// <summary>

/// 대리자 명령

/// </summary>

/// <typeparam name="TParameter">매개 변수 타입</typeparam>

public class DelegateCommand<TParameter> : ICommand

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Event

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 실행 가능 여부 변경시 이벤트 - CanExecuteChanged

/// <summary>

/// 실행 가능 여부 변경시 이벤트

/// </summary>

public event EventHandler CanExecuteChanged

{

add

{

CommandManager.AddWeakReferenceHandler(ref this.weakReferenceList, value);

}

remove

{

CommandManager.RemoveWeakReferenceHandler(this.weakReferenceList, value);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 실행 액션

/// </summary>

private readonly Action<TParameter> executeAction;

/// <summary>

/// 실행 가능 여부 함수

/// </summary>

private readonly Func<TParameter, bool> canExecuteFunction;

/// <summary>

/// 약한 참조 리스트

/// </summary>

private List<WeakReference> weakReferenceList;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - DelegateCommand(executeAction, canExecuteFunction)

/// <summary>

/// 생성자

/// </summary>

/// <param name="executeAction">실행 액션</param>

/// <param name="canExecuteFunction">실행 가능 여부 함수</param>

public DelegateCommand(Action<TParameter> executeAction, Func<TParameter, bool> canExecuteFunction)

{

if(executeAction == null)

{

throw new ArgumentNullException("executeAction");

}

this.executeAction = executeAction;

this.canExecuteFunction = canExecuteFunction;

}

#endregion

#region 생성자 - DelegateCommand(executeAction)

/// <summary>

/// 생성자

/// </summary>

/// <param name="executeAction">실행 액션</param>

public DelegateCommand(Action<TParameter> executeAction) : this(executeAction, null)

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 실행 가능 여부 구하기 - CanExecute(parameter)

/// <summary>

/// 실행 가능 여부 구하기

/// </summary>

/// <param name="parameter">매개 변수</param>

/// <returns>실행 가능 여부</returns>

public bool CanExecute(TParameter parameter)

{

if(this.canExecuteFunction != null)

{

return this.canExecuteFunction(parameter);

}

return true;

}

#endregion

#region 실행하기 - Execute(parameter)

/// <summary>

/// 실행하기

/// </summary>

/// <param name="parameter">매개 변수</param>

public void Execute(TParameter parameter)

{

if(this.executeAction != null)

{

this.executeAction(parameter);

}

#endregion

#region 실행 가능 여부 구하기 - ICommand.CanExecute(parameter)

/// <summary>

/// 실행 가능 여부 구하기

/// </summary>

/// <param name="parameter">매개 변수</param>

/// <returns>실행 가능 여부</returns>

bool ICommand.CanExecute(object parameter)

{

if(parameter == null && typeof(TParameter).IsValueType)

{

return this.canExecuteFunction == null;

}

return CanExecute((TParameter)parameter);

}

#endregion

#region 실행하기 - ICommand.Execute(parameter)

/// <summary>

/// 실행하기

/// </summary>

/// <param name="parameter">매개 변수</param>

void ICommand.Execute(object parameter)

{

Execute((TParameter)parameter);

}

#endregion

#region 실행 가능 여부 변경시 이벤트 발생시키기 - RaiseCanExecuteChangedEvent()

/// <summary>

/// 실행 가능 여부 변경시 이벤트 발생시키기

/// </summary>

public void RaiseCanExecuteChangedEvent()

{

FireCanExecuteChangedEvent();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 실행 가능 여부 변경시 이벤트 발생시키기 - FireCanExecuteChangedEvent()

/// <summary>

/// 실행 가능 여부 변경시 이벤트 발생시키기

/// </summary>

protected virtual void FireCanExecuteChangedEvent()

{

CommandManager.CallWeakReferenceHandlers(this.weakReferenceList);

}

#endregion

}

▶

[C#/WINUI2.5] RichEditBox 엘리먼트 : 컨텍스트 메뉴에 커스텀 명령 추가하기

■ RichEditBox 엘리먼트에서 컨텍스트 메뉴에 커스텀 명령을 추가하는 방법을 보여준다. ▶ MainPage.xaml


<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <RichEditBox Name="richEditBox"
            Width="600"
            Height="200"
            Loaded="richEditBox_Loaded"
            Unloaded="richEditBox_Unloaded" />
    </Grid>
</Page>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<RichEditBox Name="richEditBox"

Width="600"

Height="200"

Loaded="richEditBox_Loaded"

Unloaded="richEditBox_Unloaded" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Foundation.Metadata;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPage()
        {
            InitializeComponent();

            #region 윈도우 크기를 설정한다.

            double width  = 800d;
            double height = 600d;

            double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

            ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

            Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

            ApplicationView.PreferredLaunchViewSize = windowSize;

            Window.Current.Activate();

            ApplicationView.GetForCurrentView().TryResizeView(windowSize);

            #endregion
            #region 윈도우 제목을 설정한다.

            ApplicationView.GetForCurrentView().Title = "RichEditBox 엘리먼트 : 컨텍스트 메뉴에서 커스텀 명령 추가하기";

            #endregion
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 플라이아웃 베이스 오픈시 처리하기 - FlyoutBase_Opening(sender, e)

        /// <summary>
        /// 플라이아웃 베이스 오픈시 처리하기
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void FlyoutBase_Opening(object sender, object e)
        {
            CommandBarFlyout commandBarFlyout = sender as CommandBarFlyout;

            if(commandBarFlyout.Target == this.richEditBox)
            {
                AppBarButton appBarButton = new AppBarButton
                {
                    Command = new StandardUICommand(StandardUICommandKind.Share)
                };

                commandBarFlyout.PrimaryCommands.Add(appBarButton);
            }
        }

        #endregion
        #region 리치 편집 박스 로드시 처리하기 - richEditBox_Loaded(sender, e)

        /// <summary>
        /// 리치 편집 박스 로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_Loaded(object sender, RoutedEventArgs e)
        {
            if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                this.richEditBox.ContextFlyout.Opening   += FlyoutBase_Opening;
                this.richEditBox.SelectionFlyout.Opening += FlyoutBase_Opening;
            }
        }

        #endregion
        #region 리치 편집 박스 언로드시 처리하기 - richEditBox_Unloaded(sender, e)

        /// <summary>
        /// 리치 편집 박스 언로드시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_Unloaded(object sender, RoutedEventArgs e)
        {
            if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                this.richEditBox.SelectionFlyout.Opening -= FlyoutBase_Opening;
                this.richEditBox.ContextFlyout.Opening   -= FlyoutBase_Opening;
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

using Windows.Foundation;

using Windows.Foundation.Metadata;

using Windows.Graphics.Display;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

#region 윈도우 크기를 설정한다.

double width = 800d;

double height = 600d;

double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

ApplicationView.PreferredLaunchViewSize = windowSize;

Window.Current.Activate();

ApplicationView.GetForCurrentView().TryResizeView(windowSize);

#endregion

#region 윈도우 제목을 설정한다.

ApplicationView.GetForCurrentView().Title = "RichEditBox 엘리먼트 : 컨텍스트 메뉴에서 커스텀 명령 추가하기";

#endregion

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 플라이아웃 베이스 오픈시 처리하기 - FlyoutBase_Opening(sender, e)

/// <summary>

/// 플라이아웃 베이스 오픈시 처리하기

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

private void FlyoutBase_Opening(object sender, object e)

{

CommandBarFlyout commandBarFlyout = sender as CommandBarFlyout;

if(commandBarFlyout.Target == this.richEditBox)

{

AppBarButton appBarButton = new AppBarButton

{

Command = new StandardUICommand(StandardUICommandKind.Share)

};

commandBarFlyout.PrimaryCommands.Add(appBarButton);

}

#endregion

#region 리치 편집 박스 로드시 처리하기 - richEditBox_Loaded(sender, e)

/// <summary>

/// 리치 편집 박스 로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_Loaded(object sender, RoutedEventArgs e)

{

if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

this.richEditBox.ContextFlyout.Opening += FlyoutBase_Opening;

this.richEditBox.SelectionFlyout.Opening += FlyoutBase_Opening;

}

#endregion

#region 리치 편집 박스 언로드시 처리하기 - richEditBox_Unloaded(sender, e)

/// <summary>

/// 리치 편집 박스 언로드시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void richEditBox_Unloaded(object sender, RoutedEventArgs e)

{

if(ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

this.richEditBox.SelectionFlyout.Opening -= FlyoutBase_Opening;

this.richEditBox.ContextFlyout.Opening -= FlyoutBase_Opening;

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] NavigationView 엘리먼트 : 계층 메뉴 사용하기

■ NavigationView 엘리먼트에서 계층 메뉴를 사용하는 방법을 보여준다. ▶ SamplePage1.xaml


<Page x:Class="TestProject.SamplePage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ScrollViewer>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Grid.Resources>
                <x:Double x:Key="TileHeightKey">150</x:Double>
            </Grid.Resources>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*"    />
                <ColumnDefinition Width="*"    />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*"    />
            </Grid.RowDefinitions>
            <Grid Grid.Row="1" Grid.Column="1" Margin="5" MinHeight="{StaticResource TileHeightKey}" Background="DarkGray"  />
            <Grid Grid.Row="1" Grid.Column="2" Margin="5" MinHeight="{StaticResource TileHeightKey}" Background="LightGray" />
            <Grid Grid.Row="2" Grid.Column="1" Margin="5" MinHeight="{StaticResource TileHeightKey}" Background="LightGray" />
            <Grid Grid.Row="2" Grid.Column="2" Margin="5" MinHeight="{StaticResource TileHeightKey}" Background="DarkGray"  />
            <Grid Name="sourceGrid" Grid.Row="1" Grid.Column="0" Grid.RowSpan="2"
                Margin="5"
                MinWidth="250"
                MinHeight="{StaticResource TileHeightKey}"
                Background="{ThemeResource SystemAccentColor}" />
            <Grid Grid.Row="3" Grid.ColumnSpan="3"
                Margin="5 10">
                <TextBlock
                    TextWrapping="WrapWholeWords"
                    Style="{ThemeResource BodyTextBlockStyle}">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </TextBlock>
            </Grid>
        </Grid>
    </ScrollViewer>
</Page>

<Page x:Class="TestProject.SamplePage1"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Grid.Resources>

<x:Double x:Key="TileHeightKey">150</x:Double>

</Grid.Resources>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid Name="sourceGrid" Grid.Row="1" Grid.Column="0" Grid.RowSpan="2"

Margin="5"

MinWidth="250"

MinHeight="{StaticResource TileHeightKey}"

Background="{ThemeResource SystemAccentColor}" />

<Grid Grid.Row="3" Grid.ColumnSpan="3"

Margin="5 10">

<TextBlock

TextWrapping="WrapWholeWords"

Style="{ThemeResource BodyTextBlockStyle}">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</TextBlock>

</Grid>

</ScrollViewer>

</Page>

▶ SamplePage1.xaml.cs


using Windows.Foundation.Metadata;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media.Animation;
using Windows.UI.Xaml.Navigation;

namespace TestProject
{
    /// <summary>
    /// 샘플 페이지 1
    /// </summary>
    public sealed partial class SamplePage1 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - SamplePage1()

        /// <summary>
        /// 생성자
        /// </summary>
        public SamplePage1()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 연결 애니메이션 준비하기 - PrepareConnectedAnimation(configuration)

        /// <summary>
        /// 연결 애니메이션 준비하기
        /// </summary>
        /// <param name="configuration">연결 애니메이션 구성</param>
        public void PrepareConnectedAnimation(ConnectedAnimationConfiguration configuration)
        {
            ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("ForwardConnectedAnimation", this.sourceGrid);

            if(configuration != null && ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                animation.Configuration = configuration;
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 탐색되는 경우 처리하기 - OnNavigatedTo(e)

        /// <summary>
        /// 탐색되는 경우 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);

            ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("BackwardAnimation");

            if(animation != null)
            {
                animation.TryStart(this.sourceGrid);
            }
        }

        #endregion
    }
}

using Windows.Foundation.Metadata;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media.Animation;

using Windows.UI.Xaml.Navigation;

namespace TestProject

{

/// <summary>

/// 샘플 페이지 1

/// </summary>

public sealed partial class SamplePage1 : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - SamplePage1()

/// <summary>

/// 생성자

/// </summary>

public SamplePage1()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 연결 애니메이션 준비하기 - PrepareConnectedAnimation(configuration)

/// <summary>

/// 연결 애니메이션 준비하기

/// </summary>

/// <param name="configuration">연결 애니메이션 구성</param>

public void PrepareConnectedAnimation(ConnectedAnimationConfiguration configuration)

{

ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("ForwardConnectedAnimation", this.sourceGrid);

if(configuration != null && ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

animation.Configuration = configuration;

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 탐색되는 경우 처리하기 - OnNavigatedTo(e)

/// <summary>

/// 탐색되는 경우 처리하기

/// </summary>

/// <param name="e">이벤트 인자</param>

protected override void OnNavigatedTo(NavigationEventArgs e)

{

base.OnNavigatedTo(e);

ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("BackwardAnimation");

if(animation != null)

{

animation.TryStart(this.sourceGrid);

}

#endregion

}

▶ SamplePage2.xaml


<Page x:Class="TestProject.SamplePage2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ScrollViewer>
        <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Grid.Resources>
                <x:Double x:Key="TileHeightKey">150</x:Double>
            </Grid.Resources>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*"    />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid Name="targetGrid" Grid.Row="1" Grid.Column="0"
                VerticalAlignment="Top"
                Margin="10"
                Width="150"
                MinHeight="{StaticResource TileHeightKey}"
                Height="200"
                Background="{ThemeResource SystemAccentColor}" />
            <StackPanel Name="contentStackPanel" Grid.Row="1" Grid.Column="1"
                Margin="10"
                MinHeight="200">
                <TextBlock
                    Style="{ThemeResource TitleTextBlockStyle}"
                    Margin="0 0 0 10"
                    TextWrapping="WrapWholeWords"
                    Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit" />
                <TextBlock TextWrapping="WrapWholeWords">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                 </TextBlock>
            </StackPanel>
        </Grid>
    </ScrollViewer>
</Page>

<Page x:Class="TestProject.SamplePage2"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<Grid.Resources>

<x:Double x:Key="TileHeightKey">150</x:Double>

</Grid.Resources>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid Name="targetGrid" Grid.Row="1" Grid.Column="0"

VerticalAlignment="Top"

Margin="10"

Width="150"

MinHeight="{StaticResource TileHeightKey}"

Height="200"

Background="{ThemeResource SystemAccentColor}" />

<StackPanel Name="contentStackPanel" Grid.Row="1" Grid.Column="1"

Margin="10"

MinHeight="200">

<TextBlock

Style="{ThemeResource TitleTextBlockStyle}"

Margin="0 0 0 10"

TextWrapping="WrapWholeWords"

Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit" />

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

</TextBlock>

</StackPanel>

</Grid>

</ScrollViewer>

</Page>

▶ SamplePage2.xaml.cs


using Windows.Foundation.Metadata;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media.Animation;
using Windows.UI.Xaml.Navigation;

namespace TestProject
{
    /// <summary>
    /// 샘플 페이지 2
    /// </summary>
    public sealed partial class SamplePage2 : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - SamplePage2()

        /// <summary>
        /// 생성자
        /// </summary>
        public SamplePage2()
        {
            InitializeComponent();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 연결 애니메이션 준비하기 - PrepareConnectedAnimation(configuration)

        /// <summary>
        /// 연결 애니메이션 준비하기
        /// </summary>
        /// <param name="configuration">연결 애니메이션 구성</param>
        public void PrepareConnectedAnimation(ConnectedAnimationConfiguration configuration)
        {
            ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("BackwardAnimation", this.targetGrid);

            if(configuration != null && ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))
            {
                animation.Configuration = configuration;
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 탐색 되는 경우 처리하기 - OnNavigatedTo(e)

        /// <summary>
        /// 탐색 되는 경우 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            base.OnNavigatedTo(e);

            ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("ForwardAnimation");

            if(animation != null)
            {
                SetContentStackPanelTransitionCollection();

                animation.TryStart(this.targetGrid);
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 컨텐트 스택 패널 전이 컬렉션 설정하기 - SetContentStackPanelTransitionCollection()

        /// <summary>
        /// 컨텐트 스택 패널 전이 컬렉션 설정하기
        /// </summary>
        private void SetContentStackPanelTransitionCollection()
        {
            this.contentStackPanel.Transitions = new TransitionCollection { new EntranceThemeTransition() };
        }

        #endregion
    }
}

using Windows.Foundation.Metadata;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media.Animation;

using Windows.UI.Xaml.Navigation;

namespace TestProject

{

/// <summary>

/// 샘플 페이지 2

/// </summary>

public sealed partial class SamplePage2 : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - SamplePage2()

/// <summary>

/// 생성자

/// </summary>

public SamplePage2()

{

InitializeComponent();

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 연결 애니메이션 준비하기 - PrepareConnectedAnimation(configuration)

/// <summary>

/// 연결 애니메이션 준비하기

/// </summary>

/// <param name="configuration">연결 애니메이션 구성</param>

public void PrepareConnectedAnimation(ConnectedAnimationConfiguration configuration)

{

ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().PrepareToAnimate("BackwardAnimation", this.targetGrid);

if(configuration != null && ApiInformation.IsApiContractPresent("Windows.Foundation.UniversalApiContract", 7))

{

animation.Configuration = configuration;

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 탐색 되는 경우 처리하기 - OnNavigatedTo(e)

/// <summary>

/// 탐색 되는 경우 처리하기

/// </summary>

/// <param name="e">이벤트 인자</param>

protected override void OnNavigatedTo(NavigationEventArgs e)

{

base.OnNavigatedTo(e);

ConnectedAnimation animation = ConnectedAnimationService.GetForCurrentView().GetAnimation("ForwardAnimation");

if(animation != null)

{

SetContentStackPanelTransitionCollection();

animation.TryStart(this.targetGrid);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 컨텐트 스택 패널 전이 컬렉션 설정하기 - SetContentStackPanelTransitionCollection()

/// <summary>

/// 컨텐트 스택 패널 전이 컬렉션 설정하기

/// </summary>

private void SetContentStackPanelTransitionCollection()

{

this.contentStackPanel.Transitions = new TransitionCollection { new EntranceThemeTransition() };

}

#endregion

}

▶ SamplePage3.xaml

[C#/WINUI2.5] MenuFlyout 엘리먼트 : 계단식 메뉴 사용하기

■ MenuFlyout 엘리먼트에서 계단식 메뉴를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Button
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Content="파일 옵션">
            <Button.Flyout>
                <MenuFlyout>
                    <MenuFlyoutItem Text="파일 열기" />
                    <MenuFlyoutSubItem Text="보내기">
                        <MenuFlyoutItem Text="블루투스" />
                        <MenuFlyoutItem Text="데스크톱 (단축)" />
                        <MenuFlyoutSubItem Text="압축 파일">
                            <MenuFlyoutItem Text="압축 후 메일 보내기"  />
                            <MenuFlyoutItem Text=".7z 파일로 압축하기"  />
                            <MenuFlyoutItem Text=".zip 파일로 압축하기" />
                        </MenuFlyoutSubItem>
                    </MenuFlyoutSubItem>
                </MenuFlyout>
            </Button.Flyout>
        </Button>
    </Grid>
</Page>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<Button

HorizontalAlignment="Center"

VerticalAlignment="Center"

Content="파일 옵션">

<Button.Flyout>

</MenuFlyoutSubItem>

</MenuFlyout>

</Button.Flyout>

</Button>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPage()
        {
            InitializeComponent();

            #region 윈도우 크기를 설정한다.

            double width  = 800d;
            double height = 600d;

            double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

            ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

            Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

            ApplicationView.PreferredLaunchViewSize = windowSize;

            Window.Current.Activate();

            ApplicationView.GetForCurrentView().TryResizeView(windowSize);

            #endregion
            #region 윈도우 제목을 설정한다.

            ApplicationView.GetForCurrentView().Title = "MenuFlyout 엘리먼트 : 계단식 메뉴 사용하기";

            #endregion
        }

        #endregion
    }
}

using Windows.Foundation;

using Windows.Graphics.Display;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

#region 윈도우 크기를 설정한다.

double width = 800d;

double height = 600d;

double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

ApplicationView.PreferredLaunchViewSize = windowSize;

Window.Current.Activate();

ApplicationView.GetForCurrentView().TryResizeView(windowSize);

#endregion

#region 윈도우 제목을 설정한다.

ApplicationView.GetForCurrentView().Title = "MenuFlyout 엘리먼트 : 계단식 메뉴 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] MenuBar 엘리먼트 : 하위 메뉴, 분리자, 라디오 항목 사용하기

■ MenuBar 엘리먼트에서 하위 메뉴, 분리자, 라디오 항목을 사용하는 방법을 보여준다. ▶ MainPage.xaml


<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Spacing="10">
            <TextBlock Name="textBlock"
                HorizontalAlignment="Center"
                Text="" />
            <muxc:MenuBar>
                <muxc:MenuBarItem Title="파일">
                    <MenuFlyoutSubItem Text="새 파일">
                        <MenuFlyoutItem Text="텍스트 문서" Click="menuFlyoutItem_Click" />
                        <MenuFlyoutItem Text="RTF 문서"    Click="menuFlyoutItem_Click" />
                        <MenuFlyoutItem Text="다른 포맷"   Click="menuFlyoutItem_Click" />
                    </MenuFlyoutSubItem>
                    <MenuFlyoutItem Text="파일 열기" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="저장"      Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <MenuFlyoutItem Text="종료"      Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="편집">
                    <MenuFlyoutItem Text="실행 취소" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="잘라내기"  Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="복사하기"  Click="menuFlyoutItem_Click" />
                    <MenuFlyoutItem Text="붙여넣기"  Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="보기">
                    <MenuFlyoutItem Text="출력" Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="OrientationGroup"
                        Text="가로"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="OrientationGroup"
                        Text="세로"
                        IsChecked="True"
                        Click="menuFlyoutItem_Click" />
                    <MenuFlyoutSeparator />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="작은 아이콘"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="중간 아이콘"
                        IsChecked="True"
                        Click="menuFlyoutItem_Click" />
                    <muxc:RadioMenuFlyoutItem
                        GroupName="SizeGroup"
                        Text="큰 아이콘"
                        Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="도움말">
                    <MenuFlyoutItem Text="정보"
                        Click="menuFlyoutItem_Click" />
                </muxc:MenuBarItem>
            </muxc:MenuBar>
        </StackPanel>
    </Grid>
</Page>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Spacing="10">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Text="" />

<muxc:MenuBar>

<muxc:MenuBarItem Title="파일">

</MenuFlyoutSubItem>

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="편집">

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="보기">

<muxc:RadioMenuFlyoutItem

GroupName="OrientationGroup"

Text="가로"

Click="menuFlyoutItem_Click" />

<muxc:RadioMenuFlyoutItem

GroupName="OrientationGroup"

Text="세로"

IsChecked="True"

Click="menuFlyoutItem_Click" />

<muxc:RadioMenuFlyoutItem

GroupName="SizeGroup"

Text="작은 아이콘"

Click="menuFlyoutItem_Click" />

<muxc:RadioMenuFlyoutItem

GroupName="SizeGroup"

Text="중간 아이콘"

IsChecked="True"

Click="menuFlyoutItem_Click" />

<muxc:RadioMenuFlyoutItem

GroupName="SizeGroup"

Text="큰 아이콘"

Click="menuFlyoutItem_Click" />

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="도움말">

<MenuFlyoutItem Text="정보"

Click="menuFlyoutItem_Click" />

</muxc:MenuBarItem>

</muxc:MenuBar>

</StackPanel>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPage()
        {
            InitializeComponent();

            #region 윈도우 크기를 설정한다.

            double width  = 800d;
            double height = 600d;

            double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

            ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

            Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

            ApplicationView.PreferredLaunchViewSize = windowSize;

            Window.Current.Activate();

            ApplicationView.GetForCurrentView().TryResizeView(windowSize);

            #endregion
            #region 윈도우 제목을 설정한다.

            ApplicationView.GetForCurrentView().Title = "MenuBar 엘리먼트 : 하위 메뉴, 분리자, 라디오 항목 사용하기";

            #endregion
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 메뉴 플라이아웃 항목 클릭시 처리하기 - menuFlyoutItem_Click(sender, e)

        /// <summary>
        /// 메뉴 플라이아웃 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void menuFlyoutItem_Click(object sender, RoutedEventArgs e)
        {
            MenuFlyoutItem menuFlyoutItem = sender as MenuFlyoutItem;

            this.textBlock.Text = $"메뉴를 클릭했습니다 : {menuFlyoutItem.Text}";
        }

        #endregion
    }
}

using Windows.Foundation;

using Windows.Graphics.Display;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

#region 윈도우 크기를 설정한다.

double width = 800d;

double height = 600d;

double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

ApplicationView.PreferredLaunchViewSize = windowSize;

Window.Current.Activate();

ApplicationView.GetForCurrentView().TryResizeView(windowSize);

#endregion

#region 윈도우 제목을 설정한다.

ApplicationView.GetForCurrentView().Title = "MenuBar 엘리먼트 : 하위 메뉴, 분리자, 라디오 항목 사용하기";

#endregion

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 메뉴 플라이아웃 항목 클릭시 처리하기 - menuFlyoutItem_Click(sender, e)

/// <summary>

/// 메뉴 플라이아웃 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void menuFlyoutItem_Click(object sender, RoutedEventArgs e)

{

MenuFlyoutItem menuFlyoutItem = sender as MenuFlyoutItem;

this.textBlock.Text = $"메뉴를 클릭했습니다 : {menuFlyoutItem.Text}";

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] MenuBar 엘리먼트 : 메뉴에서 키보드 가속기 사용하기

■ MenuBar 엘리먼트의 메뉴에서 키보드 가속기를 사용하는 방법을 보여준다. ▶ MainPage.xaml


<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Spacing="10">
            <TextBlock Name="textBlock"
                HorizontalAlignment="Center"
                Text="" />
            <muxc:MenuBar>
                <muxc:MenuBarItem Title="파일">
                    <MenuFlyoutItem Text="새 파일"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="N" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="파일 열기"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="O" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="저장"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="S" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="종료"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="E" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="편집">
                    <MenuFlyoutItem Text="실행 취소"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="Z" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="잘라내기"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="X" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="복사하기"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="C" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="붙여넣기"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="V" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                </muxc:MenuBarItem>
                <muxc:MenuBarItem Title="도움말">
                    <MenuFlyoutItem Text="정보"
                        Click="menuFlyoutItem_Click">
                        <MenuFlyoutItem.KeyboardAccelerators>
                            <KeyboardAccelerator Modifiers="Control" Key="I" />
                        </MenuFlyoutItem.KeyboardAccelerators>
                    </MenuFlyoutItem>
                </muxc:MenuBarItem>
            </muxc:MenuBar>
        </StackPanel>
    </Grid>
</Page>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:muxc="using:Microsoft.UI.Xaml.Controls"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Spacing="10">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

Text="" />

<muxc:MenuBar>

<muxc:MenuBarItem Title="파일">

<MenuFlyoutItem Text="새 파일"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="파일 열기"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="저장"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="종료"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="편집">

<MenuFlyoutItem Text="실행 취소"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="잘라내기"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="복사하기"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

<MenuFlyoutItem Text="붙여넣기"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

</muxc:MenuBarItem>

<muxc:MenuBarItem Title="도움말">

<MenuFlyoutItem Text="정보"

Click="menuFlyoutItem_Click">

<MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem.KeyboardAccelerators>

</MenuFlyoutItem>

</muxc:MenuBarItem>

</muxc:MenuBar>

</StackPanel>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 페이지
    /// </summary>
    public sealed partial class MainPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainPage()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainPage()
        {
            InitializeComponent();

            #region 윈도우 크기를 설정한다.

            double width  = 800d;
            double height = 600d;

            double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

            ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

            Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

            ApplicationView.PreferredLaunchViewSize = windowSize;

            Window.Current.Activate();

            ApplicationView.GetForCurrentView().TryResizeView(windowSize);

            #endregion
            #region 윈도우 제목을 설정한다.

            ApplicationView.GetForCurrentView().Title = "MenuBar 엘리먼트 : 메뉴에서 키보드 가속기 사용하기";

            #endregion
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 메뉴 플라이아웃 항목 클릭시 처리하기 - menuFlyoutItem_Click(sender, e)

        /// <summary>
        /// 메뉴 플라이아웃 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void menuFlyoutItem_Click(object sender, RoutedEventArgs e)
        {
            MenuFlyoutItem menuFlyoutItem = sender as MenuFlyoutItem;

            this.textBlock.Text = $"메뉴를 클릭했습니다 : {menuFlyoutItem.Text}";
        }

        #endregion
    }
}

using Windows.Foundation;

using Windows.Graphics.Display;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

#region 윈도우 크기를 설정한다.

double width = 800d;

double height = 600d;

double dpi = (double)DisplayInformation.GetForCurrentView().LogicalDpi;

ApplicationView.PreferredLaunchWindowingMode = ApplicationViewWindowingMode.PreferredLaunchViewSize;

Size windowSize = new Size(width * 96d / dpi, height * 96d / dpi);

ApplicationView.PreferredLaunchViewSize = windowSize;

Window.Current.Activate();

ApplicationView.GetForCurrentView().TryResizeView(windowSize);

#endregion

#region 윈도우 제목을 설정한다.

ApplicationView.GetForCurrentView().Title = "MenuBar 엘리먼트 : 메뉴에서 키보드 가속기 사용하기";

#endregion

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 메뉴 플라이아웃 항목 클릭시 처리하기 - menuFlyoutItem_Click(sender, e)

/// <summary>

/// 메뉴 플라이아웃 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void menuFlyoutItem_Click(object sender, RoutedEventArgs e)

{

MenuFlyoutItem menuFlyoutItem = sender as MenuFlyoutItem;

this.textBlock.Text = $"메뉴를 클릭했습니다 : {menuFlyoutItem.Text}";

}

#endregion

}

TestProject.zip

[C#/COMMON/OUTLOOK] 메일 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴 추가하기

■ 메일 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴를 추가하는 방법을 보여준다. ▶ RibbonContextMenu.xml


<?xml version="1.0" encoding="UTF-8"?>
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui" onLoad="customUI_Load">
    <ribbon>
    </ribbon>
    <contextMenus>
      <contextMenu idMso="ContextMenuMailItem">
        <button id="customContextMenu1"
            label="커스텀 컨텍스트 메뉴 1"
            getVisible="customContextMenu_GetVisible"
            onAction="customContextMenu1_Click"/>
      </contextMenu>
      <contextMenu idMso="ContextMenuMultipleItems">
        <button id="customContextMenu2"
            label="커스텀 컨텍스트 메뉴 2"
            getVisible="customContextMenu_GetVisible"
            onAction="customContextMenu2_Click"/>
      </contextMenu>
    </contextMenus>
</customUI>

<?xml version="1.0" encoding="UTF-8"?>

</ribbon>

<button id="customContextMenu1"

label="커스텀 컨텍스트 메뉴 1"

getVisible="customContextMenu_GetVisible"

onAction="customContextMenu1_Click"/>

</contextMenu>

<button id="customContextMenu2"

label="커스텀 컨텍스트 메뉴 2"

getVisible="customContextMenu_GetVisible"

onAction="customContextMenu2_Click"/>

</contextMenu>

</contextMenus>

</customUI>

▶ RibbonContextMenu.cs


using Microsoft.Office.Core;
using Microsoft.Office.Interop.Outlook;
using System;
using System.IO;
using System.Reflection;
using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 리본 컨텍스트 메뉴
    /// </summary>
    [ComVisible(true)]
    public class RibbonContextMenu : IRibbonExtensibility
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 리본 UI
        /// </summary>
        private IRibbonUI ribbonUI;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - RibbonContextMenu()

        /// <summary>
        /// 생성자
        /// </summary>
        public RibbonContextMenu()
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

        /// <summary>
        /// 커스텀 UI 구하기
        /// </summary>
        /// <param name="ribbonID">리본 ID</param>
        /// <returns>커스텀 UI</returns>
        public string GetCustomUI(string ribbonID)
        {
            return GetResourceText("TestProject.RibbonContextMenu.xml");
        }

        #endregion

        #region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

        /// <summary>
        /// 커스텀 UI 로드시 처리하기
        /// </summary>
        /// <param name="ribbonUI">리본 UI 인터페이스 객체</param>
        public void customUI_Load(IRibbonUI ribbonUI)
        {
            this.ribbonUI = ribbonUI;
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 표시 여부 구하기 - customContextMenu_GetVisible(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 표시 여부 구하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        /// <returns>처리 결과</returns>
        public bool customContextMenu_GetVisible(IRibbonControl ribbonControl)
        {
            string id = ribbonControl.Id;

            if(id == "customContextMenu1" || id == "customContextMenu2")
            {
                dynamic items = ribbonControl.Context;

                foreach(dynamic item in items)
                {
                    if(item is MailItem mailItem && mailItem.Parent is Folder folder && folder.FullFolderPath.Contains("받은 편지함"))
                    {
                        return true;
                    }

                    break;
                }
            }

            return false;
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1Click(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        public void customContextMenu1_Click(IRibbonControl ribbonControl)
        {
            if(ribbonControl.Id == "customContextMenu1")
            {
                System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");
            }
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 2 클릭시 처리하기 - customContextMenu2_Click(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 2 클릭시 처리하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        public void customContextMenu2_Click(IRibbonControl ribbonControl)
        {
            if(ribbonControl.Id == "customContextMenu2")
            {
                System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 2를 클릭했습니다.");
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 리소스 텍스트 구하기 - GetResourceText(resourceName)

        /// <summary>
        /// 리소스 텍스트 구하기
        /// </summary>
        /// <param name="resourceName">리소스명</param>
        /// <returns>리소스 텍스트</returns>
        private static string GetResourceText(string resourceName)
        {
            Assembly assembly = Assembly.GetExecutingAssembly();

            string[] resourceNameArray = assembly.GetManifestResourceNames();

            for(int i = 0; i < resourceNameArray.Length; ++i)
            {
                if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)
                {
                    using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))
                    {
                        if(resourceReader != null)
                        {
                            return resourceReader.ReadToEnd();
                        }
                    }
                }
            }

            return null;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

using Microsoft.Office.Core;

using Microsoft.Office.Interop.Outlook;

using System;

using System.IO;

using System.Reflection;

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 리본 컨텍스트 메뉴

/// </summary>

[ComVisible(true)]

public class RibbonContextMenu : IRibbonExtensibility

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 리본 UI

/// </summary>

private IRibbonUI ribbonUI;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - RibbonContextMenu()

/// <summary>

/// 생성자

/// </summary>

public RibbonContextMenu()

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

/// <summary>

/// 커스텀 UI 구하기

/// </summary>

/// <param name="ribbonID">리본 ID</param>

/// <returns>커스텀 UI</returns>

public string GetCustomUI(string ribbonID)

{

return GetResourceText("TestProject.RibbonContextMenu.xml");

}

#endregion

#region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

/// <summary>

/// 커스텀 UI 로드시 처리하기

/// </summary>

/// <param name="ribbonUI">리본 UI 인터페이스 객체</param>

public void customUI_Load(IRibbonUI ribbonUI)

{

this.ribbonUI = ribbonUI;

}

#endregion

#region 커스텀 컨텍스트 메뉴 표시 여부 구하기 - customContextMenu_GetVisible(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 표시 여부 구하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

/// <returns>처리 결과</returns>

public bool customContextMenu_GetVisible(IRibbonControl ribbonControl)

{

string id = ribbonControl.Id;

if(id == "customContextMenu1" || id == "customContextMenu2")

{

dynamic items = ribbonControl.Context;

foreach(dynamic item in items)

{

if(item is MailItem mailItem && mailItem.Parent is Folder folder && folder.FullFolderPath.Contains("받은 편지함"))

{

return true;

}

break;

}

return false;

}

#endregion

#region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1Click(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

public void customContextMenu1_Click(IRibbonControl ribbonControl)

{

if(ribbonControl.Id == "customContextMenu1")

{

System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");

}

#endregion

#region 커스텀 컨텍스트 메뉴 2 클릭시 처리하기 - customContextMenu2_Click(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 2 클릭시 처리하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

public void customContextMenu2_Click(IRibbonControl ribbonControl)

{

if(ribbonControl.Id == "customContextMenu2")

{

System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 2를 클릭했습니다.");

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 리소스 텍스트 구하기 - GetResourceText(resourceName)

/// <summary>

/// 리소스 텍스트 구하기

/// </summary>

/// <param name="resourceName">리소스명</param>

/// <returns>리소스 텍스트</returns>

private static string GetResourceText(string resourceName)

{

Assembly assembly = Assembly.GetExecutingAssembly();

string[] resourceNameArray = assembly.GetManifestResourceNames();

for(int i = 0; i < resourceNameArray.Length; ++i)

{

if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)

{

using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))

{

if(resourceReader != null)

{

return resourceReader.ReadToEnd();

}

return null;

}

#endregion

}

▶ CustomAddIn.cs


using Microsoft.Office.Core;
using System;

namespace TestProject
{
    /// <summary>
    /// 커스텀 애드인
    /// </summary>
    public partial class CustomAddIn
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

        /// <summary>
        /// 리본 확장성 객체 생성하기
        /// </summary>
        /// <returns>리본 확장성 인터페이스 객체</returns>
        protected override IRibbonExtensibility CreateRibbonExtensibilityObject()
        {
            return new RibbonContextMenu();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

        /// <summary>
        /// 커스텀 애드인 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Startup(object sender, EventArgs e)
        {
        }

        #endregion
        #region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

        /// <summary>
        /// 커스텀 애드인 셧다운시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Shutdown(object sender, EventArgs e)
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region VSTO에서 생성한 코드

        /// <summary>
        /// 디자이너 지원에 필요한 메서드입니다.
        /// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.
        /// </summary>
        private void InternalStartup()
        {
            this.Startup  += new System.EventHandler(CustomAddIn_Startup );
            this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);
        }

        #endregion
    }
}

using Microsoft.Office.Core;

using System;

namespace TestProject

{

/// <summary>

/// 커스텀 애드인

/// </summary>

public partial class CustomAddIn

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

//////////////////////////////////////////////////////////////////////////////// Function

#region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

/// <summary>

/// 리본 확장성 객체 생성하기

/// </summary>

/// <returns>리본 확장성 인터페이스 객체</returns>

protected override IRibbonExtensibility CreateRibbonExtensibilityObject()

{

return new RibbonContextMenu();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

/// <summary>

/// 커스텀 애드인 시작시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Startup(object sender, EventArgs e)

{

}

#endregion

#region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

/// <summary>

/// 커스텀 애드인 셧다운시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Shutdown(object sender, EventArgs e)

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region VSTO에서 생성한 코드

/// <summary>

/// 디자이너 지원에 필요한 메서드입니다.

/// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.

/// </summary>

private void InternalStartup()

{

this.Startup += new System.EventHandler(CustomAddIn_Startup );

this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);

}

#endregion

}

TestProject.zip

[C#/COMMON/OUTLOOK] 폴더 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴 추가하기 (기능 개선)

■ 폴더 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴를 추가하는 방법을 보여준다. (기능 개선) ▶ RibbonContextMenu.xml


<?xml version="1.0" encoding="UTF-8"?>
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui" onLoad="customUI_Load">
    <ribbon>
    </ribbon>
    <contextMenus>
      <contextMenu idMso="ContextMenuFolder">
        <button id="customContextMenu1"
            label="커스텀 컨텍스트 메뉴 1"
            getVisible="customContextMenu_GetVisible"
            onAction="customContextMenu1_Click" />
        <button id="customContextMenu2"
            label="커스텀 컨텍스트 메뉴 2"
            getVisible="customContextMenu_GetVisible"
            onAction="customContextMenu2_Click" />
      </contextMenu>
    </contextMenus>
</customUI>

<?xml version="1.0" encoding="UTF-8"?>

</ribbon>

<button id="customContextMenu1"

label="커스텀 컨텍스트 메뉴 1"

getVisible="customContextMenu_GetVisible"

onAction="customContextMenu1_Click" />

<button id="customContextMenu2"

label="커스텀 컨텍스트 메뉴 2"

getVisible="customContextMenu_GetVisible"

onAction="customContextMenu2_Click" />

</contextMenu>

</contextMenus>

</customUI>

▶ RibbonContextMenu.cs


using Microsoft.Office.Core;
using Microsoft.Office.Interop.Outlook;
using System;
using System.IO;
using System.Reflection;
using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 리본 컨텍스트 메뉴
    /// </summary>
    [ComVisible(true)]
    public class RibbonContextMenu : IRibbonExtensibility
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 리본 UI
        /// </summary>
        private IRibbonUI ribbonUI;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - RibbonContextMenu()

        /// <summary>
        /// 생성자
        /// </summary>
        public RibbonContextMenu()
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

        /// <summary>
        /// 커스텀 UI 구하기
        /// </summary>
        /// <param name="ribbonID">리본 ID</param>
        /// <returns>커스텀 UI</returns>
        public string GetCustomUI(string ribbonID)
        {
            return GetResourceText("TestProject.RibbonContextMenu.xml");
        }

        #endregion

        #region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

        /// <summary>
        /// 커스텀 UI 로드시 처리하기
        /// </summary>
        /// <param name="ribbonUI">리본 UI 인터페이스 객체</param>
        public void customUI_Load(IRibbonUI ribbonUI)
        {
            this.ribbonUI = ribbonUI;
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 표시 여부 구하기 - customContextMenu_GetVisible(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 표시 여부 구하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        /// <returns>처리 결과</returns>
        public bool customContextMenu_GetVisible(IRibbonControl ribbonControl)
        {
            string id         = ribbonControl.Id;
            string folderName = ((Folder)ribbonControl.Context).Name;

            if(id == "customContextMenu1" && folderName == "받은 편지함")
            {
                return true;
            }

            if(id == "customContextMenu2" && folderName == "보낼 편지함")
            {
                return true;
            }

            return false;
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1_Click(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        public void customContextMenu1_Click(IRibbonControl ribbonControl)
        {
            if(ribbonControl.Id == "customContextMenu1")
            {
                System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");
            }
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 2 클릭시 처리하기 - customContextMenu2_Click(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 2 클릭시 처리하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        public void customContextMenu2_Click(IRibbonControl ribbonControl)
        {
            if(ribbonControl.Id == "customContextMenu2")
            {
                System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 2을 클릭했습니다.");
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 리소스 텍스트 구하기 - GetResourceText(resourceName)

        /// <summary>
        /// 리소스 텍스트 구하기
        /// </summary>
        /// <param name="resourceName">리소스명</param>
        /// <returns>리소스 텍스트</returns>
        private static string GetResourceText(string resourceName)
        {
            Assembly assembly = Assembly.GetExecutingAssembly();

            string[] resourceNameArray = assembly.GetManifestResourceNames();

            for(int i = 0; i < resourceNameArray.Length; ++i)
            {
                if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)
                {
                    using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))
                    {
                        if(resourceReader != null)
                        {
                            return resourceReader.ReadToEnd();
                        }
                    }
                }
            }

            return null;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

using Microsoft.Office.Core;

using Microsoft.Office.Interop.Outlook;

using System;

using System.IO;

using System.Reflection;

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 리본 컨텍스트 메뉴

/// </summary>

[ComVisible(true)]

public class RibbonContextMenu : IRibbonExtensibility

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 리본 UI

/// </summary>

private IRibbonUI ribbonUI;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - RibbonContextMenu()

/// <summary>

/// 생성자

/// </summary>

public RibbonContextMenu()

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

/// <summary>

/// 커스텀 UI 구하기

/// </summary>

/// <param name="ribbonID">리본 ID</param>

/// <returns>커스텀 UI</returns>

public string GetCustomUI(string ribbonID)

{

return GetResourceText("TestProject.RibbonContextMenu.xml");

}

#endregion

#region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

/// <summary>

/// 커스텀 UI 로드시 처리하기

/// </summary>

/// <param name="ribbonUI">리본 UI 인터페이스 객체</param>

public void customUI_Load(IRibbonUI ribbonUI)

{

this.ribbonUI = ribbonUI;

}

#endregion

#region 커스텀 컨텍스트 메뉴 표시 여부 구하기 - customContextMenu_GetVisible(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 표시 여부 구하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

/// <returns>처리 결과</returns>

public bool customContextMenu_GetVisible(IRibbonControl ribbonControl)

{

string id = ribbonControl.Id;

string folderName = ((Folder)ribbonControl.Context).Name;

if(id == "customContextMenu1" && folderName == "받은 편지함")

{

return true;

}

if(id == "customContextMenu2" && folderName == "보낼 편지함")

{

return true;

}

return false;

}

#endregion

#region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1_Click(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

public void customContextMenu1_Click(IRibbonControl ribbonControl)

{

if(ribbonControl.Id == "customContextMenu1")

{

System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");

}

#endregion

#region 커스텀 컨텍스트 메뉴 2 클릭시 처리하기 - customContextMenu2_Click(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 2 클릭시 처리하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

public void customContextMenu2_Click(IRibbonControl ribbonControl)

{

if(ribbonControl.Id == "customContextMenu2")

{

System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 2을 클릭했습니다.");

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 리소스 텍스트 구하기 - GetResourceText(resourceName)

/// <summary>

/// 리소스 텍스트 구하기

/// </summary>

/// <param name="resourceName">리소스명</param>

/// <returns>리소스 텍스트</returns>

private static string GetResourceText(string resourceName)

{

Assembly assembly = Assembly.GetExecutingAssembly();

string[] resourceNameArray = assembly.GetManifestResourceNames();

for(int i = 0; i < resourceNameArray.Length; ++i)

{

if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)

{

using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))

{

if(resourceReader != null)

{

return resourceReader.ReadToEnd();

}

return null;

}

#endregion

}

▶ CustomAddIn.cs


using Microsoft.Office.Core;
using System;

namespace TestProject
{
    /// <summary>
    /// 커스텀 애드인
    /// </summary>
    public partial class CustomAddIn
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

        /// <summary>
        /// 리본 확장성 객체 생성하기
        /// </summary>
        /// <returns>리본 확장성 인터페이스 객체</returns>
        protected override IRibbonExtensibility CreateRibbonExtensibilityObject()
        {
            return new RibbonContextMenu();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

        /// <summary>
        /// 커스텀 애드인 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Startup(object sender, EventArgs e)
        {
        }

        #endregion
        #region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

        /// <summary>
        /// 커스텀 애드인 셧다운시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Shutdown(object sender, EventArgs e)
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region VSTO에서 생성한 코드

        /// <summary>
        /// 디자이너 지원에 필요한 메서드입니다.
        /// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.
        /// </summary>
        private void InternalStartup()
        {
            this.Startup  += new System.EventHandler(CustomAddIn_Startup );
            this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);
        }

        #endregion
    }
}

using Microsoft.Office.Core;

using System;

namespace TestProject

{

/// <summary>

/// 커스텀 애드인

/// </summary>

public partial class CustomAddIn

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

//////////////////////////////////////////////////////////////////////////////// Function

#region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

/// <summary>

/// 리본 확장성 객체 생성하기

/// </summary>

/// <returns>리본 확장성 인터페이스 객체</returns>

protected override IRibbonExtensibility CreateRibbonExtensibilityObject()

{

return new RibbonContextMenu();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

/// <summary>

/// 커스텀 애드인 시작시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Startup(object sender, EventArgs e)

{

}

#endregion

#region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

/// <summary>

/// 커스텀 애드인 셧다운시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Shutdown(object sender, EventArgs e)

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region VSTO에서 생성한 코드

/// <summary>

/// 디자이너 지원에 필요한 메서드입니다.

/// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.

/// </summary>

private void InternalStartup()

{

this.Startup += new System.EventHandler(CustomAddIn_Startup );

this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);

}

#endregion

}

TestProject.zip

[C#/COMMON/OUTLOOK] 폴더 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴 추가하기

■ 폴더 컨텍스트 메뉴에서 커스텀 컨텍스트 메뉴를 추가하는 방법을 보여준다. ▶ RibbonContextMenu.xml


<?xml version="1.0" encoding="UTF-8"?>
<customUI xmlns="http://schemas.microsoft.com/office/2009/07/customui" onLoad="customUI_Load">
    <ribbon>
    </ribbon>
    <contextMenus>
        <contextMenu idMso="ContextMenuFolder">
            <button id="customContextMenu1"
                label="커스텀 컨텍스트 메뉴 1"
                onAction="customContextMenu1_Click" />
        </contextMenu>
    </contextMenus>
</customUI>

<?xml version="1.0" encoding="UTF-8"?>

</ribbon>

<button id="customContextMenu1"

label="커스텀 컨텍스트 메뉴 1"

onAction="customContextMenu1_Click" />

</contextMenu>

</contextMenus>

</customUI>

▶ RibbonContextMenu.cs


using Microsoft.Office.Core;
using System;
using System.IO;
using System.Reflection;
using System.Runtime.InteropServices;

namespace TestProject
{
    /// <summary>
    /// 리본 컨텍스트 메뉴
    /// </summary>
    [ComVisible(true)]
    public class RibbonContextMenu : IRibbonExtensibility
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 리본 UI
        /// </summary>
        private IRibbonUI ribbonUI;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - RibbonContextMenu()

        /// <summary>
        /// 생성자
        /// </summary>
        public RibbonContextMenu()
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

        /// <summary>
        /// 커스텀 UI 구하기
        /// </summary>
        /// <param name="ribbonID">리본 ID</param>
        /// <returns>커스텀 UI</returns>
        public string GetCustomUI(string ribbonID)
        {
            return GetResourceText("TestProject.RibbonContextMenu.xml");
        }

        #endregion

        #region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

        /// <summary>
        /// 커스텀 UI 로드시 처리하기
        /// </summary>
        /// <param name="ribbonUI">리본 UI 인터페이스 객체</param>
        public void customUI_Load(IRibbonUI ribbonUI)
        {
            this.ribbonUI = ribbonUI;
        }

        #endregion
        #region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1_Click(ribbonControl)

        /// <summary>
        /// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기
        /// </summary>
        /// <param name="ribbonControl">리본 컨트롤</param>
        public void customContextMenu1_Click(IRibbonControl ribbonControl)
        {
            if(ribbonControl.Id == "customContextMenu1")
            {
                System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 리소스 텍스트 구하기 - GetResourceText(resourceName)

        /// <summary>
        /// 리소스 텍스트 구하기
        /// </summary>
        /// <param name="resourceName">리소스명</param>
        /// <returns>리소스 텍스트</returns>
        private static string GetResourceText(string resourceName)
        {
            Assembly assembly = Assembly.GetExecutingAssembly();

            string[] resourceNameArray = assembly.GetManifestResourceNames();

            for(int i = 0; i < resourceNameArray.Length; ++i)
            {
                if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)
                {
                    using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))
                    {
                        if(resourceReader != null)
                        {
                            return resourceReader.ReadToEnd();
                        }
                    }
                }
            }

            return null;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

using Microsoft.Office.Core;

using System;

using System.IO;

using System.Reflection;

using System.Runtime.InteropServices;

namespace TestProject

{

/// <summary>

/// 리본 컨텍스트 메뉴

/// </summary>

[ComVisible(true)]

public class RibbonContextMenu : IRibbonExtensibility

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 리본 UI

/// </summary>

private IRibbonUI ribbonUI;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - RibbonContextMenu()

/// <summary>

/// 생성자

/// </summary>

public RibbonContextMenu()

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region (IRibbonExtensibility) 커스텀 UI 구하기 - GetCustomUI(ribbonID)

/// <summary>

/// 커스텀 UI 구하기

/// </summary>

/// <param name="ribbonID">리본 ID</param>

/// <returns>커스텀 UI</returns>

public string GetCustomUI(string ribbonID)

{

return GetResourceText("TestProject.RibbonContextMenu.xml");

}

#endregion

#region 커스텀 UI 로드시 처리하기 - customUI_Load(ribbonUI)

/// <summary>

/// 커스텀 UI 로드시 처리하기

/// </summary>

/// <param name="ribbonUI">리본 UI 인터페이스 객체</param>

public void customUI_Load(IRibbonUI ribbonUI)

{

this.ribbonUI = ribbonUI;

}

#endregion

#region 커스텀 컨텍스트 메뉴 1 클릭시 처리하기 - customContextMenu1_Click(ribbonControl)

/// <summary>

/// 커스텀 컨텍스트 메뉴 1 클릭시 처리하기

/// </summary>

/// <param name="ribbonControl">리본 컨트롤</param>

public void customContextMenu1_Click(IRibbonControl ribbonControl)

{

if(ribbonControl.Id == "customContextMenu1")

{

System.Windows.Forms.MessageBox.Show("커스텀 컨텍스트 메뉴 1을 클릭했습니다.");

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 리소스 텍스트 구하기 - GetResourceText(resourceName)

/// <summary>

/// 리소스 텍스트 구하기

/// </summary>

/// <param name="resourceName">리소스명</param>

/// <returns>리소스 텍스트</returns>

private static string GetResourceText(string resourceName)

{

Assembly assembly = Assembly.GetExecutingAssembly();

string[] resourceNameArray = assembly.GetManifestResourceNames();

for(int i = 0; i < resourceNameArray.Length; ++i)

{

if(string.Compare(resourceName, resourceNameArray[i], StringComparison.OrdinalIgnoreCase) == 0)

{

using(StreamReader resourceReader = new StreamReader(assembly.GetManifestResourceStream(resourceNameArray[i])))

{

if(resourceReader != null)

{

return resourceReader.ReadToEnd();

}

return null;

}

#endregion

}

▶ CustomAddIn.cs


using Microsoft.Office.Core;
using System;

namespace TestProject
{
    /// <summary>
    /// 커스텀 애드인
    /// </summary>
    public partial class CustomAddIn
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

        /// <summary>
        /// 리본 확장성 객체 생성하기
        /// </summary>
        /// <returns>리본 확장성 인터페이스 객체</returns>
        protected override IRibbonExtensibility CreateRibbonExtensibilityObject()
        {
            return new RibbonContextMenu();
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

        /// <summary>
        /// 커스텀 애드인 시작시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Startup(object sender, EventArgs e)
        {
        }

        #endregion
        #region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

        /// <summary>
        /// 커스텀 애드인 셧다운시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CustomAddIn_Shutdown(object sender, EventArgs e)
        {
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region VSTO에서 생성한 코드

        /// <summary>
        /// 디자이너 지원에 필요한 메서드입니다.
        /// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.
        /// </summary>
        private void InternalStartup()
        {
            this.Startup  += new System.EventHandler(CustomAddIn_Startup );
            this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);
        }

        #endregion
    }
}

using Microsoft.Office.Core;

using System;

namespace TestProject

{

/// <summary>

/// 커스텀 애드인

/// </summary>

public partial class CustomAddIn

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Protected

//////////////////////////////////////////////////////////////////////////////// Function

#region 리본 확장성 객체 생성하기 - CreateRibbonExtensibilityObject()

/// <summary>

/// 리본 확장성 객체 생성하기

/// </summary>

/// <returns>리본 확장성 인터페이스 객체</returns>

protected override IRibbonExtensibility CreateRibbonExtensibilityObject()

{

return new RibbonContextMenu();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 커스텀 애드인 시작시 처리하기 - CustomAddIn_Startup(sender, e)

/// <summary>

/// 커스텀 애드인 시작시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Startup(object sender, EventArgs e)

{

}

#endregion

#region 커스텀 애드인 셧다운시 처리하기 - CustomAddIn_Shutdown(sender, e)

/// <summary>

/// 커스텀 애드인 셧다운시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void CustomAddIn_Shutdown(object sender, EventArgs e)

{

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region VSTO에서 생성한 코드

/// <summary>

/// 디자이너 지원에 필요한 메서드입니다.

/// 이 메서드의 내용을 코드 편집기로 수정하지 마세요.

/// </summary>

private void InternalStartup()

{

this.Startup += new System.EventHandler(CustomAddIn_Startup );

this.Shutdown += new System.EventHandler(CustomAddIn_Shutdown);

}

#endregion

}

TestProject.zip

[OS/WINDOWS] MSI 파일에 대한 “관리자 권한으로 실행” 메뉴 추가하기

■ MSI 파일에 대한 "관리자 권한으로 실행" 메뉴를 추가하는 방법을 보여준다. 1. [레지스트리 편집기]를 실행한다. 2. [레지스트리 편집기]에서 [shell] 항목을 아래와 같이

[C#/WPF] DataGridColumnHeader 엘리먼트 : ContextMenu 속성을 사용해 컬럼 헤더 컨텍스트 메뉴 실행하기

■ DataGridColumnHeader 엘리먼트의 ContextMenu 속성을 사용해 컬럼 헤더의 컨텍스트 메뉴를 실행하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="DataGridColumnHeader 엘리먼트 : ContextMenu 속성을 사용해 컬럼 헤더 컨텍스트 메뉴 실행하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.CommandBindings>
        <CommandBinding Command="{x:Static local:MainWindow.TestCommand}"
            Executed="testCommand_Executed" />
    </Window.CommandBindings>
    <Window.Resources>
        <ContextMenu x:Key="ColumnHeaderContextMenuKey"
            IsEnabled="True">
            <MenuItem Header="테스트"
                IsEnabled="True"
                CommandTarget="{Binding RelativeSource={RelativeSource AncestorType=Popup}, Path=PlacementTarget}"
                Command="{x:Static local:MainWindow.TestCommand}" />
        </ContextMenu>
    </Window.Resources>
    <Grid Margin="10">
        <DataGrid Name="dataGrid">
            <DataGrid.ColumnHeaderStyle >
                <Style TargetType="DataGridColumnHeader">
                    <Setter Property="ContextMenu" Value="{StaticResource ColumnHeaderContextMenuKey}" />
                </Style>
            </DataGrid.ColumnHeaderStyle>
        </DataGrid>
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="DataGridColumnHeader 엘리먼트 : ContextMenu 속성을 사용해 컬럼 헤더 컨텍스트 메뉴 실행하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.CommandBindings>

<CommandBinding Command="{x:Static local:MainWindow.TestCommand}"

Executed="testCommand_Executed" />

</Window.CommandBindings>

<Window.Resources>

<ContextMenu x:Key="ColumnHeaderContextMenuKey"

IsEnabled="True">

<MenuItem Header="테스트"

IsEnabled="True"

CommandTarget="{Binding RelativeSource={RelativeSource AncestorType=Popup}, Path=PlacementTarget}"

Command="{x:Static local:MainWindow.TestCommand}" />

</ContextMenu>

</Window.Resources>

<DataGrid.ColumnHeaderStyle >

</Style>

</DataGrid.ColumnHeaderStyle>

</DataGrid>

</Grid>

</Window>

▶ MainWindow.xaml.cs


using System.Data.OleDb;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;
using System.Windows.Input;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region Field

        /// <summary>
        /// 테스트 명령
        /// </summary>
        public static RoutedUICommand TestCommand = new RoutedUICommand();

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 연결
        /// </summary>
        private OleDbConnection connection;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.connection = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=nwind.mdb");

            this.dataGrid.ItemsSource = OrderDetail.GetOrderDetailList(this.connection);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 테스트 명령 실행시 처리하기 - testCommand_Executed(sender, e)

        /// <summary>
        /// 테스트 명령 실행시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void testCommand_Executed(object sender, ExecutedRoutedEventArgs e)
        {
            DataGridColumnHeader header = e.OriginalSource as DataGridColumnHeader;

            DataGridColumn column = header.Column;

            MessageBox.Show(column.Header.ToString());
        }

        #endregion
    }
}

using System.Data.OleDb;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

using System.Windows.Input;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region Field

/// <summary>

/// 테스트 명령

/// </summary>

public static RoutedUICommand TestCommand = new RoutedUICommand();

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 연결

/// </summary>

private OleDbConnection connection;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.connection = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;Data Source=nwind.mdb");

this.dataGrid.ItemsSource = OrderDetail.GetOrderDetailList(this.connection);

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 테스트 명령 실행시 처리하기 - testCommand_Executed(sender, e)

/// <summary>

/// 테스트 명령 실행시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void testCommand_Executed(object sender, ExecutedRoutedEventArgs e)

{

DataGridColumnHeader header = e.OriginalSource as DataGridColumnHeader;

DataGridColumn column = header.Column;

MessageBox.Show(column.Header.ToString());

}

#endregion

}

TestProject.zip

[C#/WPF] Material 메뉴 사용하기

■ Material 메뉴를 사용하는 방법을 보여준다. [TestLibrary 프로젝트] ▶ MenuButton.xaml


<UserControl x:Class="TestLibrary.MenuButton"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:TestLibrary"
    mc:Ignorable="d"
    d:DesignWidth="300"
    d:DesignHeight="300">
    <Grid Name="rootGrid">
        <Grid.Style>
            <Style TargetType="Grid">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="Cursor" Value="Hand" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>
        <Grid.RowDefinitions>
            <RowDefinition Height="40"   />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"  />
            <ColumnDefinition Width="25" />
        </Grid.ColumnDefinitions>
        <Grid Name="triggerGrid" Grid.Row="0" Grid.Column="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto" />
                <ColumnDefinition Width="*"    />
            </Grid.ColumnDefinitions>
            <Image Name="image" Grid.Row="0" Grid.Column="0"
                VerticalAlignment="Center"
                Margin="15 10"
                MaxHeight="20" />
            <Label Name="textLabel" Grid.Row="0" Grid.Column="1"
                VerticalAlignment="Stretch"
                VerticalContentAlignment="Center"
                Content="{Binding Text}" />
        </Grid>
        <Image Name="chevronImage" Grid.Row="0" Grid.Column="1"
            HorizontalAlignment="Left"
            Width="15"
            Source="IMAGE/Light24.png">
            <Image.RenderTransform>
                <RotateTransform x:Name="chevronRotateTransform"
                    CenterX="7.5"
                    CenterY="7.5"/>
            </Image.RenderTransform>
        </Image>
        <ItemsControl Name="childItemsControl" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"
            Height="0"
            ItemsSource="{Binding}">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <local:MenuButton
                        Height="30"
                        Image="{Binding Image}"
                        Text="{Binding Text}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</UserControl>

<UserControl x:Class="TestLibrary.MenuButton"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:local="clr-namespace:TestLibrary"

mc:Ignorable="d"

d:DesignWidth="300"

d:DesignHeight="300">

<Grid.Style>

<Style.Triggers>

</Trigger>

</Style.Triggers>

</Style>

</Grid.Style>

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Image Name="image" Grid.Row="0" Grid.Column="0"

VerticalAlignment="Center"

Margin="15 10"

MaxHeight="20" />

<Label Name="textLabel" Grid.Row="0" Grid.Column="1"

VerticalAlignment="Stretch"

VerticalContentAlignment="Center"

Content="{Binding Text}" />

</Grid>

<Image Name="chevronImage" Grid.Row="0" Grid.Column="1"

HorizontalAlignment="Left"

Width="15"

Source="IMAGE/Light24.png">

<Image.RenderTransform>

<RotateTransform x:Name="chevronRotateTransform"

CenterX="7.5"

CenterY="7.5"/>

</Image.RenderTransform>

</Image>

<ItemsControl Name="childItemsControl" Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2"

Height="0"

ItemsSource="{Binding}">

<ItemsControl.ItemTemplate>

<local:MenuButton

Height="30"

Image="{Binding Image}"

Text="{Binding Text}" />

</DataTemplate>

</ItemsControl.ItemTemplate>

</ItemsControl>

</Grid>

</UserControl>

▶ MenuButton.xaml.cs


using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Media.Imaging;

namespace TestLibrary
{
    /// <summary>
    /// 메뉴 버튼
    /// </summary>
    public partial class MenuButton
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region UI 테마 속성 - UIThemeProperty

        /// <summary>
        /// UI 테마 속성
        /// </summary>
        public static readonly DependencyProperty UIThemeProperty = DependencyProperty.Register
        (
            "UITheme",
            typeof(UITheme),
            typeof(MenuButton)
        );

        #endregion
        #region HOVER 배경 속성 - HoverBackgroundProperty

        /// <summary>
        /// HOVER 배경 속성
        /// </summary>
        public static readonly DependencyProperty HoverBackgroundProperty = DependencyProperty.Register
        (
            "HoverBackground",
            typeof(SolidColorBrush),
            typeof(MenuButton)
        );

        #endregion
        #region 애니메이션 속도 속성 - AnimationSpeedProperty

        /// <summary>
        /// 애니메이션 속도 속성
        /// </summary>
        public static readonly DependencyProperty AnimationSpeedProperty = DependencyProperty.Register
        (
            "AnimationSpeed",
            typeof(TimeSpan),
            typeof(MenuButton)
        );

        #endregion
        #region 이미지 속성 - ImageProperty

        /// <summary>
        /// 이미지 속성
        /// </summary>
        public static readonly DependencyProperty ImageProperty = DependencyProperty.Register
        (
            "Image",
            typeof(ImageSource),
            typeof(MenuButton)
        );

        #endregion
        #region 텍스트 속성 - TextProperty

        /// <summary>
        /// 텍스트 속성
        /// </summary>
        public static readonly DependencyProperty TextProperty = DependencyProperty.Register
        (
            "Text",
            typeof(string),
            typeof(MenuButton)
        );

        #endregion
        #region 자식 리스트 속성 - ChildrenProperty

        /// <summary>
        /// 자식 리스트 속성
        /// </summary>
        public static readonly DependencyProperty ChildrenProperty = DependencyProperty.Register
        (
            "Children",
            typeof(List<MenuButton>),
            typeof(MenuButton)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 자식 표시 여부
        /// </summary>
        private bool childrenVisible;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 테마 - Theme

        /// <summary>
        /// 테마
        /// </summary>
        public UITheme Theme
        {
            get
            {
                return (UITheme)GetValue(UIThemeProperty);
            }
            set
            {
                SetValue(UIThemeProperty, value);

                BitmapImage bitmapImage;

                switch(Theme)
                {
                    case UITheme.Light :

                        bitmapImage = new BitmapImage(new Uri(@"IMAGE/Light24.png", UriKind.Relative));

                        break;

                    case UITheme.Dark :

                        bitmapImage = new BitmapImage(new Uri(@"IMAGE/Dark24.png", UriKind.Relative));

                        break;

                    default :

                        throw new ArgumentOutOfRangeException();
                }

                Image image = FindName("chevronImage") as Image;

                image.Source = bitmapImage;

                Label textLabel = FindName("textLabel") as Label;

                if(Theme == UITheme.Light)
                {
                    textLabel.Foreground = Brushes.WhiteSmoke;
                }
                else
                {
                    textLabel.Foreground = new SolidColorBrush { Color = Color.FromRgb(30, 30, 30) };
                }
            }
        }

        #endregion
        #region HOVER 배경 - HoverBackground

        /// <summary>
        /// HOVER 배경
        /// </summary>
        public SolidColorBrush HoverBackground
        {
            get
            {
                return (SolidColorBrush)GetValue(HoverBackgroundProperty);
            }
            set
            {
                SetValue(HoverBackgroundProperty, value);
            }
        }

        #endregion
        #region 애니메이션 속도 - AnimationSpeed

        /// <summary>
        /// 애니메이션 속도
        /// </summary>
        public TimeSpan AnimationSpeed
        {
            get
            {
                return (TimeSpan)GetValue(AnimationSpeedProperty);
            }
            set
            {
                SetValue(AnimationSpeedProperty, value);
            }
        }

        #endregion
        #region 이미지 - Image

        /// <summary>
        /// 이미지
        /// </summary>
        public ImageSource Image
        {
            get
            {
                return (ImageSource)GetValue(ImageProperty);
            }
            set
            {
                SetValue(ImageProperty, value);
            }
        }

        #endregion
        #region 텍스트 - Text

        /// <summary>
        /// 텍스트
        /// </summary>
        public string Text
        {
            get
            {
                return (string)GetValue(TextProperty);
            }
            set
            {
                SetValue(TextProperty, value);
            }
        }

        #endregion
        #region 자식 리스트 - Children

        /// <summary>
        /// 자식 리스트
        /// </summary>
        public List<MenuButton> Children
        {
            get
            {
                return (List<MenuButton>)GetValue(ChildrenProperty);
            }
            set
            {
                SetValue(ChildrenProperty, value);

                foreach(MenuButton child in Children)
                {
                    child.ParentButton = this;
                }

                DataContext = Children;

                Image chevronImage = FindName("chevronImage") as Image;

                if(Children == null || Children.Count == 0)
                {
                    chevronImage.Visibility = Visibility.Hidden;
                }
                else
                {
                    chevronImage.Visibility = Visibility.Visible;
                }
            }
        }

        #endregion

        #region 부모 버튼 - ParentButton

        /// <summary>
        /// 부모 버튼
        /// </summary>
        public MenuButton ParentButton { get; private set; }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 확장 높이 - ExpandedHeight

        /// <summary>
        /// 확장 높이
        /// </summary>
        private double ExpandedHeight => Children.Count * ActualHeight + 5;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MenuButton()

        /// <summary>
        /// 생성자
        /// </summary>
        public MenuButton()
        {
            InitializeComponent();

            Children = new List<MenuButton>();

            Theme = UITheme.Light;

            AnimationSpeed = TimeSpan.FromMilliseconds(150);

            MouseEnter                  += UserControl_MouseEnter;
            MouseLeave                  += UserControl_MouseLeave;
            this.triggerGrid.MouseDown  += UserControl_MouseDown;
            this.chevronImage.MouseDown += UserControl_MouseDown;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 템플리트 적용시 처리하기 - OnApplyTemplate()

        /// <summary>
        /// 템플리트 적용시 처리하기
        /// </summary>
        public override void OnApplyTemplate()
        {
            base.OnApplyTemplate();

            Label textLabel = FindName("textLabel") as Label;

            textLabel.Content = Text;

            Image image = FindName("image") as Image;

            image.Source = Image;

            ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

            childItemsControl.DataContext = Children;

            childItemsControl.GetBindingExpression(ItemsControl.ItemsSourceProperty).UpdateTarget();

            foreach(MenuButton child in Children)
            {
                child.ParentButton = this;
            }

            Image chevronImage = FindName("chevronImage") as Image;

            if(Children == null || Children.Count == 0)
            {
                chevronImage.Visibility = Visibility.Hidden;
            }
            else
            {
                chevronImage.Visibility = Visibility.Visible;
            }

            Grid rootGrid = FindName("rootGrid") as Grid;

            rootGrid.Background = Background;
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Protected

        #region 초기화시 처리하기 - OnInitialized(e)

        /// <summary>
        /// 초기화시 처리하기
        /// </summary>
        /// <param name="e">이벤트 인자</param>
        protected override void OnInitialized(EventArgs e)
        {
            InitializeComponent();

            base.OnInitialized(e);
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 사용자 컨트롤 마우스 진입시 처리하기 - UserControl_MouseEnter(sender, e)

        /// <summary>
        /// 사용자 컨트롤 마우스 진입시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void UserControl_MouseEnter(object sender, MouseEventArgs e)
        {
            Grid rootGrid = FindName("rootGrid") as Grid;

            ColorAnimation animation = new ColorAnimation
            {
                To       = HoverBackground.Color,
                Duration = AnimationSpeed
            };

            Storyboard storyboard = new Storyboard();

            storyboard.Children.Add(animation);

            Storyboard.SetTarget        (animation, rootGrid);
            Storyboard.SetTargetProperty(animation, new PropertyPath("Background.Color"));

            storyboard.Begin();
        }

        #endregion
        #region 사용자 컨트롤 마우스 이탈시 처리하기 - UserControl_MouseLeave(sender, e)

        /// <summary>
        /// 사용자 컨트롤 마우스 이탈시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void UserControl_MouseLeave(object sender, MouseEventArgs e)
        {
            Grid rootGrid = FindName("rootGrid") as Grid;

            ColorAnimation animation = new ColorAnimation
            {
                To       = (Background as SolidColorBrush).Color,
                Duration = AnimationSpeed
            };

            Storyboard storyboard = new Storyboard();

            storyboard.Children.Add(animation);

            Storyboard.SetTarget        (animation, rootGrid);
            Storyboard.SetTargetProperty(animation, new PropertyPath("Background.Color"));

            storyboard.Begin();
        }

        #endregion
        #region 사용자 컨트롤 마우스 DOWN 처리하기 - UserControl_MouseDown(sender, e)

        /// <summary>
        /// 사용자 컨트롤 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void UserControl_MouseDown(object sender, MouseButtonEventArgs e)
        {
            if(Children.Count == 0)
            {
                return;
            }

            if(this.childrenVisible)
            {
                MenuButton parent = ParentButton;

                while(parent != null)
                {
                    ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

                    parent.Reduce(childItemsControl.ActualHeight);

                    parent = parent.ParentButton;
                }

                Close();
            }
            else
            {
                MenuButton parent = ParentButton;

                while(parent != null)
                {
                    parent.Expand(ExpandedHeight);

                    parent = parent.ParentButton;
                }

                Open();
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 확장하기 - Expand(height)

        /// <summary>
        /// 확장하기
        /// </summary>
        /// <param name="height">높이</param>
        private void Expand(double height)
        {
            ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

            DoubleAnimation animation = new DoubleAnimation
            {
                From     = childItemsControl.ActualHeight,
                To       = childItemsControl.ActualHeight + height,
                Duration = AnimationSpeed
            };

            childItemsControl.BeginAnimation(HeightProperty, animation);
        }

        #endregion
        #region 축소하기 - Reduce(height)

        /// <summary>
        /// 축소하기
        /// </summary>
        /// <param name="height">높이</param>
        private void Reduce(double height)
        {
            ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

            DoubleAnimation animation = new DoubleAnimation
            {
                From     = childItemsControl.ActualHeight,
                To       = childItemsControl.ActualHeight - height,
                Duration = AnimationSpeed
            };

            childItemsControl.BeginAnimation(HeightProperty, animation);
        }

        #endregion

        #region 열기 - Open()

        /// <summary>
        /// 열기
        /// </summary>
        private void Open()
        {
            RotateTransform chevronRotateTransform = FindName("chevronRotateTransform") as RotateTransform;

            DoubleAnimation animation = new DoubleAnimation
            {
                To       = 90,
                Duration = AnimationSpeed
            };

            chevronRotateTransform.BeginAnimation(RotateTransform.AngleProperty, animation);

            Expand(ExpandedHeight);

            this.childrenVisible = true;
        }

        #endregion
        #region 닫기 - Close()

        /// <summary>
        /// 닫기
        /// </summary>
        private void Close()
        {
            RotateTransform chevronRotateTransform = FindName("chevronRotateTransform") as RotateTransform;

            DoubleAnimation angleDoubleAnimation = new DoubleAnimation
            {
                To = 0,
                Duration = AnimationSpeed
            };

            chevronRotateTransform.BeginAnimation(RotateTransform.AngleProperty, angleDoubleAnimation);

            foreach(MenuButton child in Children)
            {
                child.Close();
            }

            if(!this.childrenVisible)
            {
                return;
            }

            ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

            DoubleAnimation heightDoubleAnimation = new DoubleAnimation
            {
                From     = childItemsControl.ActualHeight,
                To       = 0,
                Duration = AnimationSpeed
            };

            childItemsControl.BeginAnimation(HeightProperty, heightDoubleAnimation);

            this.childrenVisible = false;
        }

        #endregion

        #region 배경 설정하기 - SetBackground(background)

        /// <summary>
        /// 배경 설정하기
        /// </summary>
        /// <param name="background">배경</param>
        public void SetBackground(Brush background)
        {
            this.rootGrid.Background = background;
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

521

522

523

524

525

526

527

528

529

530

531

532

533

534

535

536

537

538

539

540

541

542

543

544

545

546

547

548

549

550

551

552

553

554

555

556

557

558

559

560

561

562

563

564

565

566

567

568

569

570

571

572

573

574

575

576

577

578

579

580

581

582

583

584

585

586

587

588

589

590

591

592

593

594

595

596

597

598

599

600

601

602

603

604

605

606

607

608

609

610

611

612

613

614

615

616

617

618

619

620

621

using System;

using System.Collections.Generic;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Media.Imaging;

namespace TestLibrary

{

/// <summary>

/// 메뉴 버튼

/// </summary>

public partial class MenuButton

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region UI 테마 속성 - UIThemeProperty

/// <summary>

/// UI 테마 속성

/// </summary>

public static readonly DependencyProperty UIThemeProperty = DependencyProperty.Register

(

"UITheme",

typeof(UITheme),

typeof(MenuButton)

);

#endregion

#region HOVER 배경 속성 - HoverBackgroundProperty

/// <summary>

/// HOVER 배경 속성

/// </summary>

public static readonly DependencyProperty HoverBackgroundProperty = DependencyProperty.Register

(

"HoverBackground",

typeof(SolidColorBrush),

typeof(MenuButton)

);

#endregion

#region 애니메이션 속도 속성 - AnimationSpeedProperty

/// <summary>

/// 애니메이션 속도 속성

/// </summary>

public static readonly DependencyProperty AnimationSpeedProperty = DependencyProperty.Register

(

"AnimationSpeed",

typeof(TimeSpan),

typeof(MenuButton)

);

#endregion

#region 이미지 속성 - ImageProperty

/// <summary>

/// 이미지 속성

/// </summary>

public static readonly DependencyProperty ImageProperty = DependencyProperty.Register

(

"Image",

typeof(ImageSource),

typeof(MenuButton)

);

#endregion

#region 텍스트 속성 - TextProperty

/// <summary>

/// 텍스트 속성

/// </summary>

public static readonly DependencyProperty TextProperty = DependencyProperty.Register

(

"Text",

typeof(string),

typeof(MenuButton)

);

#endregion

#region 자식 리스트 속성 - ChildrenProperty

/// <summary>

/// 자식 리스트 속성

/// </summary>

public static readonly DependencyProperty ChildrenProperty = DependencyProperty.Register

(

"Children",

typeof(List<MenuButton>),

typeof(MenuButton)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 자식 표시 여부

/// </summary>

private bool childrenVisible;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 테마 - Theme

/// <summary>

/// 테마

/// </summary>

public UITheme Theme

{

get

{

return (UITheme)GetValue(UIThemeProperty);

}

set

{

SetValue(UIThemeProperty, value);

BitmapImage bitmapImage;

switch(Theme)

{

case UITheme.Light :

bitmapImage = new BitmapImage(new Uri(@"IMAGE/Light24.png", UriKind.Relative));

break;

case UITheme.Dark :

bitmapImage = new BitmapImage(new Uri(@"IMAGE/Dark24.png", UriKind.Relative));

break;

default :

throw new ArgumentOutOfRangeException();

}

Image image = FindName("chevronImage") as Image;

image.Source = bitmapImage;

Label textLabel = FindName("textLabel") as Label;

if(Theme == UITheme.Light)

{

textLabel.Foreground = Brushes.WhiteSmoke;

}

else

{

textLabel.Foreground = new SolidColorBrush { Color = Color.FromRgb(30, 30, 30) };

}

#endregion

#region HOVER 배경 - HoverBackground

/// <summary>

/// HOVER 배경

/// </summary>

public SolidColorBrush HoverBackground

{

get

{

return (SolidColorBrush)GetValue(HoverBackgroundProperty);

}

set

{

SetValue(HoverBackgroundProperty, value);

}

#endregion

#region 애니메이션 속도 - AnimationSpeed

/// <summary>

/// 애니메이션 속도

/// </summary>

public TimeSpan AnimationSpeed

{

get

{

return (TimeSpan)GetValue(AnimationSpeedProperty);

}

set

{

SetValue(AnimationSpeedProperty, value);

}

#endregion

#region 이미지 - Image

/// <summary>

/// 이미지

/// </summary>

public ImageSource Image

{

get

{

return (ImageSource)GetValue(ImageProperty);

}

set

{

SetValue(ImageProperty, value);

}

#endregion

#region 텍스트 - Text

/// <summary>

/// 텍스트

/// </summary>

public string Text

{

get

{

return (string)GetValue(TextProperty);

}

set

{

SetValue(TextProperty, value);

}

#endregion

#region 자식 리스트 - Children

/// <summary>

/// 자식 리스트

/// </summary>

public List<MenuButton> Children

{

get

{

return (List<MenuButton>)GetValue(ChildrenProperty);

}

set

{

SetValue(ChildrenProperty, value);

foreach(MenuButton child in Children)

{

child.ParentButton = this;

}

DataContext = Children;

Image chevronImage = FindName("chevronImage") as Image;

if(Children == null || Children.Count == 0)

{

chevronImage.Visibility = Visibility.Hidden;

}

else

{

chevronImage.Visibility = Visibility.Visible;

}

#endregion

#region 부모 버튼 - ParentButton

/// <summary>

/// 부모 버튼

/// </summary>

public MenuButton ParentButton { get; private set; }

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 확장 높이 - ExpandedHeight

/// <summary>

/// 확장 높이

/// </summary>

private double ExpandedHeight => Children.Count * ActualHeight + 5;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MenuButton()

/// <summary>

/// 생성자

/// </summary>

public MenuButton()

{

InitializeComponent();

Children = new List<MenuButton>();

Theme = UITheme.Light;

AnimationSpeed = TimeSpan.FromMilliseconds(150);

MouseEnter += UserControl_MouseEnter;

MouseLeave += UserControl_MouseLeave;

this.triggerGrid.MouseDown += UserControl_MouseDown;

this.chevronImage.MouseDown += UserControl_MouseDown;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 템플리트 적용시 처리하기 - OnApplyTemplate()

/// <summary>

/// 템플리트 적용시 처리하기

/// </summary>

public override void OnApplyTemplate()

{

base.OnApplyTemplate();

Label textLabel = FindName("textLabel") as Label;

textLabel.Content = Text;

Image image = FindName("image") as Image;

image.Source = Image;

ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

childItemsControl.DataContext = Children;

childItemsControl.GetBindingExpression(ItemsControl.ItemsSourceProperty).UpdateTarget();

foreach(MenuButton child in Children)

{

child.ParentButton = this;

}

Image chevronImage = FindName("chevronImage") as Image;

if(Children == null || Children.Count == 0)

{

chevronImage.Visibility = Visibility.Hidden;

}

else

{

chevronImage.Visibility = Visibility.Visible;

}

Grid rootGrid = FindName("rootGrid") as Grid;

rootGrid.Background = Background;

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Protected

#region 초기화시 처리하기 - OnInitialized(e)

/// <summary>

/// 초기화시 처리하기

/// </summary>

/// <param name="e">이벤트 인자</param>

protected override void OnInitialized(EventArgs e)

{

InitializeComponent();

base.OnInitialized(e);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 사용자 컨트롤 마우스 진입시 처리하기 - UserControl_MouseEnter(sender, e)

/// <summary>

/// 사용자 컨트롤 마우스 진입시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void UserControl_MouseEnter(object sender, MouseEventArgs e)

{

Grid rootGrid = FindName("rootGrid") as Grid;

ColorAnimation animation = new ColorAnimation

{

To = HoverBackground.Color,

Duration = AnimationSpeed

};

Storyboard storyboard = new Storyboard();

storyboard.Children.Add(animation);

Storyboard.SetTarget (animation, rootGrid);

Storyboard.SetTargetProperty(animation, new PropertyPath("Background.Color"));

storyboard.Begin();

}

#endregion

#region 사용자 컨트롤 마우스 이탈시 처리하기 - UserControl_MouseLeave(sender, e)

/// <summary>

/// 사용자 컨트롤 마우스 이탈시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void UserControl_MouseLeave(object sender, MouseEventArgs e)

{

Grid rootGrid = FindName("rootGrid") as Grid;

ColorAnimation animation = new ColorAnimation

{

To = (Background as SolidColorBrush).Color,

Duration = AnimationSpeed

};

Storyboard storyboard = new Storyboard();

storyboard.Children.Add(animation);

Storyboard.SetTarget (animation, rootGrid);

Storyboard.SetTargetProperty(animation, new PropertyPath("Background.Color"));

storyboard.Begin();

}

#endregion

#region 사용자 컨트롤 마우스 DOWN 처리하기 - UserControl_MouseDown(sender, e)

/// <summary>

/// 사용자 컨트롤 마우스 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void UserControl_MouseDown(object sender, MouseButtonEventArgs e)

{

if(Children.Count == 0)

{

return;

}

if(this.childrenVisible)

{

MenuButton parent = ParentButton;

while(parent != null)

{

ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

parent.Reduce(childItemsControl.ActualHeight);

parent = parent.ParentButton;

}

Close();

}

else

{

MenuButton parent = ParentButton;

while(parent != null)

{

parent.Expand(ExpandedHeight);

parent = parent.ParentButton;

}

Open();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 확장하기 - Expand(height)

/// <summary>

/// 확장하기

/// </summary>

/// <param name="height">높이</param>

private void Expand(double height)

{

ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

DoubleAnimation animation = new DoubleAnimation

{

From = childItemsControl.ActualHeight,

To = childItemsControl.ActualHeight + height,

Duration = AnimationSpeed

};

childItemsControl.BeginAnimation(HeightProperty, animation);

}

#endregion

#region 축소하기 - Reduce(height)

/// <summary>

/// 축소하기

/// </summary>

/// <param name="height">높이</param>

private void Reduce(double height)

{

ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

DoubleAnimation animation = new DoubleAnimation

{

From = childItemsControl.ActualHeight,

To = childItemsControl.ActualHeight - height,

Duration = AnimationSpeed

};

childItemsControl.BeginAnimation(HeightProperty, animation);

}

#endregion

#region 열기 - Open()

/// <summary>

/// 열기

/// </summary>

private void Open()

{

RotateTransform chevronRotateTransform = FindName("chevronRotateTransform") as RotateTransform;

DoubleAnimation animation = new DoubleAnimation

{

To = 90,

Duration = AnimationSpeed

};

chevronRotateTransform.BeginAnimation(RotateTransform.AngleProperty, animation);

Expand(ExpandedHeight);

this.childrenVisible = true;

}

#endregion

#region 닫기 - Close()

/// <summary>

/// 닫기

/// </summary>

private void Close()

{

RotateTransform chevronRotateTransform = FindName("chevronRotateTransform") as RotateTransform;

DoubleAnimation angleDoubleAnimation = new DoubleAnimation

{

To = 0,

Duration = AnimationSpeed

};

chevronRotateTransform.BeginAnimation(RotateTransform.AngleProperty, angleDoubleAnimation);

foreach(MenuButton child in Children)

{

child.Close();

}

if(!this.childrenVisible)

{

return;

}

ItemsControl childItemsControl = FindName("childItemsControl") as ItemsControl;

DoubleAnimation heightDoubleAnimation = new DoubleAnimation

{

From = childItemsControl.ActualHeight,

To = 0,

Duration = AnimationSpeed

};

childItemsControl.BeginAnimation(HeightProperty, heightDoubleAnimation);

this.childrenVisible = false;

}

#endregion

#region 배경 설정하기 - SetBackground(background)

/// <summary>

/// 배경 설정하기

/// </summary>

/// <param name="background">배경</param>

public void SetBackground(Brush background)

{

this.rootGrid.Background = background;

}

#endregion

}

▶ SideMenu.xaml


<UserControl Name="userControl" x:Class="TestLibrary.SideMenu"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:TestLibrary"
    mc:Ignorable="d"
    d:DesignWidth="800"
    d:DesignHeight="300">
    <UserControl.Resources>
        <SolidColorBrush x:Key="ButtonBackgroundSolidColorBrushKey"
            Color="{Binding ButtonHover, ElementName=userControl}" />
        <SolidColorBrush x:Key="ButtonHoverSolidColorBrushKey"
            Color="{Binding ButtonBackground, ElementName=userControl}" />
        <SolidColorBrush x:Key="ShadowSolidColorBrushKey"
            Color="{Binding ShadowBackground, ElementName=userControl}" />
        <Style TargetType="local:MenuButton">
            <Setter Property="Background"      Value="{DynamicResource ButtonBackgroundSolidColorBrushKey}" />
            <Setter Property="HoverBackground" Value="{DynamicResource ButtonHoverSolidColorBrushKey}"      />
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition x:Name="menuColumnDefinition"   Width="400" />
            <ColumnDefinition x:Name="shadowColumnDefinition" Width="0"   />
        </Grid.ColumnDefinitions>
        <ContentPresenter Grid.Column="0"
            Content="{Binding Menu, ElementName=userControl}" />
        <Border Name="shadowBorder" Grid.Column="1"
            Background="{DynamicResource ShadowSolidColorBrushKey}" />
    </Grid>
</UserControl>

<UserControl Name="userControl" x:Class="TestLibrary.SideMenu"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:local="clr-namespace:TestLibrary"

mc:Ignorable="d"

d:DesignWidth="800"

d:DesignHeight="300">

<UserControl.Resources>

<SolidColorBrush x:Key="ButtonBackgroundSolidColorBrushKey"

Color="{Binding ButtonHover, ElementName=userControl}" />

<SolidColorBrush x:Key="ButtonHoverSolidColorBrushKey"

Color="{Binding ButtonBackground, ElementName=userControl}" />

<SolidColorBrush x:Key="ShadowSolidColorBrushKey"

Color="{Binding ShadowBackground, ElementName=userControl}" />

</Style>

</UserControl.Resources>

<Grid>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<ContentPresenter Grid.Column="0"

Content="{Binding Menu, ElementName=userControl}" />

<Border Name="shadowBorder" Grid.Column="1"

Background="{DynamicResource ShadowSolidColorBrushKey}" />

</Grid>

</UserControl>

▶ SideMenu.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;

namespace TestLibrary
{
    /// <summary>
    /// 사이드 메뉴
    /// </summary>
    public partial class SideMenu
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 테마 속성 - ThemeProperty

        /// <summary>
        /// 테마 속성
        /// </summary>
        public static readonly DependencyProperty ThemeProperty = DependencyProperty.Register
        (
            "Theme",
            typeof(SideMenuTheme),
            typeof(SideMenu)
        );

        #endregion
        #region 상태 속성 - StateProperty

        /// <summary>
        /// 상태 속성
        /// </summary>
        public static readonly DependencyProperty StateProperty = DependencyProperty.Register
        (
            "State",
            typeof(MenuState),
            typeof(SideMenu)
        );

        #endregion
        #region 메뉴 너비 속성 - MenuWidthProperty

        /// <summary>
        /// 메뉴 너비 속성
        /// </summary>
        public static readonly DependencyProperty MenuWidthProperty = DependencyProperty.Register
        (
            "MenuWidth",
            typeof(double),
            typeof(SideMenu)
        );

        #endregion
        #region 메뉴 속성 - MenuProperty

        /// <summary>
        /// 메뉴 속성
        /// </summary>
        public static readonly DependencyProperty MenuProperty = DependencyProperty.Register
        (
            "Menu",
            typeof(ScrollViewer),
            typeof(SideMenu)
        );

        #endregion
        #region 그림자 배경 속성 - ShadowBackgroundProperty

        /// <summary>
        /// 그림자 배경 속성
        /// </summary>
        public static readonly DependencyProperty ShadowBackgroundProperty = DependencyProperty.Register
        (
            "ShadowBackground",
            typeof(Brush),
            typeof(SideMenu)
        );

        #endregion
        #region 버튼 배경 속성 - ButtonBackgroundProperty

        /// <summary>
        /// 버튼 배경 속성
        /// </summary>
        public static readonly DependencyProperty ButtonBackgroundProperty = DependencyProperty.Register
        (
            "ButtonBackground",
            typeof(Brush),
            typeof(SideMenu)
        );

        #endregion
        #region 버튼 HOVER 속성 - ButtonHoverProperty

        /// <summary>
        /// 버튼 HOVER 속성
        /// </summary>
        public static readonly DependencyProperty ButtonHoverProperty = DependencyProperty.Register
        (
            "ButtonHover",
            typeof(Brush),
            typeof(SideMenu)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 표시 여부
        /// </summary>
        private bool isShown;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 테마 - Theme

        /// <summary>
        /// 테마
        /// </summary>
        public SideMenuTheme Theme
        {
            get
            {
                return (SideMenuTheme)GetValue(ThemeProperty);
            }
            set
            {
                if(value == SideMenuTheme.None)
                {
                    return;
                }

                SetValue(ThemeProperty, value);

                SolidColorBrush buttonBackground;
                SolidColorBrush buttonHoverBackground;
                SolidColorBrush background;

                switch(value)
                {
                    case SideMenuTheme.Default :

                        background            = new SolidColorBrush { Color = Color.FromArgb(205, 20, 20, 20) };
                        buttonBackground      = new SolidColorBrush { Color = Color.FromArgb(50 , 30, 30, 30) };
                        buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 70, 70, 70) };

                        break;

                    case SideMenuTheme.Primary :

                        background            = new SolidColorBrush { Color = Color.FromArgb(205, 24, 57 , 85 ) };
                        buttonBackground      = new SolidColorBrush { Color = Color.FromArgb(50 , 35, 85 , 126) };
                        buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 45, 110, 163) };

                        break;

                    case SideMenuTheme.Success :

                        background            = new SolidColorBrush { Color = Color.FromArgb(205, 55, 109, 55) };
                        buttonBackground      = new SolidColorBrush { Color = Color.FromArgb(50 , 65, 129, 65) };
                        buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 87, 172, 87) };

                        break;

                    case SideMenuTheme.Warning :

                        background            = new SolidColorBrush { Color = Color.FromArgb(205, 150, 108, 49) };
                        buttonBackground      = new SolidColorBrush { Color = Color.FromArgb(50 , 179, 129, 58) };
                        buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 216, 155, 70) };

                        break;

                    case SideMenuTheme.Danger :

                        background            = new SolidColorBrush { Color = Color.FromArgb(205, 135, 52, 49) };
                        buttonBackground      = new SolidColorBrush { Color = Color.FromArgb(50 , 179, 69, 65) };
                        buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 238, 92, 86) };

                        break;

                    default :

                        throw new ArgumentOutOfRangeException(nameof(value), value, null);
                }

                ButtonBackground = buttonBackground;
                ButtonHover      = buttonHoverBackground;

                if(Menu != null)
                {
                    Menu.Background = background;

                    StackPanel stackPanel = Menu.Content as StackPanel;

                    foreach(UIElement child in stackPanel.Children)
                    {
                        if(child is MenuButton menuButton)
                        {
                            SetMenuButtonBackground(menuButton, buttonBackground, buttonHoverBackground);
                        }
                    }
                }
            }
        }

        #endregion
        #region 상태 - State

        /// <summary>
        /// 상태
        /// </summary>
        public MenuState State
        {
            get
            {
                return (MenuState)GetValue(StateProperty);
            }
            set
            {
                SetValue(StateProperty, value);

                if(value == MenuState.Visible)
                {
                    Show();
                }
                else
                {
                    Hide();
                }
            }
        }

        #endregion
        #region 메뉴 너비 - MenuWidth

        /// <summary>
        /// 메뉴 너비
        /// </summary>
        public double MenuWidth
        {
            get
            {
                return (double)GetValue(MenuWidthProperty);
            }
            set
            {
                SetValue(MenuWidthProperty, value);
            }
        }

        #endregion
        #region 메뉴 - Menu

        /// <summary>
        /// 메뉴
        /// </summary>
        public ScrollViewer Menu
        {
            get
            {
                return (ScrollViewer)GetValue(MenuProperty);
            }
            set
            {
                SetValue(MenuProperty, value);
            }
        }

        #endregion
        #region 그림자 배경 - ShadowBackground

        /// <summary>
        /// 그림자 배경
        /// </summary>
        public Brush ShadowBackground
        {
            get
            {
                return (Brush)GetValue(ShadowBackgroundProperty);
            }
            set
            {
                SetValue(ShadowBackgroundProperty, value);

                Resources["ShadowSolidColorBrushKey"] = value ?? new SolidColorBrush { Color = Colors.Black, Opacity = .2 };
            }
        }

        #endregion
        #region 버튼 배경 - ButtonBackground

        /// <summary>
        /// 버튼 배경
        /// </summary>
        public Brush ButtonBackground
        {
            get
            {
                return (Brush)GetValue(ButtonBackgroundProperty);
            }
            set
            {
                SetValue(ButtonBackgroundProperty, value);

                Resources["ButtonBackgroundSolidColorBrushKey"] = value;
            }
        }

        #endregion
        #region 버튼 HOVER - ButtonHover

        /// <summary>
        /// 버튼 HOVER
        /// </summary>
        public Brush ButtonHover
        {
            get
            {
                return (Brush)GetValue(ButtonHoverProperty);
            }
            set
            {
                SetValue(ButtonHoverProperty, value);

                Resources["ButtonHoverSolidColorBrushKey"] = value;
            }
        }

        #endregion

        #region 종료 타입 - ClosingType

        /// <summary>
        /// 종료 타입
        /// </summary>
        public ClosingType ClosingType { get; set; }

        #endregion
        #region 표시 여부 - IsShown

        /// <summary>
        /// 표시 여부
        /// </summary>
        public bool IsShown
        {
            get
            {
                return this.isShown;
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - SideMenu()

        /// <summary>
        /// 생성자
        /// </summary>
        public SideMenu()
        {
            InitializeComponent();

            Theme = SideMenuTheme.Default;

            ClosingType = ClosingType.Auto;

            this.shadowBorder.MouseDown += shadowBorder_MouseDown;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 템플리트 적용시 처리하기 - OnApplyTemplate()

        /// <summary>
        /// 템플리트 적용시 처리하기
        /// </summary>
        public override void OnApplyTemplate()
        {
            Panel.SetZIndex(this, int.MaxValue);

            RenderTransform = new TranslateTransform(-MenuWidth, 0);

            (FindName("menuColumnDefinition") as ColumnDefinition).Width = new GridLength(MenuWidth);

            State            = State;
            Theme            = Theme;
            ShadowBackground = ShadowBackground;
            ButtonBackground = ButtonBackground;
            ButtonHover      = ButtonHover;
        }

        #endregion

        #region 보여주기 - Show()

        /// <summary>
        /// 보여주기
        /// </summary>
        public void Show()
        {
            DoubleAnimation animation = new DoubleAnimation
            {
                From     = -MenuWidth * 0.85,
                To       = 0,
                Duration = TimeSpan.FromMilliseconds(100)
            };

            RenderTransform.BeginAnimation(TranslateTransform.XProperty, animation);

            this.isShown = true;

            (FindName("shadowColumnDefinition") as ColumnDefinition).Width = new GridLength(10000);
        }

        #endregion
        #region 숨기기 - Hide()

        /// <summary>
        /// 숨기기
        /// </summary>
        public void Hide()
        {
            DoubleAnimation animation = new DoubleAnimation
            {
                To       = -MenuWidth,
                Duration = TimeSpan.FromMilliseconds(100)
            };

            RenderTransform.BeginAnimation(TranslateTransform.XProperty, animation);

            this.isShown = false;

            (FindName("shadowColumnDefinition") as ColumnDefinition).Width = new GridLength(0);
        }

        #endregion

        #region 토글하기 - Toggle()

        /// <summary>
        /// 토글하기
        /// </summary>
        public void Toggle()
        {
            if(this.isShown)
            {
                Hide();
            }
            else
            {
                Show();
            }
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 그림자 테두리 마우스 DOWN 처리하기 - shadowBorder_MouseDown(sender, e)

        /// <summary>
        /// 그림자 테두리 마우스 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void shadowBorder_MouseDown(object sender, MouseButtonEventArgs e)
        {
            if(ClosingType == ClosingType.Auto)
            {
                Hide();
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Function

        #region 메뉴 버튼 배경 설정하기 - SetMenuButtonBackground(parentButton, buttonBackground, buttonHoverBackground)

        /// <summary>
        /// 메뉴 버튼 배경 설정하기
        /// </summary>
        /// <param name="parentButton">부모 버튼</param>
        /// <param name="buttonBackground">버튼 배경</param>
        /// <param name="buttonHoverBackground">버튼 HOVER 배경</param>
        private void SetMenuButtonBackground(MenuButton parentButton, Brush buttonBackground, SolidColorBrush buttonHoverBackground)
        {
            parentButton.HoverBackground = buttonHoverBackground;

            parentButton.SetBackground(buttonBackground);

            foreach(MenuButton childButton in parentButton.Children)
            {
                SetMenuButtonBackground(childButton, buttonBackground, buttonHoverBackground);
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

465

466

467

468

469

470

471

472

473

474

475

476

477

478

479

480

481

482

483

484

485

486

487

488

489

490

491

492

493

494

495

496

497

498

499

500

501

502

503

504

505

506

507

508

509

510

511

512

513

514

515

516

517

518

519

520

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

namespace TestLibrary

{

/// <summary>

/// 사이드 메뉴

/// </summary>

public partial class SideMenu

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Dependency Property

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 테마 속성 - ThemeProperty

/// <summary>

/// 테마 속성

/// </summary>

public static readonly DependencyProperty ThemeProperty = DependencyProperty.Register

(

"Theme",

typeof(SideMenuTheme),

typeof(SideMenu)

);

#endregion

#region 상태 속성 - StateProperty

/// <summary>

/// 상태 속성

/// </summary>

public static readonly DependencyProperty StateProperty = DependencyProperty.Register

(

"State",

typeof(MenuState),

typeof(SideMenu)

);

#endregion

#region 메뉴 너비 속성 - MenuWidthProperty

/// <summary>

/// 메뉴 너비 속성

/// </summary>

public static readonly DependencyProperty MenuWidthProperty = DependencyProperty.Register

(

"MenuWidth",

typeof(double),

typeof(SideMenu)

);

#endregion

#region 메뉴 속성 - MenuProperty

/// <summary>

/// 메뉴 속성

/// </summary>

public static readonly DependencyProperty MenuProperty = DependencyProperty.Register

(

"Menu",

typeof(ScrollViewer),

typeof(SideMenu)

);

#endregion

#region 그림자 배경 속성 - ShadowBackgroundProperty

/// <summary>

/// 그림자 배경 속성

/// </summary>

public static readonly DependencyProperty ShadowBackgroundProperty = DependencyProperty.Register

(

"ShadowBackground",

typeof(Brush),

typeof(SideMenu)

);

#endregion

#region 버튼 배경 속성 - ButtonBackgroundProperty

/// <summary>

/// 버튼 배경 속성

/// </summary>

public static readonly DependencyProperty ButtonBackgroundProperty = DependencyProperty.Register

(

"ButtonBackground",

typeof(Brush),

typeof(SideMenu)

);

#endregion

#region 버튼 HOVER 속성 - ButtonHoverProperty

/// <summary>

/// 버튼 HOVER 속성

/// </summary>

public static readonly DependencyProperty ButtonHoverProperty = DependencyProperty.Register

(

"ButtonHover",

typeof(Brush),

typeof(SideMenu)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Private

#region Field

/// <summary>

/// 표시 여부

/// </summary>

private bool isShown;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Property

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 테마 - Theme

/// <summary>

/// 테마

/// </summary>

public SideMenuTheme Theme

{

get

{

return (SideMenuTheme)GetValue(ThemeProperty);

}

set

{

if(value == SideMenuTheme.None)

{

return;

}

SetValue(ThemeProperty, value);

SolidColorBrush buttonBackground;

SolidColorBrush buttonHoverBackground;

SolidColorBrush background;

switch(value)

{

case SideMenuTheme.Default :

background = new SolidColorBrush { Color = Color.FromArgb(205, 20, 20, 20) };

buttonBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 30, 30, 30) };

buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 70, 70, 70) };

break;

case SideMenuTheme.Primary :

background = new SolidColorBrush { Color = Color.FromArgb(205, 24, 57 , 85 ) };

buttonBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 35, 85 , 126) };

buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 45, 110, 163) };

break;

case SideMenuTheme.Success :

background = new SolidColorBrush { Color = Color.FromArgb(205, 55, 109, 55) };

buttonBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 65, 129, 65) };

buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 87, 172, 87) };

break;

case SideMenuTheme.Warning :

background = new SolidColorBrush { Color = Color.FromArgb(205, 150, 108, 49) };

buttonBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 179, 129, 58) };

buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 216, 155, 70) };

break;

case SideMenuTheme.Danger :

background = new SolidColorBrush { Color = Color.FromArgb(205, 135, 52, 49) };

buttonBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 179, 69, 65) };

buttonHoverBackground = new SolidColorBrush { Color = Color.FromArgb(50 , 238, 92, 86) };

break;

default :

throw new ArgumentOutOfRangeException(nameof(value), value, null);

}

ButtonBackground = buttonBackground;

ButtonHover = buttonHoverBackground;

if(Menu != null)

{

Menu.Background = background;

StackPanel stackPanel = Menu.Content as StackPanel;

foreach(UIElement child in stackPanel.Children)

{

if(child is MenuButton menuButton)

{

SetMenuButtonBackground(menuButton, buttonBackground, buttonHoverBackground);

}

#endregion

#region 상태 - State

/// <summary>

/// 상태

/// </summary>

public MenuState State

{

get

{

return (MenuState)GetValue(StateProperty);

}

set

{

SetValue(StateProperty, value);

if(value == MenuState.Visible)

{

Show();

}

else

{

Hide();

}

#endregion

#region 메뉴 너비 - MenuWidth

/// <summary>

/// 메뉴 너비

/// </summary>

public double MenuWidth

{

get

{

return (double)GetValue(MenuWidthProperty);

}

set

{

SetValue(MenuWidthProperty, value);

}

#endregion

#region 메뉴 - Menu

/// <summary>

/// 메뉴

/// </summary>

public ScrollViewer Menu

{

get

{

return (ScrollViewer)GetValue(MenuProperty);

}

set

{

SetValue(MenuProperty, value);

}

#endregion

#region 그림자 배경 - ShadowBackground

/// <summary>

/// 그림자 배경

/// </summary>

public Brush ShadowBackground

{

get

{

return (Brush)GetValue(ShadowBackgroundProperty);

}

set

{

SetValue(ShadowBackgroundProperty, value);

Resources["ShadowSolidColorBrushKey"] = value ?? new SolidColorBrush { Color = Colors.Black, Opacity = .2 };

}

#endregion

#region 버튼 배경 - ButtonBackground

/// <summary>

/// 버튼 배경

/// </summary>

public Brush ButtonBackground

{

get

{

return (Brush)GetValue(ButtonBackgroundProperty);

}

set

{

SetValue(ButtonBackgroundProperty, value);

Resources["ButtonBackgroundSolidColorBrushKey"] = value;

}

#endregion

#region 버튼 HOVER - ButtonHover

/// <summary>

/// 버튼 HOVER

/// </summary>

public Brush ButtonHover

{

get

{

return (Brush)GetValue(ButtonHoverProperty);

}

set

{

SetValue(ButtonHoverProperty, value);

Resources["ButtonHoverSolidColorBrushKey"] = value;

}

#endregion

#region 종료 타입 - ClosingType

/// <summary>

/// 종료 타입

/// </summary>

public ClosingType ClosingType { get; set; }

#endregion

#region 표시 여부 - IsShown

/// <summary>

/// 표시 여부

/// </summary>

public bool IsShown

{

get

{

return this.isShown;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - SideMenu()

/// <summary>

/// 생성자

/// </summary>

public SideMenu()

{

InitializeComponent();

Theme = SideMenuTheme.Default;

ClosingType = ClosingType.Auto;

this.shadowBorder.MouseDown += shadowBorder_MouseDown;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 템플리트 적용시 처리하기 - OnApplyTemplate()

/// <summary>

/// 템플리트 적용시 처리하기

/// </summary>

public override void OnApplyTemplate()

{

Panel.SetZIndex(this, int.MaxValue);

RenderTransform = new TranslateTransform(-MenuWidth, 0);

(FindName("menuColumnDefinition") as ColumnDefinition).Width = new GridLength(MenuWidth);

State = State;

Theme = Theme;

ShadowBackground = ShadowBackground;

ButtonBackground = ButtonBackground;

ButtonHover = ButtonHover;

}

#endregion

#region 보여주기 - Show()

/// <summary>

/// 보여주기

/// </summary>

public void Show()

{

DoubleAnimation animation = new DoubleAnimation

{

From = -MenuWidth * 0.85,

To = 0,

Duration = TimeSpan.FromMilliseconds(100)

};

RenderTransform.BeginAnimation(TranslateTransform.XProperty, animation);

this.isShown = true;

(FindName("shadowColumnDefinition") as ColumnDefinition).Width = new GridLength(10000);

}

#endregion

#region 숨기기 - Hide()

/// <summary>

/// 숨기기

/// </summary>

public void Hide()

{

DoubleAnimation animation = new DoubleAnimation

{

To = -MenuWidth,

Duration = TimeSpan.FromMilliseconds(100)

};

RenderTransform.BeginAnimation(TranslateTransform.XProperty, animation);

this.isShown = false;

(FindName("shadowColumnDefinition") as ColumnDefinition).Width = new GridLength(0);

}

#endregion

#region 토글하기 - Toggle()

/// <summary>

/// 토글하기

/// </summary>

public void Toggle()

{

if(this.isShown)

{

Hide();

}

else

{

Show();

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Private

//////////////////////////////////////////////////////////////////////////////// Event

#region 그림자 테두리 마우스 DOWN 처리하기 - shadowBorder_MouseDown(sender, e)

/// <summary>

/// 그림자 테두리 마우스 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void shadowBorder_MouseDown(object sender, MouseButtonEventArgs e)

{

if(ClosingType == ClosingType.Auto)

{

Hide();

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Function

#region 메뉴 버튼 배경 설정하기 - SetMenuButtonBackground(parentButton, buttonBackground, buttonHoverBackground)

/// <summary>

/// 메뉴 버튼 배경 설정하기

/// </summary>

/// <param name="parentButton">부모 버튼</param>

/// <param name="buttonBackground">버튼 배경</param>

/// <param name="buttonHoverBackground">버튼 HOVER 배경</param>

private void SetMenuButtonBackground(MenuButton parentButton, Brush buttonBackground, SolidColorBrush buttonHoverBackground)

{

parentButton.HoverBackground = buttonHoverBackground;

parentButton.SetBackground(buttonBackground);

foreach(MenuButton childButton in parentButton.Children)

{

SetMenuButtonBackground(childButton, buttonBackground, buttonHoverBackground);

}

#endregion

}

[TestProject 프로젝트]

[C#/WPF] MenuItem 엘리먼트 : StaysOpenOnClick 속성을 사용해 클릭시 메뉴 오픈 상태 유지하기

■ MenuItem 엘리먼트의 StaysOpenOnClick 속성을 사용해 클릭시 메뉴 오픈 상태를 유지하는 방법을 보여준다. ▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="MenuItem 엘리먼트 : StaysOpenOnClick 속성을 사용해 클릭시 메뉴 오픈 상태 유지하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <DockPanel>
        <Menu
            Padding="5"
            FontFamily="나눔고딕코딩"
            FontSize="16">
            <MenuItem Header="옵션(_O)">
                <MenuItem Header="옵션 1 사용 (_1)"
                    IsCheckable="True"
                    StaysOpenOnClick="True" />
                <MenuItem Header="옵션 2 사용 (_2)"
                    IsCheckable="True"
                    StaysOpenOnClick="True"
                    IsChecked="True"/>
                <MenuItem Header="옵션 3 사용 (_3)"
                    IsCheckable="True"
                    StaysOpenOnClick="True" />
            </MenuItem>
        </Menu>
    </DockPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="MenuItem 엘리먼트 : StaysOpenOnClick 속성을 사용해 클릭시 메뉴 오픈 상태 유지하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Menu

Padding="5"

FontFamily="나눔고딕코딩"

FontSize="16">

<MenuItem Header="옵션 1 사용 (_1)"

IsCheckable="True"

StaysOpenOnClick="True" />

<MenuItem Header="옵션 2 사용 (_2)"

IsCheckable="True"

StaysOpenOnClick="True"

IsChecked="True"/>

<MenuItem Header="옵션 3 사용 (_3)"

IsCheckable="True"

StaysOpenOnClick="True" />

</MenuItem>

</Menu>

</DockPanel>

</Window>

TestProject.zip

[C#/WPF] MenuItem 엘리먼트 : IsCheckable/IsChecked 속성 사용하기

■ MenuItem 엘리먼트의 IsCheckable/IsChecked 속성을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<Window Name="window" x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="MenuItem 엘리먼트 : IsCheckable/IsChecked 속성 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <DockPanel LastChildFill="False">
        <Menu DockPanel.Dock="Top"
            Padding="5"
            FontFamily="나눔고딕코딩"
            FontSize="16">
            <MenuItem Header="파일(_F)">
                <MenuItem Name="exitMenuItem" Header="종료(_X)" />
            </MenuItem>
            <MenuItem Header="윈도우(_W)">
                <MenuItem Name="showInTaskbarMenuItem" Header="태스크바 표시(_S)"
                    IsCheckable="True"
                    IsChecked="{Binding ElementName=window, Path=ShowInTaskbar}" />
                <MenuItem Name="resizableMenuItem" Header="크기 변경 가능(_R)"
                    IsCheckable="True"
                    IsChecked="True" />
                <MenuItem Name="topMostMenuItem" Header="최상위 위치 여부(_T)"
                    IsCheckable="True"
                    IsChecked="{Binding ElementName=window, Path=Topmost}" />
            </MenuItem>
        </Menu>
    </DockPanel>
</Window>

<Window Name="window" x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="MenuItem 엘리먼트 : IsCheckable/IsChecked 속성 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Menu DockPanel.Dock="Top"

Padding="5"

FontFamily="나눔고딕코딩"

FontSize="16">

</MenuItem>

<MenuItem Name="showInTaskbarMenuItem" Header="태스크바 표시(_S)"

IsCheckable="True"

IsChecked="{Binding ElementName=window, Path=ShowInTaskbar}" />

<MenuItem Name="resizableMenuItem" Header="크기 변경 가능(_R)"

IsCheckable="True"

IsChecked="True" />

<MenuItem Name="topMostMenuItem" Header="최상위 위치 여부(_T)"

IsCheckable="True"

IsChecked="{Binding ElementName=window, Path=Topmost}" />

</MenuItem>

</Menu>

</DockPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Windows;
using System.Windows.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            this.exitMenuItem.Click      += exitMenuItem_Click;
            this.resizableMenuItem.Click += resizableMenuItem_Click;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 종료 메뉴 항목 클릭시 처리하기 - exitMenuItem_Click(sender, e)

        /// <summary>
        /// 종료 메뉴 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void exitMenuItem_Click(object sender, RoutedEventArgs e)
        {
            Close();
        }

        #endregion
        #region 크기 변경 가능 메뉴 항목 클릭시 처리하기 - resizableMenuItem_Click(sender, e)

        /// <summary>
        /// 크기 변경 가능 메뉴 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void resizableMenuItem_Click(object sender, RoutedEventArgs e)
        {
            MenuItem item = sender as MenuItem;

            ResizeMode = item.IsChecked ? ResizeMode.CanResize : ResizeMode.NoResize;
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.exitMenuItem.Click += exitMenuItem_Click;

this.resizableMenuItem.Click += resizableMenuItem_Click;

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 종료 메뉴 항목 클릭시 처리하기 - exitMenuItem_Click(sender, e)

/// <summary>

/// 종료 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void exitMenuItem_Click(object sender, RoutedEventArgs e)

{

Close();

}

#endregion

#region 크기 변경 가능 메뉴 항목 클릭시 처리하기 - resizableMenuItem_Click(sender, e)

/// <summary>

/// 크기 변경 가능 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void resizableMenuItem_Click(object sender, RoutedEventArgs e)

{

MenuItem item = sender as MenuItem;

ResizeMode = item.IsChecked ? ResizeMode.CanResize : ResizeMode.NoResize;

}

#endregion

}

TestProject.zip

[C#/WPF] Behavior 클래스 : 마우스 왼쪽 버튼 컨텍스트 메뉴 지원 동작 사용하기

■ Behavior<T> 클래스를 사용해 마우스 왼쪽 버튼 클릭시 컨텍스트 메뉴를 표시하는 방법을 보여준다. ▶ MouseLeftButtonContextMenuSupportBehavior.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Interactivity;

namespace TestProject
{
    /// <summary>
    /// 마우스 왼쪽 버튼 컨텍스트 메뉴 지원 동작
    /// </summary>
    public class MouseLeftButtonContextMenuSupportBehavior : Behavior<UIElement>
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 마우스 왼쪽 버튼 DOWN 허용 여부 첨부 속성 - AllowMouseLeftMouseDownProperty

        /// <summary>
        /// 마우스 왼쪽 버튼 DOWN 허용 여부 속성
        /// </summary>
        public static readonly DependencyProperty AllowMouseLeftMouseDownProperty = DependencyProperty.RegisterAttached
        (
            "AllowMouseLeftMouseDown",
            typeof(bool),
            typeof(MouseLeftButtonContextMenuSupportBehavior),
            new FrameworkPropertyMetadata(false)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 마우스 왼쪽 버튼 DOWN 허용 여부 구하기 - GetAllowMouseLeftMouseDown(element)

        /// <summary>
        /// 마우스 왼쪽 버튼 DOWN 허용 여부 구하기
        /// </summary>
        /// <param name="element">UI 엘리먼트</param>
        /// <returns>마우스 왼쪽 버튼 DOWN 허용 여부</returns>
        public static bool GetAllowMouseLeftMouseDown(UIElement element)
        {
            return (bool)element.GetValue(AllowMouseLeftMouseDownProperty);
        }

        #endregion
        #region 마우스 왼쪽 버튼 DOWN 허용 여부 설정하기 - SetAllowMouseLeftMouseDown(element, value)

        /// <summary>
        /// 마우스 왼쪽 버튼 DOWN 허용 여부 설정하기
        /// </summary>
        /// <param name="element">UI 엘리먼트</param>
        /// <param name="value">값</param>
        public static void SetAllowMouseLeftMouseDown(UIElement element, bool value)
        {
            element.SetValue(AllowMouseLeftMouseDownProperty, value);
        }

        #endregion

        ////////////////////////////////////////////////////////////////////////////////////////// Instance
        //////////////////////////////////////////////////////////////////////////////// Protected

        #region 접착시 처리하기 - OnAttached()

        /// <summary>
        /// 접착시 처리하기
        /// </summary>
        protected override void OnAttached()
        {
            base.OnAttached();

            if(AssociatedObject != null)
            {
                AssociatedObject.AddHandler
                (
                    UIElement.PreviewMouseLeftButtonDownEvent,
                    new RoutedEventHandler(UIElement_PreviewMouseLeftButtonDown)
                );
            }
        }

        #endregion
        #region 탈착시 처리하기 - OnDetaching()

        /// <summary>
        /// 탈착시 처리하기
        /// </summary>
        protected override void OnDetaching()
        {
            base.OnDetaching();

            if(AssociatedObject != null)
            {
                AssociatedObject.RemoveHandler
                (
                    UIElement.PreviewMouseLeftButtonDownEvent,
                    new RoutedEventHandler(UIElement_PreviewMouseLeftButtonDown)
                );
            }
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////// Private

        #region  UI 엘리먼트 프리뷰 마우스 왼쪽 버튼 DOWN 처리하기 - UIElement_PreviewMouseLeftButtonDown(sender, e)

        /// <summary>
        /// UI 엘리먼트 프리뷰 마우스 왼쪽 버튼 DOWN 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void UIElement_PreviewMouseLeftButtonDown(object sender, RoutedEventArgs e)
        {
            UIElement element = e.Source as UIElement;

            if(element != null)
            {
                if(true.Equals(element.GetValue(MouseLeftButtonContextMenuSupportBehavior.AllowMouseLeftMouseDownProperty)))
                {
                    ContextMenu contextMenu = ContextMenuService.GetContextMenu(element);

                    if(contextMenu != null)
                    {
                        MouseButtonEventArgs eventArgs = new MouseButtonEventArgs
                        (
                            Mouse.PrimaryDevice,
                            Environment.TickCount,
                            MouseButton.Right
                        );

                        eventArgs.RoutedEvent = Mouse.MouseUpEvent;
                        eventArgs.Source      = element;

                        InputManager.Current.ProcessInput(eventArgs);

                        e.Handled = true;
                    }
                }
            }
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Input;

using System.Windows.Interactivity;

namespace TestProject

{

/// <summary>

/// 마우스 왼쪽 버튼 컨텍스트 메뉴 지원 동작

/// </summary>

public class MouseLeftButtonContextMenuSupportBehavior : Behavior<UIElement>

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 마우스 왼쪽 버튼 DOWN 허용 여부 첨부 속성 - AllowMouseLeftMouseDownProperty

/// <summary>

/// 마우스 왼쪽 버튼 DOWN 허용 여부 속성

/// </summary>

public static readonly DependencyProperty AllowMouseLeftMouseDownProperty = DependencyProperty.RegisterAttached

(

"AllowMouseLeftMouseDown",

typeof(bool),

typeof(MouseLeftButtonContextMenuSupportBehavior),

new FrameworkPropertyMetadata(false)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 마우스 왼쪽 버튼 DOWN 허용 여부 구하기 - GetAllowMouseLeftMouseDown(element)

/// <summary>

/// 마우스 왼쪽 버튼 DOWN 허용 여부 구하기

/// </summary>

/// <param name="element">UI 엘리먼트</param>

/// <returns>마우스 왼쪽 버튼 DOWN 허용 여부</returns>

public static bool GetAllowMouseLeftMouseDown(UIElement element)

{

return (bool)element.GetValue(AllowMouseLeftMouseDownProperty);

}

#endregion

#region 마우스 왼쪽 버튼 DOWN 허용 여부 설정하기 - SetAllowMouseLeftMouseDown(element, value)

/// <summary>

/// 마우스 왼쪽 버튼 DOWN 허용 여부 설정하기

/// </summary>

/// <param name="element">UI 엘리먼트</param>

/// <param name="value">값</param>

public static void SetAllowMouseLeftMouseDown(UIElement element, bool value)

{

element.SetValue(AllowMouseLeftMouseDownProperty, value);

}

#endregion

////////////////////////////////////////////////////////////////////////////////////////// Instance

//////////////////////////////////////////////////////////////////////////////// Protected

#region 접착시 처리하기 - OnAttached()

/// <summary>

/// 접착시 처리하기

/// </summary>

protected override void OnAttached()

{

base.OnAttached();

if(AssociatedObject != null)

{

AssociatedObject.AddHandler

(

UIElement.PreviewMouseLeftButtonDownEvent,

new RoutedEventHandler(UIElement_PreviewMouseLeftButtonDown)

);

}

#endregion

#region 탈착시 처리하기 - OnDetaching()

/// <summary>

/// 탈착시 처리하기

/// </summary>

protected override void OnDetaching()

{

base.OnDetaching();

if(AssociatedObject != null)

{

AssociatedObject.RemoveHandler

(

UIElement.PreviewMouseLeftButtonDownEvent,

new RoutedEventHandler(UIElement_PreviewMouseLeftButtonDown)

);

}

#endregion

//////////////////////////////////////////////////////////////////////////////// Private

#region UI 엘리먼트 프리뷰 마우스 왼쪽 버튼 DOWN 처리하기 - UIElement_PreviewMouseLeftButtonDown(sender, e)

/// <summary>

/// UI 엘리먼트 프리뷰 마우스 왼쪽 버튼 DOWN 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void UIElement_PreviewMouseLeftButtonDown(object sender, RoutedEventArgs e)

{

UIElement element = e.Source as UIElement;

if(element != null)

{

if(true.Equals(element.GetValue(MouseLeftButtonContextMenuSupportBehavior.AllowMouseLeftMouseDownProperty)))

{

ContextMenu contextMenu = ContextMenuService.GetContextMenu(element);

if(contextMenu != null)

{

MouseButtonEventArgs eventArgs = new MouseButtonEventArgs

(

Mouse.PrimaryDevice,

Environment.TickCount,

MouseButton.Right

);

eventArgs.RoutedEvent = Mouse.MouseUpEvent;

eventArgs.Source = element;

InputManager.Current.ProcessInput(eventArgs);

e.Handled = true;

}

#endregion

}

▶ TestContextMenu.cs


using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;

namespace TestProject
{
    /// <summary>
    /// 테스트 컨텍스트 메뉴
    /// </summary>
    public class TestContextMenu : ContextMenu
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Public

        #region 메뉴 항목 클릭 이벤트 - MenuItemClickEvent

        /// <summary>
        /// 메뉴 항목 클릭 이벤트
        /// </summary>
        public static readonly RoutedEvent MenuItemClickEvent = EventManager.RegisterRoutedEvent
        (
            "MenuItemClickEvent",
            RoutingStrategy.Bubble,
            typeof(RoutedEventArgs),
            typeof(TestContextMenu)
        );

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - TestContextMenu()

        /// <summary>
        /// 생성자
        /// </summary>
        public TestContextMenu()
        {
            AddHandler(MenuItem.ClickEvent, new RoutedEventHandler(MenuItem_Click));
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region 메뉴 항목 클릭시 처리하기 - MenuItem_Click(sender, e)

        /// <summary>
        /// 메뉴 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
            Popup popup = Parent as Popup;

            if(popup != null)
            {
                FrameworkElement targetElement = popup.PlacementTarget as FrameworkElement;

                if(targetElement != null)
                {
                    targetElement.RaiseEvent(new RoutedEventArgs(TestContextMenu.MenuItemClickEvent, e.Source));
                }
            }
        }

        #endregion
    }
}

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

namespace TestProject

{

/// <summary>

/// 테스트 컨텍스트 메뉴

/// </summary>

public class TestContextMenu : ContextMenu

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Field

////////////////////////////////////////////////////////////////////////////////////////// Static

//////////////////////////////////////////////////////////////////////////////// Public

#region 메뉴 항목 클릭 이벤트 - MenuItemClickEvent

/// <summary>

/// 메뉴 항목 클릭 이벤트

/// </summary>

public static readonly RoutedEvent MenuItemClickEvent = EventManager.RegisterRoutedEvent

(

"MenuItemClickEvent",

RoutingStrategy.Bubble,

typeof(RoutedEventArgs),

typeof(TestContextMenu)

);

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - TestContextMenu()

/// <summary>

/// 생성자

/// </summary>

public TestContextMenu()

{

AddHandler(MenuItem.ClickEvent, new RoutedEventHandler(MenuItem_Click));

}

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Private

#region 메뉴 항목 클릭시 처리하기 - MenuItem_Click(sender, e)

/// <summary>

/// 메뉴 항목 클릭시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void MenuItem_Click(object sender, RoutedEventArgs e)

{

Popup popup = Parent as Popup;

if(popup != null)

{

FrameworkElement targetElement = popup.PlacementTarget as FrameworkElement;

if(targetElement != null)

{

targetElement.RaiseEvent(new RoutedEventArgs(TestContextMenu.MenuItemClickEvent, e.Source));

}

#endregion

}

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:local="clr-namespace:TestProject"
    Width="800"
    Height="600"
    Title="Behavior&lt;T&gt; 클래스 : 마우스 왼쪽 버튼 컨텍스트 메뉴 지원 동작 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Window.Resources>
        <local:TestContextMenu x:Key="TestContextMenuKey">
            <MenuItem Header="Dock to Fill" Tag="FILL" />
            <Separator />
            <MenuItem Header="Dock to Side">
                <MenuItem Header="Left"   Tag="LEFT"   />
                <MenuItem Header="Top"    Tag="TOP"    />
                <MenuItem Header="Right"  Tag="RIGHT"  />
                <MenuItem Header="Bottom" Tag="BOTTOM" />
            </MenuItem>
        </local:TestContextMenu>
    </Window.Resources>
    <i:Interaction.Behaviors>
        <local:MouseLeftButtonContextMenuSupportBehavior />
    </i:Interaction.Behaviors>
    <Grid>
        <Button Name="button"
            Width="100"
            Height="30"
            Padding="5"
            ContextMenu="{DynamicResource TestContextMenuKey}"
            local:MouseLeftButtonContextMenuSupportBehavior.AllowMouseLeftMouseDown="True"
            Content="테스트" />
    </Grid>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:local="clr-namespace:TestProject"

Width="800"

Height="600"

Title="Behavior<T> 클래스 : 마우스 왼쪽 버튼 컨텍스트 메뉴 지원 동작 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Window.Resources>

<local:TestContextMenu x:Key="TestContextMenuKey">

</MenuItem>

</local:TestContextMenu>

</Window.Resources>

<i:Interaction.Behaviors>

<local:MouseLeftButtonContextMenuSupportBehavior />

</i:Interaction.Behaviors>

<Grid>

<Button Name="button"

Width="100"

Height="30"

Padding="5"

ContextMenu="{DynamicResource TestContextMenuKey}"

local:MouseLeftButtonContextMenuSupportBehavior.AllowMouseLeftMouseDown="True"

Content="테스트" />

</Grid>

</Window>