How to use layout_aspectRatio in the PercentRelativeLayout?

Zxcv picture Zxcv · Oct 29, 2015 · Viewed 9.1k times · Source

I try to achieve a 16:9 aspect ratio on a view with the PercentRelativeLayout.

So I have put this line in my build.gradle file: compile 'com.android.support:design:23.0.1'

I use this layout:

<android.support.percent.PercentRelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="match_parent"
        app:layout_aspectRatio="178%"
        android:scaleType="centerCrop"/>

</android.support.percent.PercentRelativeLayout>

Problems:

  • Android Studio warn me with: 'layout_height' should be defined for the ImageView.
  • When I run my project I got : Error:(15) No resource identifier found for attribute 'layout_aspectRatio'.

So what's wrong ?

Answer

Victor picture Victor · Nov 12, 2015

With the correct dependency you still had the warn

'layout_height' should be defined

I used android:layout_height="0dp" or android:layout_width="0dp" to avoid it.

           <View
            android:layout_height="0dp"
            android:layout_width="0dp"
            app:layout_aspectRatio="75%"
            app:layout_widthPercent="100%"
             />

you can even use android:layout_height="wrap_content" in case of the content will be bigger that the layout_aspectRatio