title: Fill a grid with the same component dynimically . Is there an adapter to fill it?
body: <p>1- I have a main grid and a scrollviewer inside the main grid;</p>
  
  <p>2-  I want to display something like a list of programs of a tvshow.</p>
  
  <p>3- I used the  scrollviewer to allow the user to scroll down and up the list of tvshows I want to show. </p>
  
  <p>4- Inside the scrollviewer there is another grid that I divided in many rows;</p>
  
  <p>5- Inside of this grid there are many grids. Inside each grid there is a different program I want to show. </p>
  
  <p>6- Each grid has an image, and three textblocks. </p>
  
  <p><strong>this is the scrollviewer:</strong> </p>
  
  <pre><code>&lt;ScrollViewer 
                          Grid.Row="2" 
                          Grid.RowSpan="5" 
                          ScrollViewer.VerticalScrollBarVisibility="Hidden" &gt;
                          &lt;Grid Name="grid_tv_programming1" Grid.Row="2"&gt;
                              &lt;Grid.RowDefinitions&gt;
                                  &lt;RowDefinition Height="90"/&gt;
                                  &lt;RowDefinition Height="90"/&gt;
                                  &lt;RowDefinition Height="90"/&gt;
                                  &lt;RowDefinition Height="90"/&gt;
                                  &lt;RowDefinition Height="90"/&gt;
  
                              &lt;/Grid.RowDefinitions&gt;
                              &lt;Grid Name="grid_tv_programming"
                            Grid.Row="0"&gt;
                                  &lt;Grid.ColumnDefinitions&gt;
                                      &lt;ColumnDefinition Width="Auto" /&gt;
                                      &lt;ColumnDefinition Width="Auto" /&gt;
                                      &lt;ColumnDefinition Width="*" /&gt;
                                  &lt;/Grid.ColumnDefinitions&gt;
                                  &lt;TextBlock Name="txtblock1"
                                     Text="06:00" 
                                     Foreground="#1A1F49"
                                     FontSize="25" 
                                     VerticalAlignment="Center"
                                     HorizontalAlignment="Center"
                                     Grid.Column="0"/&gt;
                                  &lt;Image Name="image"
                                 Source="/Imagens/SmallLogo.png" 
                                 Grid.Column="1"/&gt;
                                  &lt;TextBlock Name="txtBlock2"
                                     Text="Acorde e Recorde"
                                     Foreground="#1A1F49"
                                     FontSize="25"
                                     HorizontalAlignment="Center"
                                     VerticalAlignment="Center"
                                     Grid.Column="2"/&gt;
                                  &lt;TextBlock Name="txtBlock3" 
                                     Text="Nome do Locutor"
                                     Foreground="#9B9B9B"
                                     FontSize="25"
                                     HorizontalAlignment="Center"
                                     VerticalAlignment="Bottom"
                                     Grid.Column="2"/&gt;
                              &lt;/Grid&gt;
                          &lt;/Grid&gt;
                      &lt;/ScrollViewer&gt;
  </code></pre>
  
  <p><strong>I want for each grid inside the scroollviewer to have this configuration:</strong> </p>
  
  <pre><code>                        &lt;Grid Name="grid_tv_programming"
                        Grid.Row="0"&gt;
                              &lt;Grid.ColumnDefinitions&gt;
                                  &lt;ColumnDefinition Width="Auto" /&gt;
                                  &lt;ColumnDefinition Width="Auto" /&gt;
                                  &lt;ColumnDefinition Width="*" /&gt;
                              &lt;/Grid.ColumnDefinitions&gt;
                              &lt;TextBlock Name="txtblock2"
                                 Text="06:00" 
                                 Foreground="#1A1F49"
                                 FontSize="25" 
                                 VerticalAlignment="Center"
                                 HorizontalAlignment="Center"
                                 Grid.Column="0"/&gt;
                              &lt;Image Name="image"
                             Source="/Imagens/SmallLogo.png" 
                             Grid.Column="1"/&gt;
                              &lt;TextBlock Name="txtblock"
                                 Text="Acorde e Recorde"
                                 Foreground="#1A1F49"
                                 FontSize="25"
                                 HorizontalAlignment="Center"
                                 VerticalAlignment="Center"
                                 Grid.Column="2"/&gt;
                              &lt;TextBlock Name="txtBlock2" 
                                 Text="Nome do Locutor"
                                 Foreground="#9B9B9B"
                                 FontSize="25"
                                 HorizontalAlignment="Center"
                                 VerticalAlignment="Bottom"
                                 Grid.Column="2"/&gt;
                          &lt;/Grid&gt;
  </code></pre>
  
  <p>So, I want to create the grids inside the scroolviewer dynimically because all the programs are different. This way, I would not have to call its images and textboxs separately for setting up them. My code would be huge! </p>
  
  <p>Is there any adapter library to do this?</p>
  
  <p>If I create an array of objects, how would I set up the content dynimically if they don't have names? </p>