Ghost1372

everything can be handy

HomePageHeader

Property

Name
HeaderImageHeight
HeaderContent
HeaderSubtitleFontSize
HeaderSubtitleText
HeaderFontSize
HeaderText
HeaderImage
Stretch
IsTileImage

Example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<dev:HomePageHeader HeaderImage="{ThemeResource HeaderCover}"
                    HeaderSubtitleText="HeaderSubtitleText"
                    HeaderText="HeaderText">
    <dev:HomePageHeader.HeaderContent>
        <StackPanel Orientation="Horizontal"
                    Spacing="12">
            <dev:HeaderTile Title="Title"
                            Description="Description">
                <dev:HeaderTile.Source>
                    <Image Source="ms-appx:///Assets/Fluent/Clock.png" />
                </dev:HeaderTile.Source>
            </dev:HeaderTile>
            <dev:HeaderTile Title="Title"
                            Description="Description">
                <dev:HeaderTile.Source>
                    <Image Source="ms-appx:///Assets/Fluent/InfoBadge.png" />
                </dev:HeaderTile.Source>
            </dev:HeaderTile>
            <dev:HeaderTile Title="Title"
                            Description="Description">
                <dev:HeaderTile.Source>
                    <Image Source="ms-appx:///Assets/Fluent/RatingControl.png" />
                </dev:HeaderTile.Source>
            </dev:HeaderTile>
            <dev:HeaderTile Title="Title"
                            Description="Description">
                <dev:HeaderTile.Source>
                    <Image Source="ms-appx:///Assets/Fluent/update.png" />
                </dev:HeaderTile.Source>
            </dev:HeaderTile>
        </StackPanel>
    </dev:HomePageHeader.HeaderContent>
</dev:HomePageHeader>

DevWinUI

Demo

you can run demo and see this feature.

0%