set percent width constraintlayout Android programmatically

Question

For constraint layout v1.1.x in Android we can set height and width as percentage. Similarly, need to set view width and height as percent in Android programmatically: for example, this code is written in xml for some constraint layout:

<!-- the widget will take 40% of the available space -->
    app:layout_constraintWidth_default="percent"
    app:layout_constraintWidth_percent="0.4"

what will be its java code for doing it runtime?

score 24 · Accepted Answer · edited Aug 25 '19 at 12:38

24

You need to use ConstraintSet - Reference

This class allows you to define programmatically a set of constraints to be used with ConstraintLayout. It lets you create and save constraints, and apply them to an existing ConstraintLayout. ConstraintsSet can be created in various ways:

mConstraintLayout = (ConstraintLayout) findViewById(R.id.myconstraint_layout)

ConstraintSet set = new ConstraintSet();

// Add constrains - Here R.id.myconstraint_layout is the Id of your constraint layout
set.constrainPercentHeight(R.id.myconstraint_layout, 0.4);
set.constrainPercentWidth(R.id.myconstraint_layout, 0.4);

// Apply the changes - mConstraintLayout is reference to the desired view
set.applyTo(mConstraintLayout);

You can call those height width percentage methods on this set

And apply those constraints to your Constraint Layout like this

set.applyTo(mConstraintLayout);

edited Aug 25 '19 at 12:38

Hossein Farrokhi

89
2
11

answered Jul 19 '18 at 11:02

adityakamble49

1,971
18
27

@adityKamble Thanks for solution, could you please let me know why question has been downvoted? – ghufranne Jul 20 '18 at 04:44
@ghufranne Not sure. Maybe some reviewers found it less in research. You can find more info here https://meta.stackoverflow.com/questions/252677/when-is-it-justifiable-to-downvote-a-question – adityakamble49 Jul 20 '18 at 05:09
i suppose the reason why it has been downvoted because it doesn't work for now at least – alexanderktx Sep 02 '20 at 13:08
There may be something wrong. if U set many constraints in xml, you'd better `set.clone(mConstraintLayout)` before set.constrainPercentWidth. – paperhs Mar 26 '21 at 07:50

Benjamin Basmaci · Answer 2 · 2020-12-04T11:52:38.443

19

Not sure if this is better or worse, but there is another way to do this than the proposed answer:

Kotlin:

(myView.layoutParams as ConstraintLayout.LayoutParams)
    .matchConstraintPercentWidth = value
myView.requestLayout()

Java:

(myView.layoutParams (ConstraintLayout.LayoutParams))
    .matchConstraintPercentWidth = value
myView.requestLayout()

edited Dec 04 '20 at 11:52

answered Sep 23 '19 at 09:59

Benjamin Basmaci

2,247
2
25
46

1

Nice. Works for me! – Rushabh Shah May 07 '20 at 14:38
Thanks a lot. It constantly works well. And though it's not as beautiful as the answer before it works at least. – alexanderktx Sep 02 '20 at 13:17
1

Based on this, I used "View.updateLayoutParams(block: T.() -> Unit)" and it worked without the need of requestLayout(). Example: myView.updateLayoutParams { matchConstraintPercentWidth = value } – Leandro Ocampo Feb 17 '21 at 10:54

score 13 · Answer 3 · answered Jan 18 '21 at 21:30

I found the answers above helpful, but still a little confusing. Here's what ultimately worked for me. There are 2 views involved in this example, a parent Constraint View and a child of the Constraint View.

// Get the constraint layout of the parent constraint view.
ConstraintLayout mConstraintLayout = findViewById(R.id.parentView);

// Define a constraint set that will be used to modify the constraint layout parameters of the child.
ConstraintSet mConstraintSet = new ConstraintSet();

// Start with a copy the original constraints.
mConstraintSet.clone(mConstraintLayout);

// Define new constraints for the child (or multiple children as the case may be).
mConstraintSet.constrainPercentWidth(R.id.childView, 0.5F);
mConstraintSet.constrainPercentHeight(R.id.childView, 0.7F);

// Apply the constraints for the child view to the parent layout.
mConstraintSet.applyTo(mConstraintLayout);

Note that for some reason, a percentage constraint of 1.0F doesn't work, although 0.99F works just fine.

This must be accepted answer, without cloning, existing constraints will be lost — Mahdi Javaheri, Apr 02 '21 at 10:29
@MahdiJavaheri I can see how that would happen in adityakamble49's answer, since he applies a completely new contraintset to the existing view. However, I dont know whether the same goes for my answer, because I do not create or set a new LayoutParams object. I get the currently set LayoutParams, set the desired value and call for an update on the layout. Which should do the same as this answer, just without creating an unnecessary clone and replacing the old params with it. Not sure how these things work under the hood though, so Id be thankful for any futher explanation in this regard. — Benjamin Basmaci, Jul 20 '22 at 16:52

set percent width constraintlayout Android programmatically

3 Answers3