RESOURCE Archives - 5 중 2 번째 페이지

[C#/WPF] Application 클래스 : FindResource 메소드를 사용해 애플리케이션 범위의 리소스 구하기

■ Application 클래스의 FindResource 메소드를 사용해 애플리케이션 범위의 리소스를 구하는 방법을 보여준다. ▶ MainResourceDictionary.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="StandardSolidColorBrushKey" Color="Blue" />
    <LinearGradientBrush x:Key="StandardLinearGradientBrushKey"
        StartPoint="0.0 0.0"
        EndPoint="1.0 1.0">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="White" Offset="0" />
            <GradientStop Color="Black" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</ResourceDictionary>

<ResourceDictionary

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

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

<LinearGradientBrush x:Key="StandardLinearGradientBrushKey"

StartPoint="0.0 0.0"

EndPoint="1.0 1.0">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</ResourceDictionary>

▶ 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.Resources>
        <ResourceDictionary Source="MainResourceDictionary.xaml" />
    </Application.Resources>
</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.Resources>

</Application.Resources>

</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="Application 클래스 : FindResource 메소드를 사용해 애플리케이션 범위의 리소스 구하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Rectangle Name="rectangle"
        Width="200"
        Height="200" />
</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="Application 클래스 : FindResource 메소드를 사용해 애플리케이션 범위의 리소스 구하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Rectangle Name="rectangle"

Width="200"

Height="200" />

</Window>

▶

[C#/WPF] Application 엘리먼트 : Resources 속성을 사용해 애플리케이션 범위의 ResourceDictionary 객체 사용하기

■ Application 엘리먼트의 Resources 속성을 사용해 애플리케이션 범위의 ResourceDictionary 객체를 사용하는 방법을 보여준다. ▶ MainResourceDictionary.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="StandardSolidColorBrushKey" Color="Blue" />
    <LinearGradientBrush x:Key="StandardLinearGradientBrushKey"
        StartPoint="0.0 0.0"
        EndPoint="1.0 1.0">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="White" Offset="0" />
            <GradientStop Color="Black" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</ResourceDictionary>

<ResourceDictionary

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

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

<LinearGradientBrush x:Key="StandardLinearGradientBrushKey"

StartPoint="0.0 0.0"

EndPoint="1.0 1.0">

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</ResourceDictionary>

▶ 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.Resources>
        <ResourceDictionary Source="MainResourceDictionary.xaml" />
    </Application.Resources>
</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.Resources>

</Application.Resources>

</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="Application 엘리먼트 : Resources 속성을 사용해 애플리케이션 범위의 ResourceDictionary 객체 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Rectangle
        Width="200"
        Height="200"
        Fill="{StaticResource ResourceKey=StandardSolidColorBrushKey}" />
</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="Application 엘리먼트 : Resources 속성을 사용해 애플리케이션 범위의 ResourceDictionary 객체 사용하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Rectangle

Width="200"

Height="200"

Fill="{StaticResource ResourceKey=StandardSolidColorBrushKey}" />

</Window>

[C#/WPF] ResourceDictionary 클래스 : 느슨한 XAML 스키닝 사용하기

■ ResourceDictionary 클래스에서 느슨한 XAML 스키닝을 사용하는 방법을 보여준다. ▶ BlueColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Blue" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">0</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSkin.xaml


<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="BlueColor.xaml" />
        <ResourceDictionary Source="BlueSize.xaml"  />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

▶ RedColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Red" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶

[C#/WPF] ResourceDictionary 클래스 : 컴파일 및 동적 스키닝 사용하기 (기능 개선)

■ ResourceDictionary 클래스에서 컴파일 및 동적 스키닝을 사용하는 방법을 보여준다. (기능 개선) ▶ BlueColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Blue" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">0</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSkin.xaml


<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="BlueColor.xaml" />
        <ResourceDictionary Source="BlueSize.xaml"  />
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

▶

[C#/WPF] ResourceDictionary 클래스 : 컴파일 및 동적 스키닝 사용하기

■ ResourceDictionary 클래스에서 컴파일 및 동적 스키닝을 사용하는 방법을 보여준다. ▶ BlueColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Blue" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">0</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ RedColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Red" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ RedSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">10</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

[C#/WPF] ResourceDictionary 클래스 : 컴파일 및 정적 스키닝 사용하기

■ ResourceDictionary 클래스에서 컴파일 및 정적 스키닝을 사용하는 방법을 보여준다. ▶ BlueColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Blue" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ BlueSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">0</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ RedColor.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <SolidColorBrush x:Key="NormalBackgroundSolidColorBrushKey" Color="Red" />
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

▶ RedSize.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <CornerRadius x:Key="NormalCornerRadiusKey">10</CornerRadius>
</ResourceDictionary>

<ResourceDictionary

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

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

</ResourceDictionary>

[C#/WPF] Application 클래스 : GetRemoteStream 정적 메소드를 사용해 원본 사이트 파일 XAML 페이지 로드하기

■ Application 클래스의 GetRemoteStream 정적 메소드를 사용해 원본 사이트 파일 XAML 페이지를 로드하는 방법을 보여준다. ▶ RemotePage.xaml


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title="원본 사이트 파일 페이지">
    <Grid>
        <Ellipse
            Margin="50"
            Fill="RoyalBlue" />
    </Grid>
</Page>

<Page

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

Title="원본 사이트 파일 페이지">

<Grid>

<Ellipse

Margin="50"

Fill="RoyalBlue" />

</Grid>

</Page>

▶ 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="Application 클래스 : GetRemoteStream 정적 메소드를 사용해 원본 사이트 파일 XAML 페이지 로드하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Frame Name="frame"
        Margin="10"
        BorderThickness="1"
        BorderBrush="Black" />
</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="Application 클래스 : GetRemoteStream 정적 메소드를 사용해 원본 사이트 파일 XAML 페이지 로드하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Frame Name="frame"

Margin="10"

BorderThickness="1"

BorderBrush="Black" />

</Window>

▶

[C#/WPF] Image 엘리먼트 : Source 속성에서 원본 사이트 파일 사용하기

■ Image 엘리먼트의 Source 속성에서 원본 사이트 파일을 사용하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Image Source="file:///D:/IMAGE/sample.png" />

<Image Source="http://www.sample.com/image/sample.png" />

[C#/WPF] Application 클래스 : GetContentStream 정적 메소드를 사용해 컨텐트 XAML 페이지 로드하기

■ Application 클래스의 GetContentStream 정적 메소드를 사용해 컨텐트 XAML 페이지를 로드하는 방법을 보여준다. ▶ ContentPage.xaml


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title="컨텐트 페이지">
    <Grid>
        <Ellipse
            Margin="50"
            Fill="RoyalBlue" />
    </Grid>
</Page>

<Page

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

Title="컨텐트 페이지">

<Grid>

<Ellipse

Margin="50"

Fill="RoyalBlue" />

</Grid>

</Page>

▶ 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="Application 클래스 : GetContentStream 정적 메소드를 사용해 컨텐트 XAML 페이지 로드하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Frame Name="frame"
        Margin="10"
        BorderThickness="1"
        BorderBrush="Black" />
</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="Application 클래스 : GetContentStream 정적 메소드를 사용해 컨텐트 XAML 페이지 로드하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Frame Name="frame"

Margin="10"

BorderThickness="1"

BorderBrush="Black" />

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Markup;
using System.Windows.Resources;

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

        #region 생성자 - MainWindow()

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

            Uri uri = new Uri("/CONTENT/ContentPage.xaml", UriKind.Relative);
          //Uri uri = new Uri("pack://application:,,,/TestProject;component/CONTENT/ContentPage.xaml", UriKind.Absolute);

            StreamResourceInfo info = Application.GetContentStream(uri);

            XamlReader reader = new XamlReader();

            Page page = (Page)reader.LoadAsync(info.Stream);

            this.frame.Content = page;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Markup;

using System.Windows.Resources;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Uri uri = new Uri("/CONTENT/ContentPage.xaml", UriKind.Relative);

//Uri uri = new Uri("pack://application:,,,/TestProject;component/CONTENT/ContentPage.xaml", UriKind.Absolute);

StreamResourceInfo info = Application.GetContentStream(uri);

XamlReader reader = new XamlReader();

Page page = (Page)reader.LoadAsync(info.Stream);

this.frame.Content = page;

}

#endregion

}

[C#/WPF] Frame 엘리먼트 : Source 속성을 사용해 리소스 XAML 페이지 로드하기

■ Frame 엘리먼트의 Source 속성을 사용해 리소스 XAML 페이의를 로드하는 방법을 보여준다. ▶ ResourcePage.xaml


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title="리소스 페이지">
    <Grid>
        <Ellipse
            Margin="50"
            Fill="RoyalBlue" />
    </Grid>
</Page>

<Page

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

Title="리소스 페이지">

<Grid>

<Ellipse

Margin="50"

Fill="RoyalBlue" />

</Grid>

</Page>

▶ 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="Frame 엘리먼트 : Source 속성을 사용해 리소스 XAML 페이지 로드하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Frame
        Margin="10"
        BorderThickness="1"
        BorderBrush="Black"
        Source="/RESOURCE/ResourcePage.xaml" />
</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="Frame 엘리먼트 : Source 속성을 사용해 리소스 XAML 페이지 로드하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Frame

Margin="10"

BorderThickness="1"

BorderBrush="Black"

Source="/RESOURCE/ResourcePage.xaml" />

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

}

※

[C#/WPF] Frame 클래스 : Source 속성을 사용해 리소스 XAML 페이지 로드하기

■ Frame 클래스의 Source 속성을 사용해 리소스 XAML 페이지를 로드하는 방법을 보여준다. ▶ ResourcePage.xaml


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title="리소스 페이지">
    <Grid>
        <Ellipse
            Margin="50"
            Fill="RoyalBlue" />
    </Grid>
</Page>

<Page

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

Title="리소스 페이지">

<Grid>

<Ellipse

Margin="50"

Fill="RoyalBlue" />

</Grid>

</Page>

▶ 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="Frame 클래스 : Source 속성을 사용해 리소스 XAML 페이지 로드하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Frame Name="frame"
        Margin="10"
        BorderThickness="1"
        BorderBrush="Black" />
</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="Frame 클래스 : Source 속성을 사용해 리소스 XAML 페이지 로드하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Frame Name="frame"

Margin="10"

BorderThickness="1"

BorderBrush="Black" />

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;

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

        #region 생성자 - MainWindow()

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

            Uri uri = new Uri("/RESOURCE/ResourcePage.xaml", UriKind.Relative);
          //Uri uri = new Uri("pack://application:,,,/TestProject;component/RESOURCE/ResourcePage.xaml", UriKind.Absolute);

            this.frame.Source = uri;
        }

        #endregion
    }
}

using System;

using System.Windows;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Uri uri = new Uri("/RESOURCE/ResourcePage.xaml", UriKind.Relative);

//Uri uri = new Uri("pack://application:,,,/TestProject;component/RESOURCE/ResourcePage.xaml", UriKind.Absolute);

this.frame.Source = uri;

}

#endregion

}

※

[C#/WPF] Application 클래스 : GetResourceStream 정적 메소드를 사용해 리소스 XAML 페이지 로드하기

■ Application 클래스의 GetResourceStream 정적 메소드를 사용해 리소스 XAML 페이지를 로드하는 방법을 보여준다. ▶ ResourcePage.xaml


<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    Title="리소스 페이지">
    <Grid>
        <Ellipse
            Margin="50"
            Fill="RoyalBlue" />
    </Grid>
</Page>

<Page

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

Title="리소스 페이지">

<Grid>

<Ellipse

Margin="50"

Fill="RoyalBlue" />

</Grid>

</Page>

▶ 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="Application 클래스 : GetResourceStream 정적 메소드를 사용해 리소스 XAML 페이지 로드하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Frame Name="frame"
        Margin="10"
        BorderThickness="1"
        BorderBrush="Black" />
</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="Application 클래스 : GetResourceStream 정적 메소드를 사용해 리소스 XAML 페이지 로드하기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Frame Name="frame"

Margin="10"

BorderThickness="1"

BorderBrush="Black" />

</Window>

▶ MainWindow.xaml.cs


using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Markup;
using System.Windows.Resources;

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

        #region 생성자 - MainWindow()

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

            Uri uri = new Uri("/RESOURCE/ResourcePage.xaml", UriKind.Relative);
          //Uri uri = new Uri("pack://application:,,,/TestProject;component/RESOURCE/ResourcePage.xaml", UriKind.Absolute);

            StreamResourceInfo info = Application.GetResourceStream(uri);

            XamlReader reader = new XamlReader();

            Page page = (Page)reader.LoadAsync(info.Stream);

            this.frame.Content = page;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Markup;

using System.Windows.Resources;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

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

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

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

Uri uri = new Uri("/RESOURCE/ResourcePage.xaml", UriKind.Relative);

//Uri uri = new Uri("pack://application:,,,/TestProject;component/RESOURCE/ResourcePage.xaml", UriKind.Absolute);

StreamResourceInfo info = Application.GetResourceStream(uri);

XamlReader reader = new XamlReader();

Page page = (Page)reader.LoadAsync(info.Stream);

this.frame.Content = page;

}

#endregion

}

[C#/COMMON] ResourceManager 클래스 : GetString 메소드를 사용해 리소스 문자열 구하기

■ ResourceManager 클래스의 GetString 메소드를 사용해 리소스 문자열을 구하는 방법을 보여준다. ▶ Program.cs


using System;
using System.Reflection;
using System.Resources;

namespace TestProject
{
    /// <summary>
    /// 프로그램
    /// </summary>
    class Program
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Static
        //////////////////////////////////////////////////////////////////////////////// Private

        #region 프로그램 시작하기 - Main()

        /// <summary>
        /// 프로그램 시작하기
        /// </summary>
        private static void Main()
        {
            ResourceManager manager = new ResourceManager("TestProject.Properties.Resources", Assembly.GetExecutingAssembly());

            Console.WriteLine(manager.GetString("TEST"));
        }

        #endregion
    }
}

using System;

using System.Reflection;

using System.Resources;

namespace TestProject

{

/// <summary>

/// 프로그램

/// </summary>

class Program

{

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

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

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

#region 프로그램 시작하기 - Main()

/// <summary>

/// 프로그램 시작하기

/// </summary>

private static void Main()

{

ResourceManager manager = new ResourceManager("TestProject.Properties.Resources", Assembly.GetExecutingAssembly());

Console.WriteLine(manager.GetString("TEST"));

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] ResourceDictionary 엘리먼트 : Source 속성을 사용해 컨트롤 컴팩트 크기 사용하기

■ ResourceDictionary 엘리먼트의 Source 속성을 사용해 컨트롤 컴팩트 크기를 사용하는 방법을 보여준다. ▶ SampleCompactSizingPage.xaml


<Page x:Class="TestProject.SampleCompactSizingPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Page.Resources>
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Spacing="4">
            <TextBlock Name="HeaderBlock"
                FontSize="18"
                Text="컴팩트 크기" />
            <TextBox Name="firstNameTextBox"
                Header="이름 :" />
            <TextBox Name="lastNameTextBox"
                Header="성 :" />
            <PasswordBox Name="passwordPasswordBox"
                Header="패스워드 :" />
            <PasswordBox Name="confirmPasswordPasswordBox"
                Header="패스워드 확인 :" />
            <DatePicker Name="chosenDatePicker"
                Header="날짜 선택" />
        </StackPanel>
    </Grid>
</Page>

<Page x:Class="TestProject.SampleCompactSizingPage"

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

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

<Page.Resources>

</Page.Resources>

<TextBlock Name="HeaderBlock"

FontSize="18"

Text="컴팩트 크기" />

<TextBox Name="firstNameTextBox"

Header="이름 :" />

<TextBox Name="lastNameTextBox"

Header="성 :" />

<PasswordBox Name="passwordPasswordBox"

Header="패스워드 :" />

<PasswordBox Name="confirmPasswordPasswordBox"

Header="패스워드 확인 :" />

<DatePicker Name="chosenDatePicker"

Header="날짜 선택" />

</StackPanel>

</Grid>

</Page>

▶ SampleCompactSizingPage.xaml.cs


using Windows.UI.Xaml.Controls;

namespace TestProject
{
    /// <summary>
    /// 샘플 컴팩트 크기 페이지
    /// </summary>
    public sealed partial class SampleCompactSizingPage : Page
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Property
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 이름 - FirstName

        /// <summary>
        /// 이름
        /// </summary>
        public TextBox FirstName => this.firstNameTextBox;

        #endregion
        #region 성 - LastName

        /// <summary>
        /// 성
        /// </summary>
        public TextBox LastName => this.lastNameTextBox;

        #endregion
        #region 패스워드 - Password

        /// <summary>
        /// 패스워드
        /// </summary>
        public PasswordBox Password => this.passwordPasswordBox;

        #endregion
        #region 패스워드 확인 - ConfirmPassword

        /// <summary>
        /// 패스워드 확인
        /// </summary>
        public PasswordBox ConfirmPassword => this.confirmPasswordPasswordBox;

        #endregion
        #region 선택 날짜 - ChosenDate

        /// <summary>
        /// 선택 날짜
        /// </summary>
        public DatePicker ChosenDate => this.chosenDatePicker;

        #endregion

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

        #region 생성자 - SampleCompactSizingPage()

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

        #endregion

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

        #region 상태 복사하기 - CopyState(page)

        /// <summary>
        /// 상태 복사하기
        /// </summary>
        /// <param name="page">샘플 표준 크기 페이지</param>
        public void CopyState(SampleStandardSizingPage page)
        {
            FirstName.Text           = page.FirstName.Text;
            LastName.Text            = page.LastName.Text;
            Password.Password        = page.Password.Password;
            ConfirmPassword.Password = page.ConfirmPassword.Password;
            ChosenDate.Date          = page.ChosenDate.Date;
        }

        #endregion
    }
}

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 샘플 컴팩트 크기 페이지

/// </summary>

public sealed partial class SampleCompactSizingPage : Page

{

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

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

#region 이름 - FirstName

/// <summary>

/// 이름

/// </summary>

public TextBox FirstName => this.firstNameTextBox;

#endregion

#region 성 - LastName

/// <summary>

/// 성

/// </summary>

public TextBox LastName => this.lastNameTextBox;

#endregion

#region 패스워드 - Password

/// <summary>

/// 패스워드

/// </summary>

public PasswordBox Password => this.passwordPasswordBox;

#endregion

#region 패스워드 확인 - ConfirmPassword

/// <summary>

/// 패스워드 확인

/// </summary>

public PasswordBox ConfirmPassword => this.confirmPasswordPasswordBox;

#endregion

#region 선택 날짜 - ChosenDate

/// <summary>

/// 선택 날짜

/// </summary>

public DatePicker ChosenDate => this.chosenDatePicker;

#endregion

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

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

#region 생성자 - SampleCompactSizingPage()

/// <summary>

/// 생성자

/// </summary>

public SampleCompactSizingPage()

{

InitializeComponent();

}

#endregion

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

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

#region 상태 복사하기 - CopyState(page)

/// <summary>

/// 상태 복사하기

/// </summary>

/// <param name="page">샘플 표준 크기 페이지</param>

public void CopyState(SampleStandardSizingPage page)

{

FirstName.Text = page.FirstName.Text;

LastName.Text = page.LastName.Text;

Password.Password = page.Password.Password;

ConfirmPassword.Password = page.ConfirmPassword.Password;

ChosenDate.Date = page.ChosenDate.Date;

}

#endregion

}

▶ SampleStandardSizingPage.xaml


<Page x:Class="TestProject.SampleStandardSizingPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Spacing="4">
            <TextBlock Name="HeaderBlock"
                FontSize="18"
                Text="표준 크기" />
            <TextBox Name="firstNameTextBox"
                Header="이름 :" />
            <TextBox Name="lastNameTextBox"
                Header="성 :" />
            <PasswordBox Name="passwordPasswordBox"
                Header="패스워드 :" />
            <PasswordBox Name="confirmPasswordPasswordBox"
                Header="패스워드 확인 :" />
            <DatePicker Name="chosenDatePicker"
                Header="날짜 선택" />
        </StackPanel>
    </Grid>
</Page>

<Page x:Class="TestProject.SampleStandardSizingPage"

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

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

<TextBlock Name="HeaderBlock"

FontSize="18"

Text="표준 크기" />

<TextBox Name="firstNameTextBox"

Header="이름 :" />

<TextBox Name="lastNameTextBox"

Header="성 :" />

<PasswordBox Name="passwordPasswordBox"

Header="패스워드 :" />

<PasswordBox Name="confirmPasswordPasswordBox"

Header="패스워드 확인 :" />

<DatePicker Name="chosenDatePicker"

Header="날짜 선택" />

</StackPanel>

</Grid>

</Page>

▶

[C#/WINUI2.5] Grid 엘리먼트 : BorderBrush 속성에서 SystemControlBackgroundListMediumRevealBorderBrush 리소스 사용하기

■ Grid 엘리먼트의 BorderBrush 속성에서 SystemControlBackgroundListMediumRevealBorderBrush 리소스를 사용하는 방법을 보여준다. ▶ 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>
        <Grid
            Width="500"
            Height="100"
            BorderThickness="3"
            BorderBrush="{ThemeResource SystemControlBackgroundListMediumRevealBorderBrush}">
            <TextBlock
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Margin="10"
                Text="SystemControlBackgroundListMediumRevealBorderBrush" />
        </Grid>
    </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>

<Grid

Width="500"

Height="100"

BorderThickness="3"

BorderBrush="{ThemeResource SystemControlBackgroundListMediumRevealBorderBrush}">

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Margin="10"

Text="SystemControlBackgroundListMediumRevealBorderBrush" />

</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 = "Grid 엘리먼트 : BorderBrush 속성에서 SystemControlBackgroundListMediumRevealBorderBrush 리소스 사용하기";

            #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 = "Grid 엘리먼트 : BorderBrush 속성에서 SystemControlBackgroundListMediumRevealBorderBrush 리소스 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] AppBarButton 엘리먼트 : Style 속성에서 AppBarButtonRevealStyle 리소스 사용하기

■ AppBarButton 엘리먼트의 Style 속성에서 AppBarButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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:media="using:Windows.UI.Xaml.Media"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <media:AcrylicBrush x:Key="CustomAcrylicBrushKey"
            BackgroundSource="Backdrop"
            TintOpacity="0.45"
            TintColor="#ff8ff0fb"
            FallbackColor="#ff8ff0fb" />
        <media:AcrylicBrush x:Key="CustomDarkAcrylicBrushKey"
            BackgroundSource="Backdrop"
            TintOpacity="0.45"
            TintColor="#ff0e5a5c"
            FallbackColor="#ff0e5a5c" />
    </Page.Resources>
    <Grid>
        <Grid
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <Image
                Width="512"
                Height="275"
                Source="ms-appx:///IMAGE/background.png" />
            <StackPanel
                HorizontalAlignment="Stretch"
                VerticalAlignment="Center">
                <StackPanel
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Orientation="Horizontal">
                    <Grid
                        HorizontalAlignment="Center"
                        Margin="5"
                        Background="{ThemeResource SystemControlAcrylicElementBrush}">
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 0"
                                    Icon="World" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 0"
                                    Icon="CellPhone" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 2"
                                    Icon="Delete" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 2"
                                    Icon="Comment" />
                            </StackPanel>
                        </StackPanel>
                    </Grid>
                    <Grid
                        HorizontalAlignment="Center"
                        Margin="5"
                        Background="{ThemeResource CustomAcrylicBrushKey}"
                        RequestedTheme="Light">
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 0"
                                    Icon="World" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 0"
                                    Icon="CellPhone" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 2"
                                    Icon="Delete" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 2"
                                    Icon="Comment" />
                            </StackPanel>
                        </StackPanel>
                    </Grid>
                    <Grid
                        HorizontalAlignment="Center"
                        Margin="5"
                        Background="{ThemeResource CustomDarkAcrylicBrushKey}"
                        RequestedTheme="Dark">
                        <StackPanel Orientation="Vertical">
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 0"
                                    Icon="World" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 0"
                                    Icon="CellPhone" />
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="1 2 0 2"
                                    Icon="Delete" />
                                <AppBarButton
                                    Style="{ThemeResource AppBarButtonRevealStyle}"
                                    Margin="0 2 1 2"
                                    Icon="Comment" />
                            </StackPanel>
                        </StackPanel>
                    </Grid>
                </StackPanel>
            </StackPanel>
        </Grid>
    </Grid>
</Page>

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

<Page x:Class="TestProject.MainPage"

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

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

xmlns:media="using:Windows.UI.Xaml.Media"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<media:AcrylicBrush x:Key="CustomAcrylicBrushKey"

BackgroundSource="Backdrop"

TintOpacity="0.45"

TintColor="#ff8ff0fb"

FallbackColor="#ff8ff0fb" />

<media:AcrylicBrush x:Key="CustomDarkAcrylicBrushKey"

BackgroundSource="Backdrop"

TintOpacity="0.45"

TintColor="#ff0e5a5c"

FallbackColor="#ff0e5a5c" />

</Page.Resources>

<Grid>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center">

<Image

Width="512"

Height="275"

Source="ms-appx:///IMAGE/background.png" />

<StackPanel

HorizontalAlignment="Stretch"

VerticalAlignment="Center">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center"

Orientation="Horizontal">

<Grid

HorizontalAlignment="Center"

Margin="5"

Background="{ThemeResource SystemControlAcrylicElementBrush}">

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 0"

Icon="World" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 0"

Icon="CellPhone" />

</StackPanel>

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 2"

Icon="Delete" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 2"

Icon="Comment" />

</StackPanel>

</Grid>

<Grid

HorizontalAlignment="Center"

Margin="5"

Background="{ThemeResource CustomAcrylicBrushKey}"

RequestedTheme="Light">

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 0"

Icon="World" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 0"

Icon="CellPhone" />

</StackPanel>

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 2"

Icon="Delete" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 2"

Icon="Comment" />

</StackPanel>

</Grid>

<Grid

HorizontalAlignment="Center"

Margin="5"

Background="{ThemeResource CustomDarkAcrylicBrushKey}"

RequestedTheme="Dark">

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 0"

Icon="World" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 0"

Icon="CellPhone" />

</StackPanel>

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="1 2 0 2"

Icon="Delete" />

<AppBarButton

Style="{ThemeResource AppBarButtonRevealStyle}"

Margin="0 2 1 2"

Icon="Comment" />

</StackPanel>

</Grid>

</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 = "AppBarButton 엘리먼트 : Style 속성에서 AppBarButtonRevealStyle 리소스 사용하기";

            #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 = "AppBarButton 엘리먼트 : Style 속성에서 AppBarButtonRevealStyle 리소스 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] AcrylicBrush 엘리먼트 : 디폴트 배경 아크릴 브러시 사용하기

■ AcrylicBrush 엘리먼트를 사용해 디폴트 배경 아크릴 브러시를 만드는 방법을 보여준다. ▶ 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>
        <Grid
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="400"
            Height="400">
            <Grid>
                <Rectangle
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Width="200"
                    Height="200"
                    Fill="Aqua" />
                <Ellipse
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Width="200"
                    Height="200"
                    Fill="Magenta" />
                <Rectangle
                    HorizontalAlignment="Right"
                    VerticalAlignment="Bottom"
                    Width="200"
                    Height="200"
                    Fill="Yellow" />
            </Grid>
            <Rectangle
                Margin="20"
                Fill="{ThemeResource SystemControlAcrylicWindowBrush}" />
        </Grid>
    </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>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="400"

Height="400">

<Grid>

<Rectangle

HorizontalAlignment="Left"

VerticalAlignment="Top"

Width="200"

Height="200"

Fill="Aqua" />

<Ellipse

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Height="200"

Fill="Magenta" />

<Rectangle

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Width="200"

Height="200"

Fill="Yellow" />

</Grid>

<Rectangle

Margin="20"

Fill="{ThemeResource SystemControlAcrylicWindowBrush}" />

</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 = "AcrylicBrush 엘리먼트 : 디폴트 배경 아크릴 브러시 사용하기";

            #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 = "AcrylicBrush 엘리먼트 : 디폴트 배경 아크릴 브러시 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] AcrylicBrush 엘리먼트 : 디폴트 인-앱 아크릴 브러시 사용하기

■ AcrylicBrush 엘리먼트를 사용해 디폴트 인-앱 아크릴 브러시를 만드는 방법을 보여준다. ▶ 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>
        <Grid
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Width="400"
            Height="400">
            <Grid>
                <Rectangle
                    HorizontalAlignment="Left"
                    VerticalAlignment="Top"
                    Width="200"
                    Height="200"
                    Fill="Aqua" />
                <Ellipse
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Width="200"
                    Height="200"
                    Fill="Magenta" />
                <Rectangle
                    HorizontalAlignment="Right"
                    VerticalAlignment="Bottom"
                    Width="200"
                    Height="200"
                    Fill="Yellow" />
            </Grid>
            <Rectangle
                Margin="20"
                Fill="{ThemeResource SystemControlAcrylicElementBrush}" />
        </Grid>
    </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>

<Grid

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="400"

Height="400">

<Grid>

<Rectangle

HorizontalAlignment="Left"

VerticalAlignment="Top"

Width="200"

Height="200"

Fill="Aqua" />

<Ellipse

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Height="200"

Fill="Magenta" />

<Rectangle

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Width="200"

Height="200"

Fill="Yellow" />

</Grid>

<Rectangle

Margin="20"

Fill="{ThemeResource SystemControlAcrylicElementBrush}" />

</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 = "AcrylicBrush 엘리먼트 : 디폴트 인-앱 아크릴 브러시 사용하기";

            #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 = "AcrylicBrush 엘리먼트 : 디폴트 인-앱 아크릴 브러시 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WPF] ResourceDictionary 클래스 : MergedDictionaries 속성에서 Application 객체의 리소스 사용하기

■ ResourceDictionary 클래스의 MergedDictionaries 속성에서 Application 객체의 리소스를 사용하는 방법을 보여준다. ▶ ResourceDictionary1.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <LinearGradientBrush x:Key="LinearGradientBrushKey">
        <LinearGradientBrush.GradientStops>
            <GradientStop Color="Pink" Offset="0" />
            <GradientStop Color="Aqua" Offset="1" />
        </LinearGradientBrush.GradientStops>
    </LinearGradientBrush>
</ResourceDictionary>

<ResourceDictionary

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

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

<LinearGradientBrush.GradientStops>

</LinearGradientBrush.GradientStops>

</LinearGradientBrush>

</ResourceDictionary>

▶ ResourceDictionary2.xaml


<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <RadialGradientBrush x:Key="RadialGradientBrushKey">
        <RadialGradientBrush.GradientStops>
            <GradientStop Color="Pink" Offset="0" />
            <GradientStop Color="Aqua" Offset="1" />
        </RadialGradientBrush.GradientStops>
    </RadialGradientBrush>
</ResourceDictionary>

<ResourceDictionary

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

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

<RadialGradientBrush.GradientStops>

</RadialGradientBrush.GradientStops>

</RadialGradientBrush>

</ResourceDictionary>

▶ 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.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="ResourceDictionary1.xaml" />
                <ResourceDictionary Source="ResourceDictionary2.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</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.Resources>

<ResourceDictionary.MergedDictionaries>

</ResourceDictionary.MergedDictionaries>

</ResourceDictionary>

</Application.Resources>

</Application>

▶ MainWindow.xaml

[C#/UWP] StorageFile 클래스 : GetFileFromApplicationUriAsync 정적 메소드를 사용해 애플리케이션에서 파일 구하기

■ StorageFile 클래스의 GetFileFromApplicationUriAsync 정적 메소드를 사용해 애플리케이션에서 파일을 구하는 방법을 보여준다. ▶ 예제 코드 (C#)


using System;
using Windows.Storage;

StorageFile storageFile = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///DATA/Contacts.txt"));

using System;

using Windows.Storage;

StorageFile storageFile = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///DATA/Contacts.txt"));

※ Contacts.txt 파일은 DATA 폴더

[C#/WINUI2.5] SplitButton 엘리먼트 : Style 속성에서 SplitButtonRevealStyle 리소스 사용하기

■ SplitButton 엘리먼트의 Style 속성에서 SplitButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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">
            <muxc:SplitButton Name="splitButton" AutomationProperties.Name="font color"
                Style="{ThemeResource SplitButtonRevealStyle}"
                MinWidth="0"
                MinHeight="0"
                Padding="0"
                Click="splitButton_Click">
                <Rectangle Name="currentColorRectangle"
                    Margin="10"
                    Width="32"
                    Height="32"
                    Fill="Green" />
                <muxc: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" />
                                </Style>
                                <Style TargetType="Button">
                                    <Setter Property="Margin"    Value="10" />
                                    <Setter Property="MinWidth"  Value="0"  />
                                    <Setter Property="MinHeight" Value="0"  />
                                    <Setter Property="Padding"   Value="0"  />
                                </Style>
                            </VariableSizedWrapGrid.Resources>
                            <Button AutomationProperties.Name="Red"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Red" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Orange"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Orange" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Yellow"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Yellow" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Green"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Green" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Blue"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Blue" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Indigo"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Indigo" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Violet"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Violet" />
                                </Button.Content>
                            </Button>
                            <Button AutomationProperties.Name="Gray"
                                Click="colorButton_Click">
                                <Button.Content>
                                    <Rectangle Fill="Gray" />
                                </Button.Content>
                            </Button>
                        </VariableSizedWrapGrid>
                    </Flyout>
                </muxc:SplitButton.Flyout>
            </muxc:SplitButton>
            <RichEditBox Name="richEditBox"
                HorizontalAlignment="Center"
                Margin="0 10 0 0"
                Width="240"
                MinHeight="96"
                PlaceholderText="Type something here"
                TextChanged="richEditBox_TextChanged" />
        </StackPanel>
    </Grid>
</Page>

100

101

102

103

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

<muxc:SplitButton Name="splitButton" AutomationProperties.Name="font color"

Style="{ThemeResource SplitButtonRevealStyle}"

MinWidth="0"

MinHeight="0"

Padding="0"

Click="splitButton_Click">

<Rectangle Name="currentColorRectangle"

Margin="10"

Width="32"

Height="32"

Fill="Green" />

<muxc:SplitButton.Flyout>

<VariableSizedWrapGrid

Orientation="Horizontal"

MaximumRowsOrColumns="3">

<VariableSizedWrapGrid.Resources>

</Style>

</Style>

</VariableSizedWrapGrid.Resources>

<Button AutomationProperties.Name="Red"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Orange"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Yellow"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Green"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Blue"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Indigo"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Violet"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

<Button AutomationProperties.Name="Gray"

Click="colorButton_Click">

<Button.Content>

</Button.Content>

</Button>

</VariableSizedWrapGrid>

</Flyout>

</muxc:SplitButton.Flyout>

</muxc:SplitButton>

<RichEditBox Name="richEditBox"

HorizontalAlignment="Center"

Margin="0 10 0 0"

Width="240"

MinHeight="96"

PlaceholderText="Type something here"

TextChanged="richEditBox_TextChanged" />

</StackPanel>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.Foundation;
using Windows.Graphics.Display;
using Windows.UI;
using Windows.UI.Text;
using Windows.UI.ViewManagement;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Shapes;

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

        #region Field

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "SplitButton 엘리먼트 : Style 속성에서 SplitButtonRevealStyle 리소스 사용하기";

            #endregion

            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."
            );
        }

        #endregion

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

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

        /// <summary>
        /// 분리 버튼 클릭시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void splitButton_Click(Microsoft.UI.Xaml.Controls.SplitButton sender, Microsoft.UI.Xaml.Controls.SplitButtonClickEventArgs e)
        {
            Rectangle rectangle = sender.Content as Rectangle;

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

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

            this.currentColor = color;
        }

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

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

            Rectangle colorRectangleClicked = colorButtonClicked.Content as Rectangle;

            Color colorClicked = (colorRectangleClicked.Fill as SolidColorBrush).Color;

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

            this.currentColorRectangle.Fill = new SolidColorBrush(colorClicked);

            this.splitButton.Flyout.Hide();

            this.richEditBox.Focus(FocusState.Keyboard);

            this.currentColor = colorClicked;
        }

        #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 != currentColor)
            {
                this.richEditBox.Document.Selection.CharacterFormat.ForegroundColor = 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

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

using Windows.Foundation;

using Windows.Graphics.Display;

using Windows.UI;

using Windows.UI.Text;

using Windows.UI.ViewManagement;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 현재 색상

/// </summary>

private Color currentColor = Colors.Green;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "SplitButton 엘리먼트 : Style 속성에서 SplitButtonRevealStyle 리소스 사용하기";

#endregion

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

);

}

#endregion

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

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

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

/// <summary>

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

/// </summary>

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

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

private void splitButton_Click(Microsoft.UI.Xaml.Controls.SplitButton sender, Microsoft.UI.Xaml.Controls.SplitButtonClickEventArgs e)

{

Rectangle rectangle = sender.Content as Rectangle;

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

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

this.currentColor = color;

}

#endregion

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

/// <summary>

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

/// </summary>

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

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

private void colorButton_Click(object sender, RoutedEventArgs e)

{

Button colorButtonClicked = sender as Button;

Rectangle colorRectangleClicked = colorButtonClicked.Content as Rectangle;

Color colorClicked = (colorRectangleClicked.Fill as SolidColorBrush).Color;

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

this.currentColorRectangle.Fill = new SolidColorBrush(colorClicked);

this.splitButton.Flyout.Hide();

this.richEditBox.Focus(FocusState.Keyboard);

this.currentColor = colorClicked;

}

#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 != currentColor)

{

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

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] ToggleButton 엘리먼트 : Style 속성에서 ToggleButtonRevealStyle 리소스 사용하기

■ ToggleButton 엘리먼트의 Style 속성에서 ToggleButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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>
        <ToggleButton
            Style="{StaticResource ToggleButtonRevealStyle}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Content="토글 버튼" />
    </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>

<ToggleButton

Style="{StaticResource ToggleButtonRevealStyle}"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Content="토글 버튼" />

</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
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 클릭 카운트
        /// </summary>
        private int clickCount = 0;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "ToggleButton 엘리먼트 : Style 속성에서 ToggleButtonRevealStyle 리소스 사용하기";

            #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

{

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

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

#region Field

/// <summary>

/// 클릭 카운트

/// </summary>

private int clickCount = 0;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "ToggleButton 엘리먼트 : Style 속성에서 ToggleButtonRevealStyle 리소스 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] RepeatButton 엘리먼트 : Style 속성에서 RepeatButtonRevealStyle 리소스 사용하기

■ RepeatButton 엘리먼트의 Style 속성에서 RepeatButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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>
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <RepeatButton
                Style="{StaticResource RepeatButtonRevealStyle}"
                Content="클릭 후 계속 눌러주세요."
                Click="repeatButton_Click" />
            <TextBlock Name="textBlock"
                Margin="0 10 0 0" />
        </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"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Grid>

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<RepeatButton

Style="{StaticResource RepeatButtonRevealStyle}"

Content="클릭 후 계속 눌러주세요."

Click="repeatButton_Click" />

<TextBlock Name="textBlock"

Margin="0 10 0 0" />

</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
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Field
        ////////////////////////////////////////////////////////////////////////////////////////// Private

        #region Field

        /// <summary>
        /// 클릭 카운트
        /// </summary>
        private int clickCount = 0;

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "RepeatButton 엘리먼트 : Style 속성에서 RepeatButtonRevealStyle 리소스 사용하기";

            #endregion
        }

        #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.clickCount += 1;

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

        #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

{

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

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

#region Field

/// <summary>

/// 클릭 카운트

/// </summary>

private int clickCount = 0;

#endregion

//////////////////////////////////////////////////////////////////////////////////////////////////// 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 = "RepeatButton 엘리먼트 : Style 속성에서 RepeatButtonRevealStyle 리소스 사용하기";

#endregion

}

#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.clickCount += 1;

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

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] DropDownButton 엘리먼트 : Style 속성에서 DropDownButtonRevealStyle 리소스 사용하기

■ DropDownButton 엘리먼트의 Style 속성에서 DropDownButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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>
        <muxc:DropDownButton
            Style="{ThemeResource DropDownButtonRevealStyle}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Content="메일">
            <muxc:DropDownButton.Flyout>
                <MenuFlyout Placement="Bottom">
                    <MenuFlyoutItem Text="보낸기"           />
                    <MenuFlyoutItem Text="답장 보내기"      />
                    <MenuFlyoutItem Text="모두 답장 보내기" />
                </MenuFlyout>
            </muxc:DropDownButton.Flyout>
        </muxc:DropDownButton>
    </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>

<muxc:DropDownButton

Style="{ThemeResource DropDownButtonRevealStyle}"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Content="메일">

<muxc:DropDownButton.Flyout>

</MenuFlyout>

</muxc:DropDownButton.Flyout>

</muxc:DropDownButton>

</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 = "DropDownButton 엘리먼트 : Style 속성에서 DropDownButtonRevealStyle 리소스 사용하기";

            #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 = "DropDownButton 엘리먼트 : Style 속성에서 DropDownButtonRevealStyle 리소스 사용하기";

#endregion

}

#endregion

}

TestProject.zip

[C#/WINUI2.5] Button 엘리먼트 : Style 속성에서 ButtonRevealStyle 리소스 사용하기

■ Button 엘리먼트의 Style 속성에서 ButtonRevealStyle 리소스를 사용하는 방법을 보여준다. ▶ 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
            Style="{StaticResource ButtonRevealStyle}"
            Content="Reveal 스타일 버튼" />
    </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

Style="{StaticResource ButtonRevealStyle}"

Content="Reveal 스타일 버튼" />

</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 = "Button 엘리먼트 : Style 속성에서 ButtonRevealStyle 리소스 사용하기";

            #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 = "Button 엘리먼트 : Style 속성에서 ButtonRevealStyle 리소스 사용하기";

#endregion

}

#endregion

}

TestProject.zip