How to make ConstraintLayout work with percentage values?

by

It may be useful to have a quick reference here.

Placement of views

Use a guideline with app:layout_constraintGuide_percent like this:

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.5"/>

And then you can use this guideline as anchor points for other views.

or

Use bias with app:layout_constraintHorizontal_bias and/or app:layout_constraintVertical_bias to modify view location when the available space allows

<Button
    ...
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintHorizontal_bias="0.25"
    ...
    />

Size of views

Another percent based value is height and/or width of elements, with app:layout_constraintHeight_percent and/or app:layout_constraintWidth_percent:

<Button
    ...
    android:layout_width="0dp"
    app:layout_constraintWidth_percent="0.5"
    ...
    />

A useful addition to this is to set the other dimension relative to the first, for example – set the height according to the width, proportionally:

  app:layout_constraintDimensionRatio="1:1"

More Related Contents:

  1. Android : How to programmatically set layout_constraintRight_toRightOf “parent”
  2. Android Studio keeps refusing to resolve com.android.support:appcompat-v7:29.0.1
  3. Android Fragments. Retaining an AsyncTask during screen rotation or configuration change
  4. Android Support Repo 46.0.0 with Android Studio 2.3
  5. PreferenceFragmentCompat requires preferenceTheme to be set
  6. How do I add a library (android-support-v7-appcompat) in IntelliJ IDEA
  7. How to add footer to NavigationView – Android support design library?
  8. Set span for items in GridLayoutManager using SpanSizeLookup
  9. How do I get the position selected in a RecyclerView?
  10. How to use and style new AlertDialog from appCompat 22.1 and above
  11. Android vector drawable app:srcCompat not showing images
  12. How I can remove the unnecessary top padding of the Navigation view?
  13. Fragment or Support Fragment?
  14. android – apply selectableItemBackground in xml with support v7
  15. Android material chip component crashing app. Unable to inflate xml
  16. Support library VectorDrawable Resources$NotFoundException
  17. Rendering problems in Android Studio v 1.1 / 1.2
  18. Proguard warnings “can’t write resource [META-INF/MANIFEST.MF] (Duplicate zip entry)”
  19. Remove line break in TabLayout
  20. How do I make DrawerLayout to display below the Toolbar?
  21. Up navigation broken on JellyBean?
  22. Android error – Caused by: java.lang.NoClassDefFoundError: android.support.v4.util.SparseArrayCompat
  23. Error “package android.support.v7.app does not exist”
  24. Duplicate zip entry [classes.jar:android/support/design/widget/CoordinatorLayout$Behavior.class]
  25. Android – how to make a scrollable constraintlayout?
  26. Rounded corners on material button
  27. Adding a colored background with text/icon under swiped row when using Android’s RecyclerView
  28. Android support v23.1.0 update breaks NavigationView get/find header
  29. How to create a card toolbar using appcompat v7
  30. How do the Android Support Libraries work?

Leave a Comment