Question

I have a big button with a text in a one layer, and I would like to create a semi-transparent white layout under or over that text (cuz button will have a background picture, so I want to separate the text visually somehow).

How would I go about it? Should I create another layer that overlaps text, can I add a background just to the text of the button, or there is something else I can do?

Current structure goes like this:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<LinearLayout style="@style/layout_furniture" >

    <Button
        style="@style/button_furniture"
        android:text="@string/desks" />

</LinearLayout>

</LinearLayout>

Styled like this:

Thank you guys.

P.S. Background is this coded blue gradient for now, but it will be a picture background later on.

Answer 1

I solved this by changing linear layout container to relative, and adding a new linear one under the button with layout_alignBottom=”@id/button”. I also applied match_parent width, arbitrary width, horizontal orientation and #22ffffff colored background to the layout.