2x2 кнопки в виде прокрутки

Question

Я пытаюсь поместить матрицу (2 x 2) кнопок в макет ограничения, а затем поместить макет ограничения (с включенными 4 кнопками) в представление прокрутки и, наконец, добавить представление прокрутки в главное окно. раскладка. Код приведен ниже. Может кто-нибудь сказать мне, что я не так, так как, наконец, вместо матрицы кнопок появляется панель? Планировалось сделать 4 кнопки видимыми, но на самом деле появляются 2 кнопки. Есть ли какие-либо предложения, как сделать задачу умнее? Заранее спасибо!

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

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

        ConstraintLayout.LayoutParams params = new ConstraintLayout.LayoutParams(200, 200);
        ConstraintLayout constraintLayout = new ConstraintLayout(MainActivity.this);
        constraintLayout.setLayoutParams(params);

        GradientDrawable shape1 = new GradientDrawable();
        shape1.setColor(Color.BLUE);

        GradientDrawable shape2 = new GradientDrawable();
        shape2.setColor(Color.GREEN);

        Button button11 = new Button(MainActivity.this);
        Button button12 = new Button(MainActivity.this);
        Button button21 = new Button(MainActivity.this);
        Button button22 = new Button(MainActivity.this);

        ConstraintLayout.LayoutParams params01 = new ConstraintLayout.LayoutParams(100,100);
        button11.setLayoutParams(params01);
        button11.setX(0);
        button11.setY(0);
        constraintLayout.addView(button11);

        ConstraintLayout.LayoutParams params02 = new ConstraintLayout.LayoutParams(100,100);
        button12.setLayoutParams(params02);
        button12.setX(100);
        button12.setY(0);
        constraintLayout.addView(button12);

        ConstraintLayout.LayoutParams params03 = new ConstraintLayout.LayoutParams(100,100);
        button21.setLayoutParams(params03);
        button21.setX(0);
        button21.setY(100);
        constraintLayout.addView(button21);

        ConstraintLayout.LayoutParams params04 = new ConstraintLayout.LayoutParams(100,100);
        button22.setLayoutParams(params04);
        button22.setX(100);
        button22.setY(100);
        constraintLayout.addView(button22);

        ScrollView SV = new ScrollView(MainActivity.this);
        ConstraintLayout.LayoutParams SVparams = new ConstraintLayout.LayoutParams(300,300);
        SV.setLayoutParams(SVparams);

        constraintLayout.setBackground(shape1);
        SV.setBackground(shape2);

        SV.addView(constraintLayout);
        layout.addView(SV);

    }

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
</androidx.constraintlayout.widget.ConstraintLayout> 

Answer 1

Мое решение:

        ConstraintLayout.LayoutParams params03 = new ConstraintLayout.LayoutParams(100,100);
        params03.topToTop = PARENT_ID;
        params03.setMargins(0, 100, 0, 0);
        button21.setLayoutParams(params03);
        button21.setX(0);
        constraintLayout.addView(button21);

        ConstraintLayout.LayoutParams params04 = new ConstraintLayout.LayoutParams(100,100);
        params04.topToTop = PARENT_ID;
        params04.setMargins(0, 100, 0, 0);
        button22.setLayoutParams(params04);
        button22.setX(100);
        constraintLayout.addView(button22);

Похоже, есть ошибка, когда вы помещаете ConstraintLayout в ScrollView. Высота ConstraintLayout по умолчанию равна WRAP_CONTENT. Поэтому, когда вы установите его на любую другую высоту, он не изменится. Также setY не работает. Вы должны установить вертикальные ограничения для кнопок в нижнем ряду, чтобы расположить их вертикально.

Результат:

Answer 2

Если ваша цель - это просто простая 2х2 кнопочная сетка (матрица), то мне интересно, зачем вам это динамически достигать, когда вы можете просто описать весь макет в xml, даже если это просто фрагмент для более сложный вид или, скажем, элемент списка / сетки; более того, у вас уже есть xml, описывающий ваш ConstraintLayout. Таким образом, в перспективе это может выглядеть так:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="300dp"
  android:layout_height="300dp"
  android:background="#8FFF0E">

  <androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#105BFF">

    <Button
        android:id="@+id/btnFirst"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btnSecond"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/btnFirst"
        app:layout_constraintTop_toTopOf="parent"/>

    <Button
        android:id="@+id/btnThird"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/btnFirst"/>

    <Button
        android:id="@+id/btnFourth"
        android:layout_width="100dp"
        android:layout_height="100dp"
        app:layout_constraintStart_toEndOf="@id/btnThird"
        app:layout_constraintTop_toBottomOf="@id/btnSecond"/>

  </androidx.constraintlayout.widget.ConstraintLayout>

</ScrollView>

После того, как все это будет в подготовленном виде, вы можете либо управлять кнопками на id с (либо скрывать / показывать их, либо изменять их свойства).

По топи c - вы, очевидно, можете сделать это программно с помощью ConstraintSet. Отметьте это: ConstraintLayout: изменить ограничения программно