syncfusion-wpf-tileview-control-examples/Samples/Specific-CustomUI/MainWindow.xaml at master · SyncfusionExamples/syncfusion-wpf-tileview-control-examples · GitHub

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
34
35
36
37
38
39
40
41
42
43
<Window x:Class="Specific_CustomUI.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Specific_CustomUI" xmlns:syncfusion="http://schemas.syncfusion.com/wpf"
        mc:Ignorable="d" WindowStartupLocation="CenterScreen"
        Title="Specific TileViewItem - Custom UI" Height="450" Width="500">


    <Window.Resources>
        <DataTemplate x:Key="contentTemplate">
            <Grid Background="Yellow">
                <TextBlock HorizontalAlignment="Center"
                           VerticalAlignment="Center"
                           Text="{Binding}"
                           Foreground="Red"
                           />
            </Grid>
        </DataTemplate>
        <DataTemplate x:Key="headerTemplate">
            <Grid Background="Red">
                <TextBlock HorizontalAlignment="Center"
                           Text="{Binding}"
                           FontFamily="Verdana"
                           Foreground="Yellow"/>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <syncfusion:TileViewControl Margin="30"
                                    Name="tileViewControl">
            <syncfusion:TileViewItem ContentTemplate="{StaticResource contentTemplate}"
                                     HeaderTemplate="{StaticResource headerTemplate}"
                                     Content="Content 1" Header="Item 1" />
            <syncfusion:TileViewItem Content="Content 2" Header="Item 2" />
            <syncfusion:TileViewItem Content="Content 3" Header="Item 3" />
            <syncfusion:TileViewItem ContentTemplate="{StaticResource contentTemplate}"
                                     HeaderTemplate="{StaticResource headerTemplate}"
                                     Content="Content 4" Header="Item 4" />
        </syncfusion:TileViewControl>
    </Grid>
</Window>