Создайте сетку (n × n) в Android ConstraintLayout с переменным числом n

Лучшая идея - создать два линейных макета представления, один с горизонтальным выравниванием, а другой с вертикальным выравниванием. Группа с вертикальным выравниванием - это группа, которую вы вызываете в своем макете и передаете ей в качестве атрибута число (7). Эта группа добавит к себе горизонтальную группу 7 раз. Каждая горизонтальная компоновка, в свою очередь, снова будет иметь номер (7). И это добавит 7 квадратов. Уловка состоит в том, чтобы увидеть, что каждый квадрат будет иметь одинаковый вес. И каждый горизонтальный ряд будет иметь одинаковый вес. Таким образом, вы получите сетки нужного размера, если вы вставите Verical layout в квадратную ViewGroup.

Поскольку вы говорите, что у вас есть переменное количество квадратов, я предполагаю, что вы хотите создать сетку n * n в коде. Вот подход к созданию сетки. Это только один способ, возможно, есть и другие.

Сначала создайте макет с ConstraintLayout в качестве корневого представления. В этом макете определите виджет, который имеет ширину и высоту match_constraints и ограничен родительским элементом. Это даст вам квадратный виджет независимо от ориентации устройства. (Я использую здесь View, чтобы его было видно, но лучше использовать виджет Space, хотя это, вероятно, не имеет особого значения.)

activity_main.xml

<androidx.constraintlayout.widget.ConstraintLayout 
    android:id = "@+id/layout"
    android:layout_width = "match_parent"
    android:layout_height = "match_parent"
    tools:context = ".MainActivity">

    <View
        android:id = "@+id/gridFrame"
        android:layout_width = "0dp"
        android:layout_height = "0dp"
        android:layout_margin = "16dp"
        android:background = "@android:color/holo_blue_light"
        app:layout_constraintBottom_toBottomOf = "parent"
        app:layout_constraintDimensionRatio = "1:1"
        app:layout_constraintEnd_toEndOf = "parent"
        app:layout_constraintStart_toStartOf = "parent"
        app:layout_constraintTop_toTopOf = "parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Вот код действия, которое создает сетку 7 * 7. Мы будем использовать экранный вид из макета в качестве «родительского» вида для размещения квадратов.

MainActivity.java

public class MainActivity extends AppCompatActivity {
    int mRows = 7;
    int mCols = 7;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        ConstraintLayout layout = findViewById(R.id.layout);

        int color1 = getResources().getColor(android.R.color.holo_red_light);
        int color2 = getResources().getColor(android.R.color.holo_blue_light);
        TextView textView;
        ConstraintLayout.LayoutParams lp;
        int id;
        int idArray[][] = new int[mRows][mCols];
        ConstraintSet cs = new ConstraintSet();

        // Add our views to the ConstraintLayout.
        for (int iRow = 0; iRow < mRows; iRow++) {
            for (int iCol = 0; iCol < mCols; iCol++) {
                textView = new TextView(this);
                lp = new ConstraintLayout.LayoutParams(ConstraintSet.MATCH_CONSTRAINT,
                                                       ConstraintSet.MATCH_CONSTRAINT);
                id = View.generateViewId();
                idArray[iRow][iCol] = id;
                textView.setId(id);
                textView.setText(String.valueOf(id));
                textView.setGravity(Gravity.CENTER);
                textView.setBackgroundColor(((iRow + iCol) % 2 == 0) ? color1 : color2);
                layout.addView(textView, lp);
            }
        }

        // Create horizontal chain for each row and set the 1:1 dimensions.
        // but first make sure the layout frame has the right ratio set.
        cs.clone(layout);
        cs.setDimensionRatio(R.id.gridFrame, mCols + ":" + mRows);
        for (int iRow = 0; iRow < mRows; iRow++) {
            for (int iCol = 0; iCol < mCols; iCol++) {
                id = idArray[iRow][iCol];
                cs.setDimensionRatio(id, "1:1");
                if (iRow == 0) {
                    // Connect the top row to the top of the frame.
                    cs.connect(id, ConstraintSet.TOP, R.id.gridFrame, ConstraintSet.TOP);
                } else {
                    // Connect top to bottom of row above.
                    cs.connect(id, ConstraintSet.TOP, idArray[iRow - 1][0], ConstraintSet.BOTTOM);
                }
            }
            // Create a horiontal chain that will determine the dimensions of our squares.
            // Could also be createHorizontalChainRtl() with START/END.
            cs.createHorizontalChain(R.id.gridFrame, ConstraintSet.LEFT,
                                     R.id.gridFrame, ConstraintSet.RIGHT,
                                     idArray[iRow], null, ConstraintSet.CHAIN_PACKED);
        }

        cs.applyTo(layout);
    }
}

Просто замените mRows и mCols, и сетка настроится сама. Если ваша сетка всегда будет квадратной, вам не нужно будет устанавливать соотношение контейнера сетки в коде. Вы также можете разместить свою сетку в более сложном макете. Просто убедитесь, что контейнер-сетка имеет правильные размеры, и все готово.

Если я правильно понял, я думаю, что лучший способ - использовать виджет Flow.

androidx.constraintlayout.helper.widget.Flow

и поместите идентификаторы всех представлений, которые должны быть включены в сетку, в следующее поле:

app:constraint_referenced_ids

дополнительную информацию можно найти здесь:

https://bignerdranch.com/blog/constraintlayout-flow-simple-grid-building-without-nested-layouts/