Android - UI container with edging

Question

Somebody knows how I can create container with edging and label in left side of top part?

I tried background image, but fault with scaling on tablets.

score 0 · Answer 1 · answered May 07 '15 at 08:30

You can use a RelativeLayout to put the background container with the stroke and text + button. And then put a TextView with property android:layout_alignParentTop=true

<RelativeLayout 
    ...>

    <LinearLayout
      ....
      android:background="@drawable/blue_stroke">

        //Text + Button

    </LinearLayout>

    <TextView 
       ...
       android:background="@android:color/white"
       android:layout_alignParentTop="true"/>

</RelativeLayout>

score 0 · Accepted Answer · edited May 23 '17 at 11:43

Seems like you was right and there are layouts with rounded corners in the pictures. To make this use the code like this:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FFFFFF"/>
    <stroke android:width="3dip" android:color="#B1BCBE" />
    <corners android:radius="10dip"/>
    <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
</shape>

sources: How to make layout with rounded corners..? and round corners with border color

In this case you will not have scaling problems.

Android - UI container with edging

2 Answers2