Я пытаюсь создать схему компоновки системы, которая очень похожа на таблицу, поэтому я пытаюсь создать схему компоновки со строками и столбцами (которую, возможно, мне понадобится связать линиями, поэтому, вертикальной / горизонтальные макеты для этого не подходят).
Кроме того, поскольку система имеет разные размеры, известные только при время выполнения , я должен нарисовать макет программно.
У меня проблема с созданием такого ConstraintLayout - даже если я добавил все элементы в макет, он не отображает их на экране.
Я использую Android P ie (API уровень 28, создавая его для очень специфических c устройств, использующих его), с Java 8.
Я следовал инструкциям, приведенным в следующих статьях:
- https://spin.atomicobject.com/2019/04/08/constraintlayout-chaining-views-programmatically/
- https://www.zoftino.com/adding-views-&-constraints-to-android-constraint-layout-programmatically
Прикрепление упрощенной версии моего кода (которая все еще не работает).
Код выполняет следующие действия:
- Создание некоторого макета данных a
Для каждой строки:
2.1. Создает и добавляет кнопки в соответствии с номерами в строке к макету general
2.2. Подключите кнопки, используя general ConstrainSet
2.3. Создайте цепочку из кнопок в текущей строке (так как я хочу, чтобы они были в той же высоте)
2.4. Подсоедините нижний номер 0 к предыдущему ряду (или к верхней части экрана, это «центры» каждого ряда)
И код:
public class MainActivity extends AppCompatActivity {
private final static String logTag = "Main Test";
private final static int NUM_OF_ROWS = 5;
private List<List<Integer>> mLayoutNums;
private ConstraintLayout mScreenLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mScreenLayout = findViewById(R.id.main_layout);
createMockupData();
drawBuildingLayout();
}
private void createMockupData() {
mLayoutNums = new ArrayList<>(NUM_OF_ROWS);
/*
The output should be as follows:
[2, 0, 1, 3]
[0]
[0, 1]
[1, 0, 2, 3, 4]
[0, 1, 2]
*/
mLayoutNums.add(Arrays.asList(0, 1, 2));
mLayoutNums.add(Arrays.asList(1, 0, 2, 3, 4));
mLayoutNums.add(Arrays.asList(0, 1));
mLayoutNums.add(Arrays.asList(0));
mLayoutNums.add(Arrays.asList(2, 0, 1, 3));
}
private void drawBuildingLayout() {
ConstraintSet conSet = new ConstraintSet();
conSet.clone(mScreenLayout);
int[] centerIds = new int[NUM_OF_ROWS];
for (int row = NUM_OF_ROWS - 1; row >= 0; --row) {
List<Integer> numsInRow = mLayoutNums.get(row);
addSingleRow(row, numsInRow, conSet, centerIds);
}
// connect last row to the bottom
conSet.connect(ConstraintSet.PARENT_ID,
ConstraintSet.BOTTOM,
centerIds[0],
ConstraintSet.BOTTOM);
conSet.createVerticalChain(ConstraintSet.PARENT_ID,
ConstraintSet.TOP,
ConstraintSet.PARENT_ID,
ConstraintSet.BOTTOM,
centerIds,
null,
ConstraintSet.CHAIN_SPREAD);
conSet.applyTo(mScreenLayout);
Log.i(logTag, "the screen should be shown now: " + mScreenLayout.isShown());
}
private void addSingleRow(int row,
List<Integer> numsInRow,
ConstraintSet conSet,
int[] centerIds) {
if (numsInRow.size() > 1) {
addMultipleNumsRow(row, numsInRow, conSet, centerIds);
}
else if (numsInRow.size() == 1){
addSingleNumRow(row, numsInRow.get(0), conSet, centerIds);
}
}
private void connectToPrevRow(int row, ConstraintSet conSet, int[] centerIds) {
if (row < NUM_OF_ROWS - 1) {
conSet.connect(centerIds[row + 1],
ConstraintSet.BOTTOM,
centerIds[row],
ConstraintSet.TOP);
} else if (row == NUM_OF_ROWS - 1) {
conSet.connect(ConstraintSet.PARENT_ID,
ConstraintSet.TOP,
centerIds[row],
ConstraintSet.TOP);
}
}
private void connectAndChainRow(int[] rowButtonIds,
ConstraintSet conSet) {
// First button will be attached to the left side of the parent
int leftNeighborId = ConstraintSet.PARENT_ID;
int leftNeighborSide = ConstraintSet.LEFT;
for (int col = 0; col < rowButtonIds.length; ++col) {
conSet.connect(leftNeighborId,
leftNeighborSide,
rowButtonIds[col],
ConstraintSet.LEFT);
leftNeighborId = rowButtonIds[col];
leftNeighborSide = ConstraintSet.RIGHT;
}
// Connecting to the right side of the parent
conSet.connect(leftNeighborId,
leftNeighborSide,
ConstraintSet.PARENT_ID,
ConstraintSet.RIGHT);
conSet.createHorizontalChain(ConstraintSet.PARENT_ID,
ConstraintSet.LEFT,
ConstraintSet.PARENT_ID,
ConstraintSet.RIGHT,
rowButtonIds,
null,
ConstraintSet.CHAIN_SPREAD);
}
private void addMultipleNumsRow(int row,
List<Integer> numsInRow,
ConstraintSet conSet,
int[] centerIds) {
int[] buttonsIds = new int[numsInRow.size()];
for (int pos = 0; pos < numsInRow.size(); ++pos) {
int col = numsInRow.get(pos);
Button button = createButton(row, col);
button.setLayoutParams(new ConstraintLayout.LayoutParams(ConstraintLayout.LayoutParams.WRAP_CONTENT,
ConstraintLayout.LayoutParams.WRAP_CONTENT));
int currButtonId = button.getId();
buttonsIds[pos] = currButtonId;
mScreenLayout.addView(button);
if (pos == 0) {
centerIds[row] = currButtonId;
}
}
connectAndChainRow(buttonsIds, conSet);
connectToPrevRow(row, conSet, centerIds);
Log.i(logTag, "Created constrain chain and buttons for row: "
+ row + " number of columns: "
+ numsInRow.size());
}
private void addSingleNumRow(int row,
int num,
ConstraintSet conSet,
int[] centerIds) {
Button button = createButton(row, num);
button.setLayoutParams(new ConstraintLayout.LayoutParams(ConstraintLayout.LayoutParams.WRAP_CONTENT,
ConstraintLayout.LayoutParams.WRAP_CONTENT));
mScreenLayout.addView(button);
centerIds[row] = button.getId();
conSet.connect(button.getId(), ConstraintSet.LEFT, ConstraintSet.PARENT_ID, ConstraintSet.LEFT);
conSet.connect(button.getId(), ConstraintSet.RIGHT, ConstraintSet.PARENT_ID, ConstraintSet.RIGHT);
connectToPrevRow(row, conSet, centerIds);
}
private Button createButton(int row, int col) {
Button resButton = new Button(this);
resButton.setTextAlignment(Button.TEXT_ALIGNMENT_CENTER);
resButton.setText(String.format("(%d, %d)", row, col));
resButton.setId(View.generateViewId());
return resButton;
}
}