PercentRelativeLayout ok no emulador, não ok no telefone

Acabei de implementarPercentRelativeLayout. Eu já adicionei:compile 'com.android.support:percent:24.2.0' para o gradle para que o Android Studio reconheça pelo menos a visualização. E adicionou a API do Google.

Estou tendo problemas de renderização. No emulador, minha tela funciona bem. Instalados em um telefone antigo com Android 4ish, os TextViews são exibidos, mas não as visualizações de imagem.

Na renderização de visualização (na guia design), as ImageViews são exibidas quando alterno para a API 23, mas não para a API 24.

Eu sinto que isso estava apenas funcionando. Alguma correção conhecida para isso? Infelizmente, a visualização é essencial para dimensionar meu layout.

EDIT: A visualização de repente funciona novamente com vários reiniciados do android studio. Não mudou mais nada.

O layout funciona na visualização desde a API 16, mas ainda não funciona no telefone. ImageViews não aparecem.

XML Abaixo

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.example.y"
tools:showIn="@layout/app_bar_main"
android:background="#FFF"
android:weightSum="1"
android:orientation="vertical">

 <ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/scrollView"
    android:scrollIndicators="top">

    <android.support.percent.PercentRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="This text appears correctly"
            android:textSize="28sp"
            android:id="@+id/textMainTitle"
            android:layout_gravity="center"
            android:layout_alignParentTop="true"
            android:textColor="#ffffff"
            android:singleLine="true"/>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:text="As does this text"
            android:id="@+id/textMainSubTitle"
            android:layout_gravity="center_horizontal"
            android:layout_below="@id/textMainTitle"
            />


        <ImageView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:id="@+id/btnIntro"
            android:src="@drawable/button1" //DOES NOT APPEAR IN PHONE
            app:layout_widthPercent="30%"
            app:layout_heightPercent="25%"
            android:layout_below="@id/textMainSubTitle"
            android:layout_marginStart="10dp"
            android:layout_marginLeft="10dp" />

   </android.support.percent.PercentRelativeLayout>

 </ScrollView>


</LinearLayout>

questionAnswers(2)

yourAnswerToTheQuestion