Home » Android » popupBackground glitches with Material Design

popupBackground glitches with Material Design

Posted by: admin February 23, 2018 Leave a comment

Questions:

I have been working on updating my apps to Material Design.

I have an app that uses tabs. For some reason whenever I use android:popupBackground to set the drop down menu color it freaks out.

https://i.imgur.com/Qm2NDYH.png

I set up a default project with tabs and used the following theme and the same thing happened. Has anyone one else had this problem? My app is open source and so all the code is available here GitHub

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="actionDropDownStyle">@style/Dropdown</item>
    </style>
    <style name="Dropdown" parent="Widget.AppCompat.Light.Spinner.DropDown.ActionBar">
        <item name="android:popupBackground">#000</item>
        <item name="android:paddingLeft">32dp</item>
        <item name="android:paddingRight">32dp</item>
    </style>
</resources>
Answers:

I had faced a similar issue with spinner. As @alanv mentioned use shape as background instead of colour will solve the problem.

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="2dp" />
<solid android:color="#000000" />
</shape>

UPDATE It is resolved in latest AppCompat.