Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Border with title around a LinearLayout

I want to make a border with a title around a LinearLayout like on this picture.

layout http://img829.imageshack.us/img829/3461/borderwithtitel.png

I already have the border.
How can I add the title?

I created the border by making an .xml file in the drawable folder. There I made a shape and then I set the background of the linear layout as this shape.

I am using API Level 8.

like image 362
Julian M. Avatar asked Nov 12 '22 17:11

Julian M.


1 Answers

According to @Radu's answer,you can see an example:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" 
android:color="#000000">
<View
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/rectangle"
    android:layout_margin="20dp"
    />
<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:background="#000000"
        android:layout_marginTop="10dp"
        android:text="TITLE!"
        android:textColor="#ffffff"/>
</RelativeLayout>

</FrameLayout>

And @drawable/rectangle is in a drawable rectangle.xml file like this:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle">
<solid android:color="@android:color/transparent"/>
<stroke  android:width="2dip" android:color="#ffffff"/>  
</shape>
like image 95
hasanghaforian Avatar answered Nov 15 '22 06:11

hasanghaforian