Differences between ConstraintLayout and RelativeLayout

by

The intention of ConstraintLayout is to optimize and flatten the view hierarchy of your layouts by applying some rules to each view to avoid nesting.

The Rules are similar to RelativeLayout, for example setting the bottom edge to the bottom of some other view.

app:layout_constraintBottom_toBottomOf="@+id/view1"

Unlike RelativeLayout, ConstraintLayout offers a bias value that is used to position a view in terms of 0% and 100% horizontal and vertical offset relative to the handles (marked with a red circle). These percentages (and fractions) offer seamless positioning of the view across different screen densities and sizes.

app:layout_constraintHorizontal_bias="0.33" <!-- from 0.0 to 1.0 -->
app:layout_constraintVertical_bias="0.53" <!-- from 0.0 to 1.0 -->

The Baseline handle (a long pipe with rounded corners, below the circle handle) is used to align the content of the view with another view reference.

Square handles (on each corner of the view) are used to resize the view in dps.

enter image description here

This is totally opinion based and my impression of ConstraintLayout

More Related Contents:

  1. ConstraintLayout views in top left corner
  2. Percentage width in a RelativeLayout
  3. How to lay out Views in RelativeLayout programmatically?
  4. ConstraintLayout: change constraints programmatically
  5. How to set RelativeLayout layout params in code not in xml?
  6. What are the differences between LinearLayout, RelativeLayout, and AbsoluteLayout?
  7. Wrap_content view inside a ConstraintLayout stretches outside the screen
  8. Circular dependencies cannot exist in RelativeLayout, android?
  9. Evenly spacing views using ConstraintLayout
  10. Is it possible to put a ConstraintLayout inside a ScrollView?
  11. Can I Set “android:layout_below” at Runtime Programmatically?
  12. Extending RelativeLayout, and overriding dispatchDraw() to create a zoomable ViewGroup
  13. How do I programmatically remove an existing rule that was defined in XML?
  14. How to add a view programmatically to RelativeLayout?
  15. Scrollview inside constraint layout does not scroll to the bottom of the parent constraint
  16. constraint layout – Two views with largest width
  17. Android Layout editor ConstraintLayout
  18. Android – how to make a scrollable constraintlayout?
  19. How to get RelativeLayout working with merge and include?
  20. How to add different weight to ConstraintLayout views
  21. How to switch from the default ConstraintLayout to RelativeLayout in Android Studio
  22. Android XML Layout Parameters Do Not Function As Expected
  23. How to display count of notifications in app launcher icon [duplicate]
  24. Placing/Overlapping(z-index) a view above another view in android
  25. Show AlertDialog in any position of the screen
  26. Error while Running Android Application – Could not initialize OpenglES emulation, use ‘-gpu off’ to disable it
  27. Android DisplayMetrics returns incorrect screen size in pixels on ICS
  28. Android – multi-line linear layout
  29. Creating an android smart app banner
  30. Newer versions of Android Studio add only two drawable directories – drawable and drawable-v21

Leave a Comment