[C#/WINUI3/.NET8] PipsPager 엘리먼트 : PreviousButtonStyle/NextButtonStyle 속성 사용하기

■ PipsPager 엘리먼트의 PreviousButtonStyle/NextButtonStyle 속성을 사용하는 방법을 보여준다.

※ 비주얼 스튜디오에서 TestProject(Unpackaged) 모드로 빌드한다.
※ TestProject.csproj 프로젝트 파일에서 WindowsPackageType 태그를 None으로 추가했다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Page.Resources>
        <Style x:Key="NavigationButtonStyleKey" TargetType="Button" BasedOn="{StaticResource PipsPagerNavigationButtonBaseStyle}">
            <Setter Property="Width"    Value="30" />
            <Setter Property="Height"   Value="30" />
            <Setter Property="FontSize" Value="12" />
        </Style>
        <Style x:Key="PreviousButtonStyleKey" TargetType="Button" BasedOn="{StaticResource NavigationButtonStyleKey}">
            <Setter Property="Content" Value="&#xeddb;" />
        </Style>
        <Style x:Key="NextButtonStyleKey" TargetType="Button" BasedOn="{StaticResource NavigationButtonStyleKey}">
            <Setter Property="Content" Value="&#xeddc;" />
        </Style>
    </Page.Resources>
    <PipsPager
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        PreviousButtonStyle="{StaticResource PreviousButtonStyleKey}"
        NextButtonStyle="{StaticResource NextButtonStyleKey}"
        PreviousButtonVisibility="VisibleOnPointerOver"
        NextButtonVisibility="VisibleOnPointerOver" />
</Page>

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

<Page x:Class="TestProject.MainPage"

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

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

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Page.Resources>

</Style>

</Style>

</Style>

</Page.Resources>

<PipsPager

HorizontalAlignment="Center"

VerticalAlignment="Center"

PreviousButtonStyle="{StaticResource PreviousButtonStyleKey}"

NextButtonStyle="{StaticResource NextButtonStyleKey}"

PreviousButtonVisibility="VisibleOnPointerOver"

NextButtonVisibility="VisibleOnPointerOver" />

</Page>

TestProject.zip