daicon
daicon

Reputation: 191

Shadow Layout with 9-patch and background color transparent?

I would like to add a custom layout an edge with shadow, exactly one like this: http://inloop.github.io/shadow4android/

The problem is that I use this to add a semi / transparent background color: (corners_main_layout.xml)

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="6dp" />
<solid android:color="@color/bright_foreground_disabled_material_dark" />
</shape>

So I can not use for background 9-patch.

Is there any way to 9-patch with shadows and transparent background color?

If not .... How could make the effect?

PS: I have seen many custom XML to add shadows, but all are very poor.

Here example:

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_recover_pass"
android:layout_width="match_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"
tools:context="...RecoverPassActivity"
android:background="@mipmap/fondo_01"
android:orientation="vertical">

<LinearLayout
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/corners_main_layout">

</LinearLayout>

enter image description here

I Need shadow border rectangle White (it is transparent) similar to example 9-patch

------------EDIT--------------- I modified mi corners_main_layout.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <corners android:radius="6dp" />
        <solid android:color="@color/bright_foreground_disabled_material_dark" />

    </shape>
</item>

<item android:drawable="@drawable/shadow_custom" />

and result :-( : enter image description here

Upvotes: 0

Views: 7102

Answers (1)

daicon
daicon

Reputation: 191

yeah! i have solution!

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <corners android:radius="6dp" />
        <solid android:color="@color/bright_foreground_disabled_material_dark" />
    </shape>
</item>
<item android:drawable="@drawable/shadow_custom_9patch"/>
</layer-list>

thanks for help!

Upvotes: 1

Related Questions