Android app masthead display

Question

I have created an app using Android Studio 2.3.3, choosing Empty Activity Template. After its creation I went and changed the background color to something like colorAccent and I also changed the colorPrimary to colorAccent in colors.xml.

Now, when I ran the app, following emulator display appeared.

As you can see, it displays my app name, followed by a dark line. I don't understand where this dark line has come from and how can I get rid of this?

However, this dark line does not appear in Android Studio design mode (see screenshot below).

Answer 1

it is shadow of action bar my friend to remove this shadow add below lines to your theme under res/values/style

<style name="MYTheme" parent="android:Theme.Holo.Light">
    <item name="colorPrimary">@color/colorWhite</item>
    <item name="colorPrimaryDark">@color/colorWhite</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowContentOverlay">@null</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

now add this in manifest file this to your activity

<activity
android:name=".YourActivity"
android:theme="@style/MYTheme"/>

or try this

    getSupportActionBar().setElevation(0);