Menu
How can I get two buttons side by side in ConstraintLayout with fixed and equal length?
Something like this:
466
To know about constraint layout you can refer Constraint layout . Step 1: Use constraint layout in your application. Step 2: Click on the icon shown below or you can also search horizontal or vertical guidelines in palette. Step 3: Select guidelines which you want to use (horizontal or vertical).
As you can see in LinearLayout we have set, android:weightSum=”2″ and then in each of the button we set android:layout_weight=”1″ to make those of equal size, and also another important is android:layout_width=”0dip” The media could not be loaded, either because the server or network failed or because the format is not supported.
A required, greater-than-or-equal constraint defines the minimum distance between that control and the layout guide, while an optional constraint tries to pull the control to exactly 20.0 points from the layout guide. Both constraints are satisfiable for the taller constraint, so the system places it exactly 20.0 points from the layout guide.
In Constraint Layout 1.1 it’s been made simpler by allowing you to easily constrain any view to a percentage width or height. Isn’t this fantastic? All views support layout_constraintWidth_percent and layout_constraintHeight_percent attributes. These will cause the constraint to be fixed at a percentage of the available space.
Try this code..
<?xml version="1.0" encoding="utf-8"?>
<androidx.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/button1"
android:text="Button 1"
app:layout_constraintLeft_toLeftOf="parent"
android:textAllCaps="false"
app:layout_constraintRight_toLeftOf="@+id/guideline"
/>
<androidx.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:id="@+id/button2"
android:text="Button 2"
android:textAllCaps="false"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintLeft_toRightOf="@+id/guideline"
/>
</androidx.support.constraint.ConstraintLayout>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
