draw custom drawable in android

Question

How can I draw the custom drawable as attached in the image?

I don't the complete code, just steps how should I proceed would be sufficient and any links to advanced custom drawable tutorials. Thanks.

Answer 1

You can achieve this by using 9-patch images as background.

Here is a nice tool you can use online Simple Nine-patch Generator

Here is how you would achieve it

• Use a White background for your main layout view (Table View for example)
• create two 9-patch images for the grey boxes. One for the left side and other for the right side
• For the boxes that must be rendered grey use the appropriate 9-path background (left or right).

Answer 2

I implemented it using layer-list. Anyone needs to see the code.. Message me.

<!-- Colored rectangle -->
<item>
    <shape android:shape="rectangle" >
        <stroke android:color="@color/color_black" />

        <solid android:color="@color/col_gray_light" />
    </shape>
</item>
<item
    android:bottom="50dp"
    android:left="-25dp"
    android:right="-105dp"
    android:top="-120dp">
    <rotate android:fromDegrees="45" >
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_white" />
        </shape>
    </rotate>
</item>
<item
    android:bottom="63dp"
    android:right="-15dp"
    android:top="-40dp">
    <rotate android:fromDegrees="45" >
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_white" />
        </shape>
    </rotate>
</item>
<item
    android:bottom="-40dp"
    android:right="-20dp"
    android:top="60dp">
    <rotate android:fromDegrees="-45" >
        <shape android:shape="rectangle" >
            <solid android:color="@color/color_white" />
        </shape>
    </rotate>
</item>