UWP - PivotItem header with image and text

MainPage.xaml

<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <StackPanel 
        x:Name="StackPanel1" 
        Margin="50" 
        Orientation="Vertical"
        Background="AliceBlue"
        Padding="50"
        >
        <Pivot x:Name="Pivot1" Title="Pivot Example" Background="Orange" Padding="0,0,0,15">
            <PivotItem Background="Crimson">
                <PivotItem.Header>
                    <StackPanel>
                        <SymbolIcon Symbol="Attach"/>
                        <TextBlock Text="Attach"/>
                    </StackPanel>
                </PivotItem.Header>
                <StackPanel Orientation="Vertical" Padding="50">
                    <TextBlock
                        Text="Pivot Item 1 : Attach"
                        Margin="10"
                        />
                    <Viewbox MaxHeight="200" MaxWidth="200">
                        <SymbolIcon Symbol="Attach"/>
                    </Viewbox>
                </StackPanel>
            </PivotItem>
            <PivotItem Background="GreenYellow">
                <PivotItem.Header>
                    <StackPanel Orientation="Vertical">
                        <SymbolIcon Symbol="AddFriend"/>
                        <TextBlock Text="Add Friend"/>
                    </StackPanel>
                </PivotItem.Header>
                <StackPanel Orientation="Vertical" Padding="50">
                    <TextBlock
                        Text="Pivot Item 2: Add Friend"
                        Margin="10"
                        />
                    <Viewbox MaxWidth="200" MaxHeight="200">
                        <SymbolIcon Symbol="AddFriend"/>
                    </Viewbox>
                </StackPanel>
            </PivotItem>
            <PivotItem Background="Orchid">
                <PivotItem.Header>
                    <StackPanel Orientation="Vertical">
                        <SymbolIcon Symbol="Calculator"/>
                        <TextBlock Text="Calculator"/>
                    </StackPanel>
                </PivotItem.Header>
                <StackPanel Orientation="Vertical" Padding="50">
                    <TextBlock
                        Text="Pivot Item 3 : Calculator"
                        Margin="10"
                        />
                    <Viewbox MaxWidth="200" MaxHeight="200">
                        <SymbolIcon Symbol="Calculator"/>
                    </Viewbox>
                </StackPanel>
            </PivotItem>
        </Pivot>
    </StackPanel>
</Page>

More uwp tutorials

• UWP - CalendarDatePicker example
• UWP - TimePicker example
• UWP - PasswordBox example
• UWP - ComboBox default selected item
• UWP - ComboBox DisplayMemberPath and SelectedValuePath
• UWP - ComboBox ItemTemplate example
• UWP - Drawing on a Canvas example
• UWP - How to use TextBox SelectionChanged event
• UWP - How to use TextBox TextChanged event
• UWP - SymbolIcon example
• UWP - How to add a new line to a TextBlock
• UWP - Simple Pivot example
• UWP - Border example
• UWP - Polyline example
• UWP - Line example