<Window x:Class="DoAnWPF.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:DoAnWPF"
        mc:Ignorable="d"
        Foreground="#ffffff"
        Background="#151515"
        Title="MainWindow" 
        WindowState="Maximized" WindowStartupLocation="CenterScreen"        
        >
  
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="150">
            </ColumnDefinition>
            <ColumnDefinition>
            </ColumnDefinition>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Column="1" Orientation="Vertical">
            <GroupBox>
                <GroupBox.Header>
                    <TextBlock FontWeight="Bold" FontSize="15">Sản phẩm mới</TextBlock>
                </GroupBox.Header>  
            </GroupBox>
            <GroupBox>
                <GroupBox.Header>
                    <TextBlock FontWeight="Bold" FontSize="15">Sản phẩm bán chạy</TextBlock>
                </GroupBox.Header>
                <ListView x:Name="lstsanpham" Height="200">
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <UniformGrid Columns="5">
                                
                            </UniformGrid>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>
                    <ListView.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal">
                                <Image  ></Image>
                                <StackPanel Orientation="Vertical">
                                    <TextBlock ></TextBlock>
                                    <TextBlock Text="{Binding Path=IDSP}"></TextBlock>
                                    <Button Content="Xem chi tiết"></Button>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListView.ItemTemplate>
                </ListView>
            </GroupBox>
            <GroupBox>
                <GroupBox.Header>
                    <TextBlock FontWeight="Bold" FontSize="15">Sản phẩm xem nhiều</TextBlock>
                </GroupBox.Header>
                <ListView x:Name="lvSPXemNhieu" >
                    <ItemsControl Name="itmSPXemNhieu">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <WrapPanel Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <StackPanel x:Name="stpSPXemNhieu" >
                                    <Border BorderBrush="Maroon" BorderThickness="0" Height="220" Width="270">
                                        <Image x:Name="imgSPXemNhieu" Source="{Binding IDSP}" Width="240" Height="200" Stretch="Uniform" Cursor="Hand"></Image>
                                    </Border>
                                    <StackPanel Margin="5,2,0,0">
                                        <WrapPanel>
                                            <WrapPanel Height="30">
                                                <TextBlock x:Name="tbTenSPXemNhieu" Text="{Binding TenSP}" FontSize="20" FontFamily="Palatino Linotype" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="#400000"></TextBlock>
                                            </WrapPanel>
                                        </WrapPanel>
                                        <WrapPanel Height="30">
                                            <TextBlock x:Name="tbSoLuotXemSP" Text="Số lượt xem : " FontSize="20" FontFamily="Palatino Linotype" FontWeight="Bold" HorizontalAlignment="Right" VerticalAlignment="Center" Foreground="#400000" />
                                            <TextBlock x:Name="tbSoLuotXem" Text="{Binding SoLuotXem}" FontSize="20" FontFamily="Palatino Linotype" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="#400000" />
                                        </WrapPanel>
                                        <WrapPanel Height="30">
                                            <Button x:Name="btnXemChiTiet" Content="Xem chi tiết" FontSize="20" FontFamily="Palatino Linotype" FontWeight="Bold" HorizontalAlignment="Left" VerticalAlignment="Center" Foreground="#400000"></Button>
                                        </WrapPanel>
                                    </StackPanel>
                                </StackPanel>
                              
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </ListView>
            </GroupBox>
        </StackPanel>
        <!--menu-->
        <StackPanel Orientation="Vertical" Grid.Column="0">
            <GroupBox>
                <GroupBox.Header>
                    <TextBlock FontWeight="Bold" FontSize="15">Loại sản phẩm</TextBlock>
                </GroupBox.Header>
            </GroupBox>
            <GroupBox>
                <GroupBox.Header>
                    <TextBlock FontWeight="Bold" FontSize="15">Nhà sản xuất</TextBlock>
                </GroupBox.Header>
            </GroupBox>
        </StackPanel>
    </Grid>
</Window>
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107