Adding multiple LayerList to API 19 Device causing inflating error

Question

I'm trying to create a Button with two backgrounds, my custom background

android:background="@drawable/background_profile_edit_button" + ?attr/selectableItemBackground```

Full button:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toBottomOf="@+id/fragprofile_constraint"
    app:layout_constraintRight_toRightOf="parent"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="16dp"
    android:background="@drawable/background_profile_edit_button"
    android:paddingStart="32dp"
    android:paddingTop="6dp"
    android:paddingEnd="32dp"
    android:paddingBottom="6dp"
    android:text="Edit Profile"
    android:textColor="@color/colorBlackFont"
    android:textSize="12sp"
    android:textStyle="bold"/>

This can be easily fixed with android:foreground="?attr/selectableItemBackground" however that requires api 23 and my min is 19.

I have also tried another approach using layer-list in my drawable:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="rectangle">
            <solid android:color="@color/colorWhite" />

            <stroke
                android:width="1dp"
                android:color="@color/dividerColor" />
            <corners android:radius="3dp"/>
        </shape>
    </item>

    <item
        android:drawable="?attr/selectableItemBackground">
    </item>


</layer-list>

This layerlist works perfectly on my higher API devices. However it's causing a crash on my API 19 device...

android.view.InflateException: Binary XML file line #201: Error inflating class TextView

This person also has had the same problem and it's also unanswered:

LayerList error API 19: tag requires a 'drawable' attribute or child tag defining a drawable

TLDR:_______________________________________________________

Doing this on a API 19 Device

Answer 1

Right now I'm just using a RelativeLayout as a wrapper for the button. If someone has a solution without a NestedLayout Hacky Solution that would be great.

<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/fragprofile_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/background_profile_edit_button">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="?attr/selectableItemBackground"/>
    </RelativeLayout>

</RelativeLayout>

Edit: An issue with this problem is that the android:background="@drawable/background_profile_edit_button" on the Relative layout causes corner radius to not work... on devices less than API 21...

https://stackoverflow.com/a/30692236/11110509

Answer 2

The Context.getDrawable(Theme) and Resources.getDrawable(int,Theme) were both introduced in Android SDK level 21. Before themed attributes were not supported in drawable resources. There was just no Theme available to load the attributes from.

The blog post Styling Colors & Drawables w/ Theme Attributes by Alex Lockwood explains it even better.

Answer 3

Have you tried referencing the drawable directly in your layer-list instead of referencing the stylable attribute (following @tynn's answer)? did it work? or is there a reason why this wouldnt work for you?

If the layers list works on all API's except 19 there is one workaround/compromise I could suggest. leave you current layer-list as it is in the drawable folder as well as in drawable-v21 (you might need to create this folder) and then create an alternative button design that works on API19 and save it in drawable-v19 maybe your app wont look as nice in API19 but at least it will still run without errors on all devices.

this works by telling android that it should use a different drawable resource whenever it encounters API19 you can read more about it here. android will automatically take its resource from the dawable-vXX folder that is closest to its API and revert to the drawable folder if it cant find the resource in that drawable-vXX folder.

There is also this article that I found of someone also obsessed with this. apparently you could try replacing your textview with a button and achieve the ripple effect using an AppTheme

<!-- styles.xml -->
<style name="AppTheme.YellowButton">
    <item name="colorButtonNormal">@color/yellow</item>
</style>

<!-- layout.xml -->
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.YellowButton"
android:text="Yellow Tint Button" />

let me know if it works