Java中作为根父级的约束布局宽度和高度

Question

Here is my code and maybe because of some reason I cannot position my TextView and Button in the middle. What is wrong with my code?

ConstraintSet constraintSet = new ConstraintSet();
        int parentId = ConstraintSet.PARENT_ID;

    //parent
    ConstraintLayout orderProcessedLayout = new ConstraintLayout(getApplicationContext());
    int constraintId = orderProcessedLayout.getId();

    //Text View
    TextView thanksTextView = new TextView(this);
    int textViewId = thanksTextView.getId();
    orderProcessedLayout.addView(thanksTextView, 0);

    //ButtonView
    Button reOrderButton = new Button(this);
    int buttonViewId = reOrderButton.getId();
    orderProcessedLayout.addView(reOrderButton, 1);

    /*Setting Views Attributes*/
    //Layout View
    //setting constraints
    constraintSet.clone(orderProcessedLayout);  //cloning ConstraintSet
    ConstraintLayout.LayoutParams constraintParams = new ConstraintLayout.LayoutParams(ConstraintLayout.LayoutParams.WRAP_CONTENT, ConstraintLayout.LayoutParams.WRAP_CONTENT);
    constraintParams.setMargins(16,16,16,16);
    orderProcessedLayout.setLayoutParams(constraintParams);
    //todo set the width and height to be match constraint

    //Text View
    CharSequence thanksText = "THANK YOU";
    thanksTextView.setText(thanksText);
    thanksTextView.setTextColor(Color.BLUE);
    thanksTextView.setHighlightColor(Color.BLACK);

    //setting constraints
    constraintSet.connect(textViewId, ConstraintSet.START, constraintId, ConstraintSet.START);
    constraintSet.connect(textViewId, ConstraintSet.END, constraintId, ConstraintSet.END);
    constraintSet.connect(textViewId, ConstraintSet.TOP, constraintId, ConstraintSet.TOP);
    constraintSet.connect(textViewId, ConstraintSet.BOTTOM, constraintId, ConstraintSet.BOTTOM);

    //Button View
    CharSequence reOrderText = "ORDER AGAIN";
    reOrderButton.setText(reOrderText);

    //Button Action
    reOrderButton.setClickable(true);
    reOrderButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            orderCancelled(null);
        }
    });

    //setting constraints
    constraintSet.connect(buttonViewId, ConstraintSet.START, constraintId, ConstraintSet.START);
    constraintSet.connect(buttonViewId, ConstraintSet.END, constraintId, ConstraintSet.END);
    constraintSet.connect(buttonViewId, ConstraintSet.BOTTOM, constraintId, ConstraintSet.BOTTOM);
    constraintSet.connect(buttonViewId, ConstraintSet.TOP, textViewId, ConstraintSet.BOTTOM);

    //applying everything
    constraintSet.applyTo(orderProcessedLayout);

And when I set width and height to MATCH_CONSTRAINT or MATCH_CONSTRAINT_SPREAD, my views just disappear from Screen.

What have I done wrong here?

Do you have a solution to correct the desgin so it looks like

Answer 1

All the views that you create have their IDs set to -1. So first of all, you need to set new distinct IDs for them. To achieve that you can use a static method from the View class: View.generateViewId() like so:

TextView thanksTextView = new TextView(this);
thanksTextView.setId(View.generateViewId());
int textViewId = thanksTextView.getId();

Secondly, instead of using ConstraintLayout.LayoutParams to set the margin at runtime it is recommended to use ConstraintSet as mentioned in the documentation .

With these changes in mind the code should look like this:

ConstraintSet constraintSet = new ConstraintSet();

//parent
ConstraintLayout orderProcessedLayout = new ConstraintLayout(getApplicationContext());
orderProcessedLayout.setId(ConstraintSet.PARENT_ID);
int constraintId = orderProcessedLayout.getId();

//Text View
TextView thanksTextView = new TextView(this);
thanksTextView.setId(View.generateViewId());
int textViewId = thanksTextView.getId();
orderProcessedLayout.addView(thanksTextView, 0);

//ButtonView
Button reOrderButton = new Button(this);
reOrderButton.setId(View.generateViewId());
int buttonViewId = reOrderButton.getId();
orderProcessedLayout.addView(reOrderButton, 1);

/*Setting Views Attributes*/
//Layout View
//setting constraints
constraintSet.clone(orderProcessedLayout);  //cloning ConstraintSet
constraintSet.setMargin(constraintId, ConstraintSet.START, 16);
constraintSet.setMargin(constraintId, ConstraintSet.END, 16);
constraintSet.setMargin(constraintId, ConstraintSet.TOP, 16);
constraintSet.setMargin(constraintId, ConstraintSet.BOTTOM, 16);

//Text View
CharSequence thanksText = "THANK YOU";
thanksTextView.setText(thanksText);
thanksTextView.setTextColor(Color.BLUE);
thanksTextView.setHighlightColor(Color.BLACK);

//setting constraints
constraintSet.connect(textViewId, ConstraintSet.START, constraintId, ConstraintSet.START);
constraintSet.connect(textViewId, ConstraintSet.END, constraintId, ConstraintSet.END);
constraintSet.connect(textViewId, ConstraintSet.TOP, constraintId, ConstraintSet.TOP);
constraintSet.connect(textViewId, ConstraintSet.BOTTOM, constraintId, ConstraintSet.BOTTOM);

//Button View
CharSequence reOrderText = "ORDER AGAIN";
reOrderButton.setText(reOrderText);

//Button Action
reOrderButton.setClickable(true);
reOrderButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        orderCancelled(null);
    }
});

//setting constraints
constraintSet.connect(buttonViewId, ConstraintSet.START, textViewId, ConstraintSet.START);
constraintSet.connect(buttonViewId, ConstraintSet.TOP, textViewId, ConstraintSet.BOTTOM);

//applying everything
constraintSet.applyTo(orderProcessedLayout);