Блог

Мне нужно динамически создавать сетку с диапазоном столбцов.

Учитывая, что максимальное количество столбцов равно 12, как в Bootstrap…

если имеется 3 элемента:
1 — Размер изображения в 4 столбца.
2 — размер изображения в 8 столбцов.
3 — Размер метки из 12 столбцов.

  ------------ -----------   
|            |           |  
|    0,0     |    0,1    |  
|            |           |  
 ------------ -----------   
|            |           |  
|    1,0     |           |  
|            |           |  
 ------------------------   
  

 var NumberOfColumns = 12.0 / layoutElements.Min(x => x.Colsize);
    var NumberOfRows = Math.Ceiling(layoutElements.Sum(x => x.Colsize) / 12.0);

    for (int ColNo = 0; ColNo < NumberOfColumns; ColNo  ) {
        ColumnDefinition gridColo = new ColumnDefinition();
        cardGrid.ColumnDefinitions.Add(gridColo);
    }

    for (int RowNo = 0; RowNo < NumberOfRows; RowNo  ) {
        RowDefinition gridRow = new RowDefinition();
        cardGrid.RowDefinitions.Add(gridRow);
    }

    Label lblTestObject3 = new Label();
    lblTestObject3.Content = "Test Label .........";
    Grid.SetRow(lblTestObject3, 3);
    Grid.SetColumn(lblTestObject3, 3);
    cardGrid.Children.Add(lblTestObject3);

    Label lblTestObject4 = new Label();
    lblTestObject4.Content = "Test Label------- ";
    Grid.SetRow(lblTestObject4, 1);
    Grid.SetColumn(lblTestObject4, 3);
    cardGrid.Children.Add(lblTestObject4);
  

Я тестирую с помощью элемента управления labels, но элементы переопределяются, более того, мне нужно объединить столбцы.