MICROSOFT Archives - 7 중 4 번째 페이지

[C#/UWP] CompositionTarget 클래스 : Rendering 정적 이벤트 사용하기

■ CompositionTarget 클래스의 Rendering 정적 이벤트를 사용하는 방법을 보여준다. ▶ 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">
    <Grid>
        <Grid.Background>
            <SolidColorBrush x:Name="gridBackgroundBrush" />
        </Grid.Background>
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontFamily="나눔고딕코딩"
            FontSize="96"
            FontWeight="Bold"
            Text="안녕하세요">
            <TextBlock.Foreground>
                <SolidColorBrush x:Name="textBlockBackgroundBrush" />
            </TextBlock.Foreground>
        </TextBlock>
    </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">

<Grid>

<Grid.Background>

</Grid.Background>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontFamily="나눔고딕코딩"

FontSize="96"

FontWeight="Bold"

Text="안녕하세요">

<TextBlock.Foreground>

</TextBlock.Foreground>

</TextBlock>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;

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

        #region 생성자 - MainPage()

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

            CompositionTarget.Rendering += CompositionTarget_Rendering;
        }

        #endregion

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

        #region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

        /// <summary>
        /// 구성 타겟 렌더링시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CompositionTarget_Rendering(object sender, object e)
        {
            RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

            double t = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;

            t = t < 0.5 ? 2 * t : 2 - 2 * t;

            // 배경색
            byte backgroundGrayscale = (byte)(255 * t);

            this.gridBackgroundBrush.Color = Color.FromArgb(255, backgroundGrayscale, backgroundGrayscale, backgroundGrayscale);

            // 전경색
            byte foregroundGrayscale = (byte)(255 - backgroundGrayscale);

            this.textBlockBackgroundBrush.Color = Color.FromArgb(255, foregroundGrayscale, foregroundGrayscale, foregroundGrayscale);
        }

        #endregion
    }
}

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

CompositionTarget.Rendering += CompositionTarget_Rendering;

}

#endregion

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

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

#region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

/// <summary>

/// 구성 타겟 렌더링시 처리하기

/// </summary>

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

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

private void CompositionTarget_Rendering(object sender, object e)

{

RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

double t = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;

t = t < 0.5 ? 2 * t : 2 - 2 * t;

// 배경색

byte backgroundGrayscale = (byte)(255 * t);

this.gridBackgroundBrush.Color = Color.FromArgb(255, backgroundGrayscale, backgroundGrayscale, backgroundGrayscale);

// 전경색

byte foregroundGrayscale = (byte)(255 - backgroundGrayscale);

this.textBlockBackgroundBrush.Color = Color.FromArgb(255, foregroundGrayscale, foregroundGrayscale, foregroundGrayscale);

}

#endregion

}

TestProject.zip

[C#/UWP] CompositionTarget 클래스 : Rendering 정적 이벤트 사용하기

■ CompositionTarget 클래스의 Rendering 정적 이벤트를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Name="grid">
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontFamily="나눔고딕코딩"
            FontSize="96"
            FontWeight="Bold"
            Text="안녕하세요" />
    </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">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontFamily="나눔고딕코딩"

FontSize="96"

FontWeight="Bold"

Text="안녕하세요" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;

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

        #region 생성자 - MainPage()

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

            CompositionTarget.Rendering += CompositionTarget_Rendering;
        }

        #endregion

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

        #region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

        /// <summary>
        /// 구성 타겟 렌더링시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CompositionTarget_Rendering(object sender, object e)
        {
            RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

            double t = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;

            t = t < 0.5 ? 2 * t : 2 - 2 * t;

            // 배경색
            byte backgroundGrayscale = (byte)(255 * t);

            Color backgroundColor = Color.FromArgb(255, backgroundGrayscale, backgroundGrayscale, backgroundGrayscale);

            this.grid.Background = new SolidColorBrush(backgroundColor);

            // 전경색
            byte foregroundGrayscale = (byte)(255 - backgroundGrayscale);

            Color foregroundColor = Color.FromArgb(255, foregroundGrayscale, foregroundGrayscale, foregroundGrayscale);

            this.textBlock.Foreground = new SolidColorBrush(foregroundColor);
        }

        #endregion
    }
}

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

CompositionTarget.Rendering += CompositionTarget_Rendering;

}

#endregion

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

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

#region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

/// <summary>

/// 구성 타겟 렌더링시 처리하기

/// </summary>

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

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

private void CompositionTarget_Rendering(object sender, object e)

{

RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

double t = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;

t = t < 0.5 ? 2 * t : 2 - 2 * t;

// 배경색

byte backgroundGrayscale = (byte)(255 * t);

Color backgroundColor = Color.FromArgb(255, backgroundGrayscale, backgroundGrayscale, backgroundGrayscale);

this.grid.Background = new SolidColorBrush(backgroundColor);

// 전경색

byte foregroundGrayscale = (byte)(255 - backgroundGrayscale);

Color foregroundColor = Color.FromArgb(255, foregroundGrayscale, foregroundGrayscale, foregroundGrayscale);

this.textBlock.Foreground = new SolidColorBrush(foregroundColor);

}

#endregion

}

TestProject.zip

[C#/UWP] CompositionTarget 클래스 : Rendering 정적 이벤트 사용하기

■ CompositionTarget 클래스의 Rendering 정적 이벤트를 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="안녕하세요!" />
    </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"

FontFamily="나눔고딕코딩">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="안녕하세요!" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;

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

        #region 생성자 - MainPage()

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

            CompositionTarget.Rendering += CompositionTarget_Rendering;
        }

        #endregion

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

        #region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

        /// <summary>
        /// 구성 타겟 렌더링시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void CompositionTarget_Rendering(object sender, object e)
        {
            RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

            double t     = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;
            double scale = t < 0.5 ? 2 * t : 2 - 2 * t;

            this.textBlock.FontSize = 1 + scale * 90;
        }

        #endregion
    }
}

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

CompositionTarget.Rendering += CompositionTarget_Rendering;

}

#endregion

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

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

#region 구성 타겟 렌더링시 처리하기 - CompositionTarget_Rendering(sender, e)

/// <summary>

/// 구성 타겟 렌더링시 처리하기

/// </summary>

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

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

private void CompositionTarget_Rendering(object sender, object e)

{

RenderingEventArgs renderingEventArgs = e as RenderingEventArgs;

double t = (0.25 * renderingEventArgs.RenderingTime.TotalSeconds) % 1;

double scale = t < 0.5 ? 2 * t : 2 - 2 * t;

this.textBlock.FontSize = 1 + scale * 90;

}

#endregion

}

TestProject.zip

[C#/UWP] DispatcherTimer 클래스 : Tick 이벤트 사용하기

■ DispatcherTimer 클래스의 Tick 이벤트를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontFamily="Lucida Console"
            FontSize="90" />
    </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">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontFamily="Lucida Console"

FontSize="90" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
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();

            DispatcherTimer timer = new DispatcherTimer();

            timer.Interval = TimeSpan.FromSeconds(1);

            timer.Tick += timer_Tick;

            timer.Start();
        }

        #endregion

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

        #region 타이머 틱 처리하기 - timer_Tick(sender, e)

        /// <summary>
        /// 타이머 틱 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void timer_Tick(object sender, object e)
        {
            this.textBlock.Text = DateTime.Now.ToString("HH:mm:ss");
        }

        #endregion
    }
}

using System;

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();

DispatcherTimer timer = new DispatcherTimer();

timer.Interval = TimeSpan.FromSeconds(1);

timer.Tick += timer_Tick;

timer.Start();

}

#endregion

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

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

#region 타이머 틱 처리하기 - timer_Tick(sender, e)

/// <summary>

/// 타이머 틱 처리하기

/// </summary>

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

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

private void timer_Tick(object sender, object e)

{

this.textBlock.Text = DateTime.Now.ToString("HH:mm:ss");

}

#endregion

}

TestProject.zip

[C#/UWP] Binding 태그 확장 : ElementName 속성을 사용해 엘리먼트 바인딩 하기

■ Binding 태그 확장의 ElementName 속성을 사용해 엘리먼트를 바인딩하는 방법을 보여준다. ▶ 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"
    FontSize="36">
    <Grid x:Name="page" Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel
            Orientation="Horizontal"
            HorizontalAlignment="Center"
            VerticalAlignment="Top">
            <TextBlock>&#x21A4;&#x00A0;</TextBlock>
            <TextBlock Text="{Binding ElementName=page, Path=ActualWidth}" />
            <TextBlock>픽셀</TextBlock>
            <TextBlock>&#x00A0;&#x21A6;</TextBlock>
        </StackPanel>
        <StackPanel
            Orientation="Vertical"
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <TextBlock HorizontalAlignment="Center">&#x21A5;</TextBlock>
            <StackPanel
                HorizontalAlignment="Center"
                Orientation="Horizontal">
                <TextBlock Text="{Binding ElementName=page, Path=ActualHeight}" />
                <TextBlock>픽셀</TextBlock>
            </StackPanel>
            <TextBlock HorizontalAlignment="Center">&#x21A7;</TextBlock>
        </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"

FontSize="36">

<StackPanel

Orientation="Horizontal"

HorizontalAlignment="Center"

VerticalAlignment="Top">

</StackPanel>

<StackPanel

Orientation="Vertical"

HorizontalAlignment="Center"

VerticalAlignment="Center">

<StackPanel

HorizontalAlignment="Center"

Orientation="Horizontal">

</StackPanel>

</StackPanel>

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.UI.Xaml.Controls;

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

        #region 생성자 - MainPage()

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

        #endregion
    }
}

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

}

TestProject.zip

[C#/UWP] DisplayInformation 클래스 : OrientationChanged 이벤트 사용하기

■ DisplayInformation 클래스의 OrientationChanged 이벤트를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <!-- 중국어 (간체) -->
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Text="你好，世界" />
        <!-- 우르두어 -->
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="ہیلو دنیا،" />
        <!-- 일본어 -->
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Text="こんにちは、世界中のみなさん" />
        <!-- 히브리어 -->
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="שלום, עולם" />
        <!-- 에스페란토어 -->
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Saluton, mondo" />
        <!-- 아라비아어 -->
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="مرحبا، العالم" />
        <!-- 한국어 -->
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Text="안녕하세요, 전 세계" />
        <!-- 러시아어 -->
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Здравствуй, мир" />
        <!-- 힌디어 -->
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Text="नमस्ते दुनिया है," />
    </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">

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Top"

Text="你好，世界" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="ہیلو دنیا،" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Top"

Text="こんにちは、世界中のみなさん" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="שלום, עולם" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Saluton, mondo" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="مرحبا، العالم" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="안녕하세요, 전 세계" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Здравствуй, мир" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Text="नमस्ते दुनिया है," />

</Grid>

</Page>

▶ MainPage.xaml.cs


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

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

        #region 생성자 - MainPage()

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

            SetFontSize();

            DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();

            displayInformation.OrientationChanged += DisplayInformation_OrientationChanged;
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 디스플레이 정보 방향 변경시 처리하기 - DisplayInformation_OrientationChanged(sender, e)

        /// <summary>
        /// 디스플레이 정보 방향 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void DisplayInformation_OrientationChanged(DisplayInformation sender, object e)
        {
            SetFontSize();
        }

        #endregion

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

        #region 폰트 크기 설정하기 - SetFontSize()

        /// <summary>
        /// 폰트 크기 설정하기
        /// </summary>
        private void SetFontSize()
        {
            DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();

            bool isLandscape = displayInformation.CurrentOrientation == DisplayOrientations.Landscape ||
                               displayInformation.CurrentOrientation == DisplayOrientations.LandscapeFlipped;

            FontSize = isLandscape ? 20 : 12;
        }

        #endregion
    }
}

using Windows.Graphics.Display;

using Windows.UI.Xaml.Controls;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

SetFontSize();

DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();

displayInformation.OrientationChanged += DisplayInformation_OrientationChanged;

}

#endregion

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

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

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

#region 디스플레이 정보 방향 변경시 처리하기 - DisplayInformation_OrientationChanged(sender, e)

/// <summary>

/// 디스플레이 정보 방향 변경시 처리하기

/// </summary>

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

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

private void DisplayInformation_OrientationChanged(DisplayInformation sender, object e)

{

SetFontSize();

}

#endregion

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

#region 폰트 크기 설정하기 - SetFontSize()

/// <summary>

/// 폰트 크기 설정하기

/// </summary>

private void SetFontSize()

{

DisplayInformation displayInformation = DisplayInformation.GetForCurrentView();

bool isLandscape = displayInformation.CurrentOrientation == DisplayOrientations.Landscape ||

displayInformation.CurrentOrientation == DisplayOrientations.LandscapeFlipped;

FontSize = isLandscape ? 20 : 12;

}

#endregion

}

TestProject.zip

[C#/UWP] Page 클래스 : SizeChanged 이벤트 사용하기

■ Page 클래스의 SizeChanged 이벤트를 사용하는 방법을 보여준다. ▶ 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"
    FontSize="36"
    SizeChanged="Page_SizeChanged">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top">
            &#x21A4; <Run x:Name="widthRun" /> 픽셀 &#x21A6;
        </TextBlock>
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            TextAlignment="Center">
            &#x21A5;
            <LineBreak />
            <Run x:Name="heightRun" /> 픽셀
            <LineBreak />
            &#x21A7;
        </TextBlock>
    </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"

FontSize="36"

SizeChanged="Page_SizeChanged">

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top">

↤ <Run x:Name="widthRun" /> 픽셀 ↦

</TextBlock>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

TextAlignment="Center">

↥

<Run x:Name="heightRun" /> 픽셀

↧

</TextBlock>

</Grid>

</Page>

▶ MainPage.xaml.cs


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();
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 페이지 크기 변경시 처리하기 - Page_SizeChanged(sender, e)

        /// <summary>
        /// 페이지 크기 변경시 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void Page_SizeChanged(object sender, SizeChangedEventArgs e)
        {
            this.widthRun.Text  = e.NewSize.Width.ToString();
            this.heightRun.Text = e.NewSize.Height.ToString();
        }

        #endregion
    }
}

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();

}

#endregion

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

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

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

#region 페이지 크기 변경시 처리하기 - Page_SizeChanged(sender, e)

/// <summary>

/// 페이지 크기 변경시 처리하기

/// </summary>

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

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

private void Page_SizeChanged(object sender, SizeChangedEventArgs e)

{

this.widthRun.Text = e.NewSize.Width.ToString();

this.heightRun.Text = e.NewSize.Height.ToString();

}

#endregion

}

TestProject.zip

[C#/UWP] UIElement 클래스 : AddHandler 메소드를 사용해 라우팅 이벤트 핸들러 추가하기

■ UIElement 클래스의 AddHandler 메소드를 사용해 라우팅 이벤트 핸들러를 추가하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="24">
    <Grid Name="rootGrid"
        Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Text="Left / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Center / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Text="Right / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Center / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Text="Left / Bottom"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Center / Bottom"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Text="Right / Bottom"
            Tapped="textBlock_Tapped" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="24">

<Grid Name="rootGrid"

Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Top"

Text="Left / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Center / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Top"

Text="Right / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Center / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="Left / Bottom"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Center / Bottom"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Text="Right / Bottom"

Tapped="textBlock_Tapped" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using Windows.UI;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        /// <summary>
        /// 색상 바이트 배열
        /// </summary>
        private byte[] colorByteArray = new byte[3];

        #endregion

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

        #region 생성자 - MainPage()

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

            AddHandler(UIElement.TappedEvent, new TappedEventHandler(page_Tapped), false);
        }

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 페이지 탭 처리하기 - page_Tapped(e)

        /// <summary>
        /// 페이지 탭 처리하기
        /// </summary>
        /// <param name="e">이벤트 발생자</param>
        private void page_Tapped(object sender, TappedRoutedEventArgs e)
        {
            this.rootGrid.Background = GetBrush();
        }

        #endregion
        #region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

        /// <summary>
        /// 텍스트 블럭 탭 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)
        {
            TextBlock textBlock = sender as TextBlock;

            textBlock.Foreground = GetBrush();

            e.Handled = true;
        }

        #endregion

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

        #region 브러시 구하기 - GetBrush()

        /// <summary>
        /// 브러시 구하기
        /// </summary>
        /// <returns>브러시</returns>
        private Brush GetBrush()
        {
            this.random.NextBytes(this.colorByteArray);

            Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

            return new SolidColorBrush(color);
        }

        #endregion
    }
}

100

101

102

103

104

using System;

using Windows.UI;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

/// <summary>

/// 색상 바이트 배열

/// </summary>

private byte[] colorByteArray = new byte[3];

#endregion

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

AddHandler(UIElement.TappedEvent, new TappedEventHandler(page_Tapped), false);

}

#endregion

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

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

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

#region 페이지 탭 처리하기 - page_Tapped(e)

/// <summary>

/// 페이지 탭 처리하기

/// </summary>

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

private void page_Tapped(object sender, TappedRoutedEventArgs e)

{

this.rootGrid.Background = GetBrush();

}

#endregion

#region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

/// <summary>

/// 텍스트 블럭 탭 처리하기

/// </summary>

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

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

private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)

{

TextBlock textBlock = sender as TextBlock;

textBlock.Foreground = GetBrush();

e.Handled = true;

}

#endregion

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

#region 브러시 구하기 - GetBrush()

/// <summary>

/// 브러시 구하기

/// </summary>

/// <returns>브러시</returns>

private Brush GetBrush()

{

this.random.NextBytes(this.colorByteArray);

Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

return new SolidColorBrush(color);

}

#endregion

}

TestProject.zip

[C#/UWP] TappedRoutedEventArgs 클래스 : Handled 속성 사용하기

■ TappedRoutedEventArgs 클래스의 Handled 속성을 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="24">
    <Grid Name="rootGrid"
        Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Text="Left / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Center / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Text="Right / Top"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Center / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right / Center"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Text="Left / Bottom"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Center / Bottom"
            Tapped="textBlock_Tapped" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Text="Right / Bottom"
            Tapped="textBlock_Tapped" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="24">

<Grid Name="rootGrid"

Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Top"

Text="Left / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Center / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Top"

Text="Right / Top"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Center / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right / Center"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="Left / Bottom"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Center / Bottom"

Tapped="textBlock_Tapped" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Text="Right / Bottom"

Tapped="textBlock_Tapped" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        /// <summary>
        /// 색상 바이트 배열
        /// </summary>
        private byte[] colorByteArray = new byte[3];

        #endregion

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

        #region 생성자 - MainPage()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 탭 처리하기 - OnTapped(e)

        /// <summary>
        /// 탭 처리하기
        /// </summary>
        /// <param name="e">이벤트 발생자</param>
        protected override void OnTapped(TappedRoutedEventArgs e)
        {
            this.rootGrid.Background = GetBrush();

            base.OnTapped(e);
        }

        #endregion

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

        #region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

        /// <summary>
        /// 텍스트 블럭 탭 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)
        {
            TextBlock textBlock = sender as TextBlock;

            textBlock.Foreground = GetBrush();

            e.Handled = true;
        }

        #endregion

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

        #region 브러시 구하기 - GetBrush()

        /// <summary>
        /// 브러시 구하기
        /// </summary>
        /// <returns>브러시</returns>
        private Brush GetBrush()
        {
            this.random.NextBytes(this.colorByteArray);

            Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

            return new SolidColorBrush(color);
        }

        #endregion
    }
}

100

101

102

103

104

105

106

107

using System;

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

/// <summary>

/// 색상 바이트 배열

/// </summary>

private byte[] colorByteArray = new byte[3];

#endregion

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

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

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

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

#region 탭 처리하기 - OnTapped(e)

/// <summary>

/// 탭 처리하기

/// </summary>

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

protected override void OnTapped(TappedRoutedEventArgs e)

{

this.rootGrid.Background = GetBrush();

base.OnTapped(e);

}

#endregion

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

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

#region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

/// <summary>

/// 텍스트 블럭 탭 처리하기

/// </summary>

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

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

private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)

{

TextBlock textBlock = sender as TextBlock;

textBlock.Foreground = GetBrush();

e.Handled = true;

}

#endregion

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

#region 브러시 구하기 - GetBrush()

/// <summary>

/// 브러시 구하기

/// </summary>

/// <returns>브러시</returns>

private Brush GetBrush()

{

this.random.NextBytes(this.colorByteArray);

Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

return new SolidColorBrush(color);

}

#endregion

}

TestProject.zip

[C#/UWP] UIElement 클래스 : 라우팅 이벤트 사용하기

■ UIElement 클래스에서 라우팅 이벤트을 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="24">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Text="Left / Top" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Center / Top" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Text="Right / Top" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left / Center" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Center / Center" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right / Center" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Text="Left / Bottom" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Center / Bottom" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Text="Right / Bottom" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="24">

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Top"

Text="Left / Top" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Center / Top" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Top"

Text="Right / Top" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left / Center" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Center / Center" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right / Center" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="Left / Bottom" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Center / Bottom" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Text="Right / Bottom" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        /// <summary>
        /// 색상 바이트 배열
        /// </summary>
        private byte[] colorByteArray = new byte[3];

        #endregion

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

        #region 생성자 - MainPage()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Protected
        //////////////////////////////////////////////////////////////////////////////// Function

        #region 탭 처리하기 - OnTapped(e)

        /// <summary>
        /// 탭 처리하기
        /// </summary>
        /// <param name="e">이벤트 발생자</param>
        protected override void OnTapped(TappedRoutedEventArgs e)
        {
            this.random.NextBytes(this.colorByteArray);

            Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

            SolidColorBrush brush = new SolidColorBrush(color);

            if(e.OriginalSource is TextBlock)
            {
                (e.OriginalSource as TextBlock).Foreground = brush;
            }
            else if(e.OriginalSource is Grid)
            {
                (e.OriginalSource as Grid).Background = brush;
            }

            base.OnTapped(e);
        }

        #endregion
    }
}

using System;

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

/// <summary>

/// 색상 바이트 배열

/// </summary>

private byte[] colorByteArray = new byte[3];

#endregion

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

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

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

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

#region 탭 처리하기 - OnTapped(e)

/// <summary>

/// 탭 처리하기

/// </summary>

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

protected override void OnTapped(TappedRoutedEventArgs e)

{

this.random.NextBytes(this.colorByteArray);

Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

SolidColorBrush brush = new SolidColorBrush(color);

if(e.OriginalSource is TextBlock)

{

(e.OriginalSource as TextBlock).Foreground = brush;

}

else if(e.OriginalSource is Grid)

{

(e.OriginalSource as Grid).Background = brush;

}

base.OnTapped(e);

}

#endregion

}

TestProject.zip

[C#/UWP] UIElement 클래스 : 라우팅 이벤트 사용하기

■ UIElement 클래스에서 라우팅 이벤트을 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="24">
    <Grid
        Margin="10"
        Background="{StaticResource ApplicationPageBackgroundThemeBrush}"
        Tapped="grid_Tapped">
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Top"
            Text="Left / Top" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Center / Top" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Top"
            Text="Right / Top" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left / Center" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Text="Center / Center" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right / Center" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Bottom"
            Text="Left / Bottom" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Center / Bottom" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Bottom"
            Text="Right / Bottom" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="24">

<Grid

Margin="10"

Background="{StaticResource ApplicationPageBackgroundThemeBrush}"

Tapped="grid_Tapped">

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Top"

Text="Left / Top" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Center / Top" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Top"

Text="Right / Top" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left / Center" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Text="Center / Center" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right / Center" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Bottom"

Text="Left / Bottom" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Center / Bottom" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Bottom"

Text="Right / Bottom" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        /// <summary>
        /// 색상 바이트 배열
        /// </summary>
        private byte[] colorByteArray = new byte[3];

        #endregion

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

        #region 생성자 - MainPage()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 그리드 탭 처리하기 - grid_Tapped(sender, e)

        /// <summary>
        /// 그리드 탭 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void grid_Tapped(object sender, TappedRoutedEventArgs e)
        {
            if(e.OriginalSource is TextBlock)
            {
                TextBlock textBlock = e.OriginalSource as TextBlock;

                this.random.NextBytes(this.colorByteArray);

                Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

                textBlock.Foreground = new SolidColorBrush(color);
            }
        }

        #endregion
    }
}

using System;

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

/// <summary>

/// 색상 바이트 배열

/// </summary>

private byte[] colorByteArray = new byte[3];

#endregion

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

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

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

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

#region 그리드 탭 처리하기 - grid_Tapped(sender, e)

/// <summary>

/// 그리드 탭 처리하기

/// </summary>

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

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

private void grid_Tapped(object sender, TappedRoutedEventArgs e)

{

if(e.OriginalSource is TextBlock)

{

TextBlock textBlock = e.OriginalSource as TextBlock;

this.random.NextBytes(this.colorByteArray);

Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

textBlock.Foreground = new SolidColorBrush(color);

}

#endregion

}

TestProject.zip

[C#/UWP] UIElement 클래스 : Tabbed 이벤트 사용하기

■ UIElement 클래스의 Tabbed 이벤트를 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock Name="textBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Tapped="textBlock_Tapped"
            FontSize="96"
            Text="Tap Text!" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="16">

<TextBlock Name="textBlock"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Tapped="textBlock_Tapped"

FontSize="96"

Text="Tap Text!" />

</Grid>

</Page>

▶ MainPage.xaml.cs


using System;
using Windows.UI;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;

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

        #region Field

        /// <summary>
        /// 난수 발생기
        /// </summary>
        private Random random = new Random();

        /// <summary>
        /// 색상 바이트 배열
        /// </summary>
        private byte[] colorByteArray = new byte[3];

        #endregion

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

        #region 생성자 - MainPage()

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

        #endregion

        //////////////////////////////////////////////////////////////////////////////////////////////////// Method
        ////////////////////////////////////////////////////////////////////////////////////////// Private
        //////////////////////////////////////////////////////////////////////////////// Event

        #region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

        /// <summary>
        /// 텍스트 블럭 탭 처리하기
        /// </summary>
        /// <param name="sender">이벤트 발생자</param>
        /// <param name="e">이벤트 인자</param>
        private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)
        {
            this.random.NextBytes(colorByteArray);

            Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

            this.textBlock.Foreground = new SolidColorBrush(color);
        }

        #endregion
    }
}

using System;

using Windows.UI;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Input;

using Windows.UI.Xaml.Media;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region Field

/// <summary>

/// 난수 발생기

/// </summary>

private Random random = new Random();

/// <summary>

/// 색상 바이트 배열

/// </summary>

private byte[] colorByteArray = new byte[3];

#endregion

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

}

#endregion

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

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

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

#region 텍스트 블럭 탭 처리하기 - textBlock_Tapped(sender, e)

/// <summary>

/// 텍스트 블럭 탭 처리하기

/// </summary>

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

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

private void textBlock_Tapped(object sender, TappedRoutedEventArgs e)

{

this.random.NextBytes(colorByteArray);

Color color = Color.FromArgb(255, this.colorByteArray[0], this.colorByteArray[1], this.colorByteArray[2]);

this.textBlock.Foreground = new SolidColorBrush(color);

}

#endregion

}

※ Tabbed 이벤트를 사용하는 경우 IsHitTestVisible과 IsTapEnabled 속성을

[C#/UWP] x:Null 태그 확장 : NULL 값 참조하기

■ x:Null 태그 확장을 사용해 NULL 값을 참조하는 방법을 보여준다. ▶ 예제 코드 (XAML)


Background="{x:Null}"

Background="{x:Null}"

[C#/UWP] Binding 태그 확장 : RelativeSource 속성을 사용해 바인딩 하기

■ Binding 태그 확장의 RelativeSource 속성을 사용해 바인딩을 하는 방법을 보여준다. ▶ 예제 코드 (XAML)


Text="{Binding RelativeSource={RelativeSource Self}, Path=FontSize}"

Text="{Binding RelativeSource={RelativeSource Self}, Path=FontSize}"

[C#/UWP] Binding 태그 확장 : ElementName 속성을 사용해 엘리먼트 바인딩 하기

■ Binding 태그 확장의 ElementName 속성을 사용해 엘리먼트를 바인딩하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <x:String x:Key="StringKey">속성 바인딩</x:String>
        <Style TargetType="TextBlock">
            <Setter Property="FontFamily" Value="Times New Roman" />
            <Setter Property="FontSize"   Value="48"              />
        </Style>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontFamily="Portable User Interface"
            FontSize="48"
            Text="{StaticResource StringKey}" />
        <TextBlock Name="topTextBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Top Text">
            <TextBlock.Foreground>
                <LinearGradientBrush>
                    <GradientStop Offset="0"    Color="Red"    />
                    <GradientStop Offset="0.17" Color="Orange" />
                    <GradientStop Offset="0.33" Color="Yellow" />
                    <GradientStop Offset="0.5"  Color="Green"  />
                    <GradientStop Offset="0.67" Color="Blue"   />
                    <GradientStop Offset="0.83" Color="Indigo" />
                    <GradientStop Offset="1"    Color="Violet" />
                </LinearGradientBrush>
            </TextBlock.Foreground>
        </TextBlock>
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Foreground="{Binding ElementName=topTextBlock, Path=Foreground}"
            Text="Left Text" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Foreground="{Binding ElementName=topTextBlock, Path=Foreground}"
            Text="Right Text" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Bottom Text">
            <TextBlock.Foreground>
                <Binding ElementName="topTextBlock" Path="Foreground" />
            </TextBlock.Foreground>
        </TextBlock>
    </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"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<x:String x:Key="StringKey">속성 바인딩</x:String>

</Style>

</Page.Resources>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontFamily="Portable User Interface"

FontSize="48"

Text="{StaticResource StringKey}" />

<TextBlock Name="topTextBlock"

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Top Text">

<TextBlock.Foreground>

</LinearGradientBrush>

</TextBlock.Foreground>

</TextBlock>

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Foreground="{Binding ElementName=topTextBlock, Path=Foreground}"

Text="Left Text" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Foreground="{Binding ElementName=topTextBlock, Path=Foreground}"

Text="Right Text" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Bottom Text">

<TextBlock.Foreground>

</TextBlock.Foreground>

</TextBlock>

</Grid>

</Page>

TestProject.zip

[C#/UWP] Style 엘리먼트 : 암시적 스타일 사용하기

■ Style 엘리먼트를 사용해 암시적 스타일을 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <x:String x:Key="StringKey">암시적 스타일</x:String>
        <Style TargetType="TextBlock">
            <Setter Property="FontFamily" Value="Times New Roman" />
            <Setter Property="FontSize"   Value="48"              />
            <Setter Property="Foreground">
                <Setter.Value>
                    <LinearGradientBrush>
                        <GradientStop Offset="0"    Color="Red"    />
                        <GradientStop Offset="0.17" Color="Orange" />
                        <GradientStop Offset="0.33" Color="Yellow" />
                        <GradientStop Offset="0.5"  Color="Green"  />
                        <GradientStop Offset="0.67" Color="Blue"   />
                        <GradientStop Offset="0.83" Color="Indigo" />
                        <GradientStop Offset="1"    Color="Violet" />
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Style>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Foreground="{StaticResource ApplicationForegroundThemeBrush}"
            FontFamily="Portable User Interface"
            FontSize="48"
            Text="{StaticResource StringKey}" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Top Text" />
        <TextBlock
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left Text" />
        <TextBlock
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right Text" />
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Bottom Text" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<x:String x:Key="StringKey">암시적 스타일</x:String>

<Setter.Value>

</LinearGradientBrush>

</Setter.Value>

</Setter>

</Style>

</Page.Resources>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

Foreground="{StaticResource ApplicationForegroundThemeBrush}"

FontFamily="Portable User Interface"

FontSize="48"

Text="{StaticResource StringKey}" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Top Text" />

<TextBlock

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left Text" />

<TextBlock

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right Text" />

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Bottom Text" />

</Grid>

</Page>

TestProject.zip

[C#/UWP] Style 클래스 : BasedOn 속성을 사용해 스타일 상속하기

■ Style 클래스의 BasedOn 속성을 사용해 스타일을 상속하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Style x:Key="CenterFrameworkElementStyleKey" TargetType="FrameworkElement">
    <Setter Property="HorizontalAlignment" Value="Center" />
    <Setter Property="VerticalAlignment"   Value="Center" />
</Style>
<Style x:Key="RainbowStyleTextBlockKey" TargetType="TextBlock" BasedOn="{StaticResource CenterFrameworkElementStyleKey}">
    <Setter Property="FontSize" Value="96" />
    <Setter Property="Foreground">
        <Setter.Value>
            <LinearGradientBrush>
                <GradientStop Offset="0" Color="Red"  />
                <GradientStop Offset="1" Color="Blue" />
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
</Style>

</Style>

<Setter.Value>

</LinearGradientBrush>

</Setter.Value>

</Setter>

</Style>

[C#/UWP] Style 클래스 : BasedOn 속성을 사용해 스타일 상속하기

■ Style 클래스의 BasedOn 속성을 사용해 스타일을 상속하는 방법을 보여준다. ▶ 예제 코드 (XAML)


<Style x:Key="BaseTextBlockStyleKey" TargetType="TextBlock">
    <Setter Property="FontFamily" Value="Times New Roman" />
    <Setter Property="FontSize"   Value="24"              />
</Style>
<Style x:Key="GgradientTextBlockStylekey" TargetType="TextBlock" BasedOn="{StaticResource BaseTextBlockStyleKey}">
    <Setter Property="Foreground">
        <Setter.Value>
            <LinearGradientBrush>
                <GradientStop Offset="0" Color="Red"  />
                <GradientStop Offset="1" Color="Blue" />
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
    <Setter Property="FontSize" Value="96" />
</Style>

</Style>

<Setter.Value>

</LinearGradientBrush>

</Setter.Value>

</Setter>

</Style>

[C#/UWP] Style 클래스 사용하기

■ Style 클래스를 사용하는 기본적인 방법을 보여준다. ▶ 예제 코드 (C#)


using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media;

Style style = new Style(typeof(TextBlock));

style.Setters.Add(new Setter(TextBlock.FontSizeProperty  , 96));
style.Setters.Add(new Setter(TextBlock.FontFamilyProperty, new FontFamily("Times New Roman")));

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Media;

Style style = new Style(typeof(TextBlock));

style.Setters.Add(new Setter(TextBlock.FontSizeProperty , 96));

style.Setters.Add(new Setter(TextBlock.FontFamilyProperty, new FontFamily("Times New Roman")));

[C#/UWP] Style 엘리먼트 : 리소스 사용하기

■ Style 엘리먼트를 리소스로 사용하는 방법을 보여준다. ▶ 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"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <x:String x:Key="StringKey">스타일 공유</x:String>
        <LinearGradientBrush x:Key="RainbowBrushKey">
            <GradientStop Offset="0"    Color="Red"    />
            <GradientStop Offset="0.17" Color="Orange" />
            <GradientStop Offset="0.33" Color="Yellow" />
            <GradientStop Offset="0.5"  Color="Green"  />
            <GradientStop Offset="0.67" Color="Blue"   />
            <GradientStop Offset="0.83" Color="Indigo" />
            <GradientStop Offset="1"    Color="Violet" />
        </LinearGradientBrush>
        <Style x:Key="RainbowStyleKey" TargetType="TextBlock">
            <Setter Property="FontFamily" Value="Times New Roman"                  />
            <Setter Property="FontSize"   Value="48"                               />
            <Setter Property="Foreground" Value="{StaticResource RainbowBrushKey}" />
        </Style>
    </Page.Resources>
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <TextBlock
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="48"
            Text="{StaticResource StringKey}" />
        <TextBlock
            Style="{StaticResource RainbowStyleKey}"
            HorizontalAlignment="Center"
            VerticalAlignment="Top"
            Text="Top Text" />
        <TextBlock
            Style="{StaticResource RainbowStyleKey}"
            HorizontalAlignment="Left"
            VerticalAlignment="Center"
            Text="Left Text" />
        <TextBlock
            Style="{StaticResource RainbowStyleKey}"
            HorizontalAlignment="Right"
            VerticalAlignment="Center"
            Text="Right Text" />
        <TextBlock
            Style="{StaticResource RainbowStyleKey}"
            HorizontalAlignment="Center"
            VerticalAlignment="Bottom"
            Text="Bottom Text" />
    </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"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

<x:String x:Key="StringKey">스타일 공유</x:String>

</LinearGradientBrush>

</Style>

</Page.Resources>

<TextBlock

HorizontalAlignment="Center"

VerticalAlignment="Center"

FontSize="48"

Text="{StaticResource StringKey}" />

<TextBlock

Style="{StaticResource RainbowStyleKey}"

HorizontalAlignment="Center"

VerticalAlignment="Top"

Text="Top Text" />

<TextBlock

Style="{StaticResource RainbowStyleKey}"

HorizontalAlignment="Left"

VerticalAlignment="Center"

Text="Left Text" />

<TextBlock

Style="{StaticResource RainbowStyleKey}"

HorizontalAlignment="Right"

VerticalAlignment="Center"

Text="Right Text" />

<TextBlock

Style="{StaticResource RainbowStyleKey}"

HorizontalAlignment="Center"

VerticalAlignment="Bottom"

Text="Bottom Text" />

</Grid>

</Page>

TestProject.zip

[C#/UWP] Viewbox 클래스 : StretchDirection 속성 사용하기

■ Viewbox 클래스의 StretchDirection 속성을 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Viewbox
            Stretch="Fill"
            StretchDirection="DownOnly">
            <Grid Margin="10">
                <!-- H -->
                <Path
                    Stroke="Red"
                    StrokeThickness="12"
                    StrokeLineJoin="Round"
                    Data="M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100" />
                <!-- E -->
                <Path
                    Stroke="#C00040"
                    StrokeThickness="12"
                    StrokeLineJoin="Round"
                    Data="M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100" />
                <!-- L -->
                <Path
                    Stroke="#800080"
                    StrokeThickness="12"
                    StrokeLineJoin="Round"
                    Data="M 150 0 L 150 100, 200 100" />
                <!-- L -->
                <Path
                    Stroke="#4000C0"
                    StrokeThickness="12"
                    StrokeLineJoin="Round"
                    Data="M 225 0 L 225 100, 275 100" />
                <!-- O -->
                <Path
                    Stroke="Blue"
                    StrokeThickness="12"
                    StrokeLineJoin="Round"
                    Data="M 300 50 A 25 50 0 1 0 300 49.9" />
            </Grid>
        </Viewbox>
    </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">

<Viewbox

Stretch="Fill"

StretchDirection="DownOnly">

<Path

Stroke="Red"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100" />

<Path

Stroke="#C00040"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100" />

<Path

Stroke="#800080"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 150 0 L 150 100, 200 100" />

<Path

Stroke="#4000C0"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 225 0 L 225 100, 275 100" />

<Path

Stroke="Blue"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 300 50 A 25 50 0 1 0 300 49.9" />

</Grid>

</Viewbox>

</Grid>

</Page>

TestProject.zip

[C#/UWP] Viewbox 클래스 : Stretch 속성 사용하기

■ Viewbox 클래스의 Stretch 속성을 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Viewbox
            Margin="10"
            Stretch="Fill">
            <TextBlock Text="Windows 10" />
        </Viewbox>
    </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">

<Viewbox

Margin="10"

Stretch="Fill">

</Viewbox>

</Grid>

</Page>

TestProject.zip

[C#/UWP] Path 클래스 : 패스 미니 언어 사용하기 (코드)

■ Path 클래스에서 패스 미니 언어를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Name="rootGrid"
        Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
    </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">

<Grid Name="rootGrid"

Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

</Grid>

</Page>

▶ MainPage.xaml.cs


using Windows.UI;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Markup;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Shapes;

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

        #region 생성자 - MainPage()

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

            Path path = new Path();

            path.Stroke              = new SolidColorBrush(Colors.Red);
            path.StrokeThickness     = 12;
            path.StrokeLineJoin      = PenLineJoin.Round;
            path.HorizontalAlignment = HorizontalAlignment.Center;
            path.VerticalAlignment   = VerticalAlignment.Center;
            path.Data                = GetGeometry
            (
                "M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100 " +
                "M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100 " +
                "M 150 0 L 150 100, 200 100 " +
                "M 225 0 L 225 100, 275 100 " +
                "M 300 50 A 25 50 0 1 0 300 49.9"
            );

            this.rootGrid.Children.Add(path);
        }

        #endregion

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

        #region 기하 구하기 - GetGeometry(source)

        /// <summary>
        /// 기하 구하기
        /// </summary>
        /// <param name="source">소스 문자열</param>
        /// <returns>기하</returns>
        private Geometry GetGeometry(string source)
        {
            string xaml =  "<Path xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\">" +
                           "<Path.Data>" + source + "</Path.Data>"+
                           "</Path>";

            Path path = XamlReader.Load(xaml) as Path;

            Geometry geometry = path.Data;

            path.Data = null;

            return geometry;
        }

        #endregion
    }
}

using Windows.UI;

using Windows.UI.Xaml;

using Windows.UI.Xaml.Controls;

using Windows.UI.Xaml.Markup;

using Windows.UI.Xaml.Media;

using Windows.UI.Xaml.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 페이지

/// </summary>

public sealed partial class MainPage : Page

{

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

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

#region 생성자 - MainPage()

/// <summary>

/// 생성자

/// </summary>

public MainPage()

{

InitializeComponent();

Path path = new Path();

path.Stroke = new SolidColorBrush(Colors.Red);

path.StrokeThickness = 12;

path.StrokeLineJoin = PenLineJoin.Round;

path.HorizontalAlignment = HorizontalAlignment.Center;

path.VerticalAlignment = VerticalAlignment.Center;

path.Data = GetGeometry

(

"M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100 " +

"M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100 " +

"M 150 0 L 150 100, 200 100 " +

"M 225 0 L 225 100, 275 100 " +

"M 300 50 A 25 50 0 1 0 300 49.9"

);

this.rootGrid.Children.Add(path);

}

#endregion

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

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

#region 기하 구하기 - GetGeometry(source)

/// <summary>

/// 기하 구하기

/// </summary>

/// <param name="source">소스 문자열</param>

/// <returns>기하</returns>

private Geometry GetGeometry(string source)

{

string xaml = "<Path xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\">" +

"<Path.Data>" + source + "</Path.Data>"+

"</Path>";

Path path = XamlReader.Load(xaml) as Path;

Geometry geometry = path.Data;

path.Data = null;

return geometry;

}

#endregion

}

TestProject.zip

[C#/UWP] Path 클래스 : 패스 미니 언어 사용하기

■ Path 클래스에서 패스 미니 언어를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Path
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Stroke="Red"
            StrokeThickness="12"
            StrokeLineJoin="Round"
            Data="M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100
                  M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100
                  M 150 0 L 150 100, 200 100
                  M 225 0 L 225 100, 275 100
                  M 300 50 A 25 50 0 1 0 300 49.9" />
    </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">

<Path

HorizontalAlignment="Center"

VerticalAlignment="Center"

Stroke="Red"

StrokeThickness="12"

StrokeLineJoin="Round"

Data="M 0 0 L 0 100 M 0 50 L 50 50 M 50 0 L 50 100

M 125 0 C 60 -10, 60 60, 125 50, 60 40, 60 110, 125 100

M 150 0 L 150 100, 200 100

M 225 0 L 225 100, 275 100

M 300 50 A 25 50 0 1 0 300 49.9" />

</Grid>

</Page>

TestProject.zip

[C#/UWP] PathGeometry 클래스 사용하기

■ PathGeometry 클래스를 사용하는 방법을 보여준다. ▶ 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">
    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Path
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            Stroke="Red"
            StrokeThickness="12"
            StrokeLineJoin="Round">
            <Path.Data>
                <PathGeometry>
                    <!-- H -->
                    <PathFigure StartPoint="0 0">
                        <LineSegment Point="0 100" />
                    </PathFigure>
                    <PathFigure StartPoint="0 50">
                        <LineSegment Point="50 50" />
                    </PathFigure>
                    <PathFigure StartPoint="50 0">
                        <LineSegment Point="50 100" />
                    </PathFigure>
                    <!-- E -->
                    <PathFigure StartPoint="125 0">
                        <BezierSegment Point1="60 -10" Point2="60 60"  Point3="125 50"  />
                        <BezierSegment Point1="60  40" Point2="60 110" Point3="125 100" />
                    </PathFigure>
                    <!-- L -->
                    <PathFigure StartPoint="150 0">
                        <LineSegment Point="150 100" />
                        <LineSegment Point="200 100" />
                    </PathFigure>
                    <!-- L -->
                    <PathFigure StartPoint="225 0">
                        <LineSegment Point="225 100" />
                        <LineSegment Point="275 100" />
                    </PathFigure>
                    <!-- O -->
                    <PathFigure StartPoint="300 50">
                        <ArcSegment Size="25 50" Point="300 49.9" IsLargeArc="True" />
                    </PathFigure>
                </PathGeometry>
            </Path.Data>
        </Path>
    </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">

<Path

HorizontalAlignment="Center"

VerticalAlignment="Center"

Stroke="Red"

StrokeThickness="12"

StrokeLineJoin="Round">

<Path.Data>

</PathFigure>

</PathFigure>

</PathFigure>

</PathFigure>

</PathFigure>

</PathFigure>

</PathFigure>

</PathGeometry>

</Path.Data>

</Path>

</Grid>

</Page>

TestProject.zip