WINUI3 Archives - 28 중 28 번째 페이지

[C#/WINUI3/.NET6] RepeatButton 엘리먼트 : 버튼을 누르고 있는 동안 반복해서 클릭 이벤트 발생시키기

■ RepeatButton 엘리먼트를 사용해 버튼을 누르고 있는 동안 반복해서 클릭 이벤트를 발생시키는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <StackPanel
            HorizontalAlignment="Center"
            Orientation="Horizontal">
            <RepeatButton Name="repeatButton"
                VerticalAlignment="Center"
                Content="계속 누르기" />
            <TextBlock Name="textBlock"
                VerticalAlignment="Center"
                Margin="10 0 0 0"
                Text="클릭 수 : 0" />
        </StackPanel>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<StackPanel

HorizontalAlignment="Center"

Orientation="Horizontal">

<RepeatButton Name="repeatButton"

VerticalAlignment="Center"

Content="계속 누르기" />

<TextBlock Name="textBlock"

VerticalAlignment="Center"

Margin="10 0 0 0"

Text="클릭 수 : 0" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Xaml;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 카운트
        /// </summary>
        private int count = 0;

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.repeatButton.Click += repeatButton_Click;
        }

        #endregion

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

        #region 리피트 버튼 클릭시 처리하기 - repeatButton_Click(sender, e)

        /// <summary>
        /// 리피트 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void repeatButton_Click(object sender, RoutedEventArgs e)
        {
            this.textBlock.Text = $"클릭 수 : {++this.count}";
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 카운트

/// </summary>

private int count = 0;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.repeatButton.Click += repeatButton_Click;

}

#endregion

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

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

#region 리피트 버튼 클릭시 처리하기 - repeatButton_Click(sender, e)

/// <summary>

/// 리피트 버튼 클릭시 처리하기

/// </summary>

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

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

private void repeatButton_Click(object sender, RoutedEventArgs e)

{

this.textBlock.Text = $"클릭 수 : {++this.count}";

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] ToggleSplitButton 엘리먼트 : Flyout 속성을 사용해 토글 드롭 다운 버튼 만들기

■ ToggleSplitButton 엘리먼트의 Flyout 속성을 사용해 토글 드롭 다운 버튼을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <ToggleSplitButton Name="toggleSplitButton"
            HorizontalAlignment="Center">
            <SymbolIcon Name="symbolIcon"
                Symbol="List" />
            <ToggleSplitButton.Flyout>
                <Flyout Placement="Bottom">
                    <StackPanel Orientation="Horizontal">
                        <StackPanel.Resources>
                            <Style TargetType="Button">
                                <Setter Property="Padding"      Value="5"       />
                                <Setter Property="Margin"       Value="5"       />
                                <Setter Property="CornerRadius" Value="4 4 4 4" />
                            </Style>
                        </StackPanel.Resources>
                        <Button Name="listButton">
                            <SymbolIcon Symbol="List" />
                        </Button>
                        <Button Name="bulletsButton">
                            <SymbolIcon Symbol="Bullets" />
                        </Button>
                    </StackPanel>
                </Flyout>
            </ToggleSplitButton.Flyout>
        </ToggleSplitButton>
        <RichEditBox Name="richEditBox"
            Margin="0 10 0 0"
            Width="200"
            Height="100" />
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<ToggleSplitButton Name="toggleSplitButton"

HorizontalAlignment="Center">

<SymbolIcon Name="symbolIcon"

Symbol="List" />

<ToggleSplitButton.Flyout>

<StackPanel.Resources>

</Style>

</StackPanel.Resources>

</Button>

</Button>

</StackPanel>

</Flyout>

</ToggleSplitButton.Flyout>

</ToggleSplitButton>

<RichEditBox Name="richEditBox"

Margin="0 10 0 0"

Width="200"

Height="100" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Text;
using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 마커 타입
        /// </summary>
        private MarkerType markerType = MarkerType.Bullet;

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.toggleSplitButton.IsCheckedChanged += toggleSplitButton_IsCheckedChanged;
            this.listButton.Click                   += button_Click;
            this.bulletsButton.Click                += button_Click;
        }

        #endregion

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

        #region 토글 스플릿 버튼 체크 변경시 처리하기 - toggleSplitButton_IsCheckedChanged(sender, e)

        /// <summary>
        /// 토글 스플릿 버튼 체크 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void toggleSplitButton_IsCheckedChanged(ToggleSplitButton sender, ToggleSplitButtonIsCheckedChangedEventArgs e)
        {
            if(sender.IsChecked)
            {
                this.richEditBox.Document.Selection.ParagraphFormat.ListType = this.markerType;
            }
            else
            {
                this.richEditBox.Document.Selection.ParagraphFormat.ListType = MarkerType.None;
            }
        }

        #endregion
        #region 버튼 클릭시 처리하기 - button_Click(sender, e)

        /// <summary>
        /// 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void button_Click(object sender, RoutedEventArgs e)
        {
            Button buttonClicked = sender as Button;

            SymbolIcon symbolIconClicked = buttonClicked.Content as SymbolIcon;

            if(symbolIconClicked.Symbol == Symbol.List)
            {
                this.markerType = MarkerType.Bullet;

                this.symbolIcon.Symbol = Symbol.List;
            }
            else if (symbolIconClicked.Symbol == Symbol.Bullets)
            {
                this.markerType = MarkerType.UppercaseRoman;

                this.symbolIcon.Symbol = Symbol.Bullets;
            }

            this.richEditBox.Document.Selection.ParagraphFormat.ListType = this.markerType;

            this.toggleSplitButton.IsChecked = true;

            this.toggleSplitButton.Flyout.Hide();

            this.richEditBox.Focus(FocusState.Keyboard);
        }

        #endregion
    }
}

100

101

102

103

104

105

using Microsoft.UI.Text;

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 마커 타입

/// </summary>

private MarkerType markerType = MarkerType.Bullet;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.toggleSplitButton.IsCheckedChanged += toggleSplitButton_IsCheckedChanged;

this.listButton.Click += button_Click;

this.bulletsButton.Click += button_Click;

}

#endregion

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

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

#region 토글 스플릿 버튼 체크 변경시 처리하기 - toggleSplitButton_IsCheckedChanged(sender, e)

/// <summary>

/// 토글 스플릿 버튼 체크 변경시 처리하기

/// </summary>

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

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

private void toggleSplitButton_IsCheckedChanged(ToggleSplitButton sender, ToggleSplitButtonIsCheckedChangedEventArgs e)

{

if(sender.IsChecked)

{

this.richEditBox.Document.Selection.ParagraphFormat.ListType = this.markerType;

}

else

{

this.richEditBox.Document.Selection.ParagraphFormat.ListType = MarkerType.None;

}

#endregion

#region 버튼 클릭시 처리하기 - button_Click(sender, e)

/// <summary>

/// 버튼 클릭시 처리하기

/// </summary>

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

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

private void button_Click(object sender, RoutedEventArgs e)

{

Button buttonClicked = sender as Button;

SymbolIcon symbolIconClicked = buttonClicked.Content as SymbolIcon;

if(symbolIconClicked.Symbol == Symbol.List)

{

this.markerType = MarkerType.Bullet;

this.symbolIcon.Symbol = Symbol.List;

}

else if (symbolIconClicked.Symbol == Symbol.Bullets)

{

this.markerType = MarkerType.UppercaseRoman;

this.symbolIcon.Symbol = Symbol.Bullets;

}

this.richEditBox.Document.Selection.ParagraphFormat.ListType = this.markerType;

this.toggleSplitButton.IsChecked = true;

this.toggleSplitButton.Flyout.Hide();

this.richEditBox.Focus(FocusState.Keyboard);

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] SplitButton 엘리먼트 : Flyout 속성에서 VariableSizedWrapGrid 객체를 사용해 드롭 다운 버튼 만들기

■ SplitButton 엘리먼트의 Flyout 속성에서 VariableSizedWrapGrid 객체를 사용해 드롭 다운 버튼을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <SplitButton Name="splitButton"
            HorizontalAlignment="Center"
            Padding="5"
            Content="색상 선택">
            <SplitButton.Flyout>
                <Flyout Placement="Bottom">
                    <VariableSizedWrapGrid
                        Orientation="Horizontal"
                        MaximumRowsOrColumns="3">
                        <VariableSizedWrapGrid.Resources>
                            <Style TargetType="Rectangle">
                                <Setter Property="Width"   Value="32" />
                                <Setter Property="Height"  Value="32" />
                                <Setter Property="RadiusX" Value="4"  />
                                <Setter Property="RadiusY" Value="4"  />
                            </Style>
                            <Style TargetType="Button">
                                <Setter Property="Padding"      Value="0"       />
                                <Setter Property="Margin"       Value="5"       />
                                <Setter Property="CornerRadius" Value="4 4 4 4" />
                            </Style>
                        </VariableSizedWrapGrid.Resources>
                        <Button Name="redColorButton">
                            <Button.Content>
                                <Rectangle Fill="Red" />
                            </Button.Content>
                        </Button>
                        <Button Name="orangeColorButton">
                            <Button.Content>
                                <Rectangle Fill="Orange" />
                            </Button.Content>
                        </Button>
                        <Button Name="yellowColorButton">
                            <Button.Content>
                                <Rectangle Fill="Yellow" />
                            </Button.Content>
                        </Button>
                        <Button Name="greenColorButton">
                            <Button.Content>
                                <Rectangle Fill="Green" />
                            </Button.Content>
                        </Button>
                        <Button Name="blueColorButton">
                            <Button.Content>
                                <Rectangle Fill="Blue" />
                            </Button.Content>
                        </Button>
                        <Button Name="indigoColorButton">
                            <Button.Content>
                                <Rectangle Fill="Indigo" />
                            </Button.Content>
                        </Button>
                        <Button Name="viloetColorButton">
                            <Button.Content>
                                <Rectangle Fill="Violet" />
                            </Button.Content>
                        </Button>
                        <Button Name="grayButton">
                            <Button.Content>
                                <Rectangle Fill="Gray" />
                            </Button.Content>
                        </Button>
                        <Button Name="blackButton">
                            <Button.Content>
                                <Rectangle Fill="Black" />
                            </Button.Content>
                        </Button>
                    </VariableSizedWrapGrid>
                </Flyout>
            </SplitButton.Flyout>
        </SplitButton>
        <Border
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            BorderThickness="1"
            BorderBrush="Black">
            <Rectangle Name="rectangle"
                Width="100"
                Height="100" />
        </Border>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<SplitButton Name="splitButton"

HorizontalAlignment="Center"

Padding="5"

Content="색상 선택">

<SplitButton.Flyout>

<VariableSizedWrapGrid

Orientation="Horizontal"

MaximumRowsOrColumns="3">

<VariableSizedWrapGrid.Resources>

</Style>

</Style>

</VariableSizedWrapGrid.Resources>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

<Button.Content>

</Button.Content>

</Button>

</VariableSizedWrapGrid>

</Flyout>

</SplitButton.Flyout>

</SplitButton>

<Border

HorizontalAlignment="Center"

Margin="0 10 0 0"

BorderThickness="1"

BorderBrush="Black">

<Rectangle Name="rectangle"

Width="100"

Height="100" />

</Border>

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Shapes;

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

        #region 생성자 - MainWindow()

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

            this.redColorButton.Click    += colorButton_Click;
            this.orangeColorButton.Click += colorButton_Click;
            this.yellowColorButton.Click += colorButton_Click;
            this.greenColorButton.Click  += colorButton_Click;
            this.blueColorButton.Click   += colorButton_Click;
            this.indigoColorButton.Click += colorButton_Click;
            this.viloetColorButton.Click += colorButton_Click;
            this.grayButton.Click        += colorButton_Click;
            this.blackButton.Click       += colorButton_Click;
        }

        #endregion

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

        #region 색상 버튼 클릭시 처리하기 - colorButton_Click(sender, e)

        /// <summary>
        /// 색상 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void colorButton_Click(object sender, RoutedEventArgs e)
        {
            this.splitButton.Flyout.Hide();

            this.rectangle.Fill = ((Rectangle)(sender as Button).Content).Fill;
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.redColorButton.Click += colorButton_Click;

this.orangeColorButton.Click += colorButton_Click;

this.yellowColorButton.Click += colorButton_Click;

this.greenColorButton.Click += colorButton_Click;

this.blueColorButton.Click += colorButton_Click;

this.indigoColorButton.Click += colorButton_Click;

this.viloetColorButton.Click += colorButton_Click;

this.grayButton.Click += colorButton_Click;

this.blackButton.Click += colorButton_Click;

}

#endregion

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

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

#region 색상 버튼 클릭시 처리하기 - colorButton_Click(sender, e)

/// <summary>

/// 색상 버튼 클릭시 처리하기

/// </summary>

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

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

private void colorButton_Click(object sender, RoutedEventArgs e)

{

this.splitButton.Flyout.Hide();

this.rectangle.Fill = ((Rectangle)(sender as Button).Content).Fill;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] SplitButton 엘리먼트 : Flyout 속성에서 GridView 객체를 사용해 드롭 다운 버튼 만들기

■ SplitButton 엘리먼트의 Flyout 속성에서 GridView 객체를 사용해 드롭 다운 버튼을 만드는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <StackPanel>
            <SplitButton Name="splitButton"
                Padding="0">
                <Border Name="border"
                    Margin="0"
                    Width="32"
                    Height="32"
                    Background="Green"
                    CornerRadius="4 0 0 4" />
                <SplitButton.Flyout>
                    <Flyout Placement="Bottom">
                        <GridView Name="gridView"
                            IsItemClickEnabled="True">
                            <GridView.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <ItemsWrapGrid
                                        Orientation="Horizontal"
                                        MaximumRowsOrColumns="3" />
                                </ItemsPanelTemplate>
                            </GridView.ItemsPanel>
                            <GridView.Resources>
                                <Style TargetType="Rectangle">
                                    <Setter Property="Width"   Value="32" />
                                    <Setter Property="Height"  Value="32" />
                                    <Setter Property="RadiusX" Value="4"  />
                                    <Setter Property="RadiusY" Value="4"  />
                                </Style>
                            </GridView.Resources>
                            <GridView.Items>
                                <Rectangle Fill="Red"    />
                                <Rectangle Fill="Orange" />
                                <Rectangle Fill="Yellow" />
                                <Rectangle Fill="Green"  />
                                <Rectangle Fill="Blue"   />
                                <Rectangle Fill="Indigo" />
                                <Rectangle Fill="Violet" />
                                <Rectangle Fill="Gray"   />
                            </GridView.Items>
                        </GridView>
                    </Flyout>
                </SplitButton.Flyout>
            </SplitButton>
            <RichEditBox Name="richEditBox"
                Margin="0 10 0 0"
                Width="240"
                MinHeight="96"
                PlaceholderText="Type something here" />
        </StackPanel>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<SplitButton Name="splitButton"

Padding="0">

<Border Name="border"

Margin="0"

Width="32"

Height="32"

Background="Green"

CornerRadius="4 0 0 4" />

<SplitButton.Flyout>

<GridView Name="gridView"

IsItemClickEnabled="True">

<GridView.ItemsPanel>

<ItemsWrapGrid

Orientation="Horizontal"

MaximumRowsOrColumns="3" />

</ItemsPanelTemplate>

</GridView.ItemsPanel>

<GridView.Resources>

</Style>

</GridView.Resources>

<GridView.Items>

</GridView.Items>

</GridView>

</Flyout>

</SplitButton.Flyout>

</SplitButton>

<RichEditBox Name="richEditBox"

Margin="0 10 0 0"

Width="240"

MinHeight="96"

PlaceholderText="Type something here" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using System.Threading.Tasks;

using Windows.UI;

using Microsoft.UI;
using Microsoft.UI.Text;
using Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Media;
using Microsoft.UI.Xaml.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 현재 색상
        /// </summary>
        private Color currentColor = Colors.Green;

        #endregion

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

        #region 생성자 - MainWindow()

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

            this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;

            this.richEditBox.Document.Selection.SetText
            (
                TextSetOptions.None,
                "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor commodo ullamcorper a lacus."
            );

            this.splitButton.Click       += splitButton_Click;
            this.gridView.ItemClick      += gridView_ItemClick;
            this.richEditBox.TextChanged += richEditBox_TextChanged;
        }

        #endregion

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

        #region 스플릿 버튼 클릭시 처리하기 - splitButton_Click(sender, e)

        /// <summary>
        /// 스플릿 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void splitButton_Click(SplitButton sender, SplitButtonClickEventArgs e)
        {
            Border border = sender.Content as Border;

            Color color = (border.Background as SolidColorBrush).Color;

            this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

            this.currentColor = color;
        }

        #endregion
        #region 그리드 뷰 항목 클릭시 처리하기 - gridView_ItemClick(sender, e)

        /// <summary>
        /// 그리드 뷰 항목 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void gridView_ItemClick(object sender, ItemClickEventArgs e)
        {
            Rectangle rectangle = e.ClickedItem as Rectangle;

            Color color = (rectangle.Fill as SolidColorBrush).Color;

            this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

            this.border.Background = new SolidColorBrush(color);

            this.richEditBox.Focus(FocusState.Keyboard);

            this.currentColor = color;

            Task.Delay(10).ContinueWith(_ => this.splitButton.Flyout.Hide(), TaskScheduler.FromCurrentSynchronizationContext());
        }

        #endregion
        #region 리치 에디트 박스 텍스트 변경시 처리하기 - richEditBox_TextChanged(sender, e)

        /// <summary>
        /// 리치 에디트 박스 텍스트 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void richEditBox_TextChanged(object sender, RoutedEventArgs e)
        {
            if(this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor != this.currentColor)
            {
                this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;
            }
        }

        #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

using System.Threading.Tasks;

using Windows.UI;

using Microsoft.UI;

using Microsoft.UI.Text;

using Microsoft.UI.Xaml;

using Microsoft.UI.Xaml.Controls;

using Microsoft.UI.Xaml.Media;

using Microsoft.UI.Xaml.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region Field

/// <summary>

/// 현재 색상

/// </summary>

private Color currentColor = Colors.Green;

#endregion

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;

this.richEditBox.Document.Selection.SetText

(

TextSetOptions.None,

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tempor commodo ullamcorper a lacus."

);

this.splitButton.Click += splitButton_Click;

this.gridView.ItemClick += gridView_ItemClick;

this.richEditBox.TextChanged += richEditBox_TextChanged;

}

#endregion

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

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

#region 스플릿 버튼 클릭시 처리하기 - splitButton_Click(sender, e)

/// <summary>

/// 스플릿 버튼 클릭시 처리하기

/// </summary>

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

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

private void splitButton_Click(SplitButton sender, SplitButtonClickEventArgs e)

{

Border border = sender.Content as Border;

Color color = (border.Background as SolidColorBrush).Color;

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

this.currentColor = color;

}

#endregion

#region 그리드 뷰 항목 클릭시 처리하기 - gridView_ItemClick(sender, e)

/// <summary>

/// 그리드 뷰 항목 클릭시 처리하기

/// </summary>

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

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

private void gridView_ItemClick(object sender, ItemClickEventArgs e)

{

Rectangle rectangle = e.ClickedItem as Rectangle;

Color color = (rectangle.Fill as SolidColorBrush).Color;

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = color;

this.border.Background = new SolidColorBrush(color);

this.richEditBox.Focus(FocusState.Keyboard);

this.currentColor = color;

Task.Delay(10).ContinueWith(_ => this.splitButton.Flyout.Hide(), TaskScheduler.FromCurrentSynchronizationContext());

}

#endregion

#region 리치 에디트 박스 텍스트 변경시 처리하기 - richEditBox_TextChanged(sender, e)

/// <summary>

/// 리치 에디트 박스 텍스트 변경시 처리하기

/// </summary>

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

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

private void richEditBox_TextChanged(object sender, RoutedEventArgs e)

{

if(this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor != this.currentColor)

{

this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = this.currentColor;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] ToggleButton 클래스 : Checked/Unchecked 이벤트 사용하기

■ ToggleButton 클래스의 Checked/Unchecked 이벤트를 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <StackPanel
            HorizontalAlignment="Center"
            Orientation="Horizontal">
            <ToggleButton Name="toggleButton"
                VerticalAlignment="Center"
                Content="ToggleButton" />
            <TextBlock Name="textBlock"
                VerticalAlignment="Center"
                Margin="10 0 0 0"
                Text="꺼짐" />
        </StackPanel>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<StackPanel

HorizontalAlignment="Center"

Orientation="Horizontal">

<ToggleButton Name="toggleButton"

VerticalAlignment="Center"

Content="ToggleButton" />

<TextBlock Name="textBlock"

VerticalAlignment="Center"

Margin="10 0 0 0"

Text="꺼짐" />

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Xaml;

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

        #region 생성자 - MainWindow()

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

            this.toggleButton.Checked   += toggleButton_Checked;
            this.toggleButton.Unchecked += toggleButton_Unchecked;
        }

        #endregion

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

        #region 토글 버튼 체크시 처리하기 - toggleButton_Checked(sender, e)

        /// <summary>
        /// 토글 버튼 체크시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void toggleButton_Checked(object sender, RoutedEventArgs e)
        {
            this.textBlock.Text = "켜짐";
        }

        #endregion
        #region 토글 버튼 체크 해제시 처리하기 - toggleButton_Unchecked(sender, e)

        /// <summary>
        /// 토글 버튼 체크 해제시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void toggleButton_Unchecked(object sender, RoutedEventArgs e)
        {
            this.textBlock.Text = "꺼짐";
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.toggleButton.Checked += toggleButton_Checked;

this.toggleButton.Unchecked += toggleButton_Unchecked;

}

#endregion

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

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

#region 토글 버튼 체크시 처리하기 - toggleButton_Checked(sender, e)

/// <summary>

/// 토글 버튼 체크시 처리하기

/// </summary>

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

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

private void toggleButton_Checked(object sender, RoutedEventArgs e)

{

this.textBlock.Text = "켜짐";

}

#endregion

#region 토글 버튼 체크 해제시 처리하기 - toggleButton_Unchecked(sender, e)

/// <summary>

/// 토글 버튼 체크 해제시 처리하기

/// </summary>

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

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

private void toggleButton_Unchecked(object sender, RoutedEventArgs e)

{

this.textBlock.Text = "꺼짐";

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] HyperlinkButton 엘리먼트 : 하이퍼링크 만들기

■ HyperlinkButton 엘리먼트를 사용해 하이퍼링크를 만드는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <HyperlinkButton
            HorizontalAlignment="Center"
            NavigateUri="https://icodebroker.com"
            Content="Go to icodebroker.com" />
        <HyperlinkButton Name="hyperlinkButton"
            Content="Show teaching tip" />
        <TeachingTip Name="teachingTip"
            Target="{x:Bind hyperlinkButton}"
            Title="Show teaching tip"
            Subtitle="The XAML TeachingTip Control provides a way for your app to guide and inform users in your application with a non-invasive and content rich notification.">
            <TeachingTip.IconSource>
                <SymbolIconSource Symbol="Refresh" />
            </TeachingTip.IconSource>
        </TeachingTip>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<HyperlinkButton

HorizontalAlignment="Center"

NavigateUri="https://icodebroker.com"

Content="Go to icodebroker.com" />

<HyperlinkButton Name="hyperlinkButton"

Content="Show teaching tip" />

<TeachingTip Name="teachingTip"

Target="{x:Bind hyperlinkButton}"

Title="Show teaching tip"

Subtitle="The XAML TeachingTip Control provides a way for your app to guide and inform users in your application with a non-invasive and content rich notification.">

<TeachingTip.IconSource>

</TeachingTip.IconSource>

</TeachingTip>

</StackPanel>

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Xaml;

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

        #region 생성자 - MainWindow()

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

            this.hyperlinkButton.Click += hyperlinkButton_Click;
        }

        #endregion

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

        #region 하이퍼링크 버튼 클릭시 처리하기 - hyperlinkButton_Click(sender, e)

        /// <summary>
        /// 하이퍼링크 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void hyperlinkButton_Click(object sender, RoutedEventArgs e)
        {
            this.teachingTip.IsOpen = true;
        }

        #endregion
    }
}

using Microsoft.UI.Xaml;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

this.hyperlinkButton.Click += hyperlinkButton_Click;

}

#endregion

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

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

#region 하이퍼링크 버튼 클릭시 처리하기 - hyperlinkButton_Click(sender, e)

/// <summary>

/// 하이퍼링크 버튼 클릭시 처리하기

/// </summary>

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

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

private void hyperlinkButton_Click(object sender, RoutedEventArgs e)

{

this.teachingTip.IsOpen = true;

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] DropDownButton 엘리먼트 : 아이콘 표시하기

■ DropDownButton 엘리먼트에서 아이콘을 표시하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <DropDownButton
            HorizontalAlignment="Center"
            Content="이메일">
            <DropDownButton.Flyout>
                <MenuFlyout Placement="Bottom">
                    <MenuFlyoutItem Text="발송하기"     />
                    <MenuFlyoutItem Text="회신하기"     />
                    <MenuFlyoutItem Text="모두 회신하기"/>
                </MenuFlyout>
            </DropDownButton.Flyout>
        </DropDownButton>
        <DropDownButton Margin="0 10 0 0">
            <DropDownButton.Content>
                <FontIcon Glyph="&#xe715;"/>
            </DropDownButton.Content>
            <DropDownButton.Flyout>
                <MenuFlyout Placement="Bottom">
                    <MenuFlyoutItem Text="발송하기">
                        <MenuFlyoutItem.Icon>
                            <FontIcon Glyph="&#xe725;"/>
                        </MenuFlyoutItem.Icon>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="회신하기">
                        <MenuFlyoutItem.Icon>
                            <FontIcon Glyph="&#xe8ca;"/>
                        </MenuFlyoutItem.Icon>
                    </MenuFlyoutItem>
                    <MenuFlyoutItem Text="모두 회신하기">
                        <MenuFlyoutItem.Icon>
                            <FontIcon Glyph="&#xe8c2;"/>
                        </MenuFlyoutItem.Icon>
                    </MenuFlyoutItem>
                </MenuFlyout>
            </DropDownButton.Flyout>
        </DropDownButton>
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<DropDownButton

HorizontalAlignment="Center"

Content="이메일">

<DropDownButton.Flyout>

</MenuFlyout>

</DropDownButton.Flyout>

</DropDownButton>

<DropDownButton.Content>

</DropDownButton.Content>

<DropDownButton.Flyout>

<MenuFlyoutItem.Icon>

</MenuFlyoutItem.Icon>

</MenuFlyoutItem>

<MenuFlyoutItem.Icon>

</MenuFlyoutItem.Icon>

</MenuFlyoutItem>

<MenuFlyoutItem.Icon>

</MenuFlyoutItem.Icon>

</MenuFlyoutItem>

</MenuFlyout>

</DropDownButton.Flyout>

</DropDownButton>

</StackPanel>

</Window>

TestProject.zip

[C#/WINUI3/.NET6] Button 엘리먼트 : 표준 XAML/이미지/액센트 스타일 버튼 사용하기

■ Button 엘리먼트에서 표준 XAML/이미지/액센트 스타일 버튼을 사용하는 방법을 보여준다. ▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
    <StackPanel
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Button
            HorizontalAlignment="Center"
            Content="표준 XAML 버튼" />
        <Button
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Width="50"
            Height="50">
            <Image Source="/IMAGE/Slices.png" />
        </Button>
        <Button
            Style="{StaticResource AccentButtonStyle}"
            HorizontalAlignment="Center"
            Margin="0 10 0 0"
            Content="액센트 스타일 버튼" />
    </StackPanel>
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Button

HorizontalAlignment="Center"

Content="표준 XAML 버튼" />

<Button

HorizontalAlignment="Center"

Margin="0 10 0 0"

Width="50"

Height="50">

</Button>

<Button

Style="{StaticResource AccentButtonStyle}"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Content="액센트 스타일 버튼" />

</StackPanel>

</Window>

TestProject.zip

[C#/WINUI3/.NET6] 기본 프로젝트 템플리트 사용하기 (UNPACKAGED)

■ 기본 프로젝트 템플리트를 사용하는 방법을 보여준다. ▶ MainApplication.xaml


<Application x:Class="TestProject.MainApplication"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="MainWindow.xaml">
</Application>

<Application x:Class="TestProject.MainApplication"

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

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

StartupUri="MainWindow.xaml">

</Application>

▶ MainApplication.xaml.cs


using System.Windows;

namespace TestProject
{
    /// <summary>
    /// 메인 애플리케이션
    /// </summary>
    public partial class MainApplication : Application
    {
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 애플리케이션

/// </summary>

public partial class MainApplication : Application

{

}

▶ 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>

<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>

▶ 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
    }
}

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/WINUI3/.NET6] 기본 프로젝트 템플리트 사용하기 (PACKAGED)

■ 기본 프로젝트 템플리트를 사용하는 방법을 보여준다. ▶ App.xaml


<?xml version="1.0" encoding="utf-8"?>
<Application x:Class="TestProject.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>

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

<Application x:Class="TestProject.App"

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

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

<Application.Resources>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

▶ App.xaml.cs


using Windows.Graphics;

using Microsoft.UI.Xaml;

namespace TestProject;

/// <summary>
/// 앱
/// </summary>
public partial class App : Application
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Field
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region Field

    /// <summary>
    /// 윈도우
    /// </summary>
    private Window window;

    #endregion

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

    #region 생성자 - App()

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

    #endregion

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

    #region 시작시 처리하기 - OnLaunched(args)

    /// <summary>
    /// 시작시 처리하기
    /// </summary>
    /// <param name="args">이벤트 인자</param>
    protected override void OnLaunched(LaunchActivatedEventArgs args)
    {
        this.window = new MainWindow();

        this.window.AppWindow.Resize(new SizeInt32(800, 600));

        this.window.Activate();
    }

    #endregion
}

using Windows.Graphics;

using Microsoft.UI.Xaml;

namespace TestProject;

/// <summary>

/// 앱

/// </summary>

public partial class App : Application

{

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

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

#region Field

/// <summary>

/// 윈도우

/// </summary>

private Window window;

#endregion

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

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

#region 생성자 - App()

/// <summary>

/// 생성자

/// </summary>

public App()

{

InitializeComponent();

}

#endregion

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

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

#region 시작시 처리하기 - OnLaunched(args)

/// <summary>

/// 시작시 처리하기

/// </summary>

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

protected override void OnLaunched(LaunchActivatedEventArgs args)

{

this.window = new MainWindow();

this.window.AppWindow.Resize(new SizeInt32(800, 600));

this.window.Activate();

}

#endregion

}

▶ MainWindow.xaml


<?xml version="1.0" encoding="utf-8"?>
<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="TestProject">
</Window>

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

<Window x:Class="TestProject.MainWindow"

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

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

Title="TestProject">

</Window>

▶ MainWindow.xaml.cs


using Microsoft.UI.Xaml;

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

        #region 생성자 - MainWindow()

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

        #endregion
    }
}

using Microsoft.UI.Xaml;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public sealed partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

}

#endregion

}

TestProject.zip