Develop Reference

stack relative layouts android

which layouts would i use / how would i go about stacking layouts ontop of each other without overlap?
I am trying to contain 2 relative layouts inside a linear layout. The relative layouts needs to be stacked vertically on each other. I have tried the following code but am not having any luck. any suggestions?
<LinearLayout
android:id="#+id/headerquickmatch"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RelativeLayout
android:id="#+id/matchnameheader"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<TextView
.../>
<EditText
... />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="#id/matchnameheader" >
<TextView
... />
<EditText
... />
<Button
... />
</RelativeLayout>
</LinearLayout>

Put android:orientation="vertical" on your parent linear layout. So all the child layouts(relative layouts) will be stacked vertically automatically. Use different id for each layout component.

<LinearLayout
android:id="#+id/headerquickmatch"
android:layout_width="fill_parent"
*android:orientation="vertical"*
android:layout_height="fill_parent">
<RelativeLayout
android:id="#+id/matchnameheader"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<TextView
.../>
<EditText
... />
</RelativeLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="#id/matchnameheader" >
<TextView
... />
<EditText
... />
<Button
... />
</RelativeLayout>
</LinearLayout>
please add orientation=vertical in top parent linear layout.so all child layout will show in stacking layout.
i hope this is useful to you.

linear layout doesn't fit to screen size

Why the linear layout inside a scroll view doesn't fit to the screen size?
I was trying to make some changes with the "Layout_Height" but doesn't succeeded.
This is my XML code:
Thanks for help!
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/scrollViewPhysicalExam"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#drawable/background"
android:orientation="vertical" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
style="#style/HeaderText"
android:orientation="vertical" >
<!-- ++++++++++++++++++ Row18 ++++++++++++++++++ -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<Button
android:id="#+id/btnBack"
android:text="#string/Back"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.00"
android:textSize="15dip" />
<Button
android:id="#+id/btnSave"
android:text="Save"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.00"
android:textSize="15dip" />
</LinearLayout>
<!-- +++++++++++++++++++++++++++++++++++++++++++ -->
</LinearLayout>
</LinearLayout>
</ScrollView>

I can't comment, so I'll try to answer:
Did you try to set android:fillViewport="true" in your ScrollView?

1) Why would you nest a LinearLayoutinside a LinearLayout inside another LinearLayout?? I can only assume this is just an excerpt of your xml-file, otherwise this doesn't make any sense.
2) What exactly is the problem you encounter? The LinearLayout is too long so that it leaves the visible screen at the bottom?
If so, this is due to the ScrollView as the parent element. A ScrollView will fill the screen by setting android:layout_height="match_parent". A ScrollView itself gives an unbounded space of height to its children, so setting android:layout_height="match_parent" inside the child view (LinearLayout) will make it take infinite space as well. You should set it to android:layout_height="wrap_content" and see if that works out for you!

Creating an Android Layout with 2 resizing views

In my layout, I need a header, a list-view, and a footer with a TextView. The TextView needs to be resizable to up to 5 lines. Think facebook chat, where you have the blue header with the name of your friend, the middle content pane, and a text box down below, that grows as you type stuff in:
[header] a fragment that takes up about 50dp
[content]
[content]
[content]
[content] something like a ViewGroup with a ListView in it
[content]
[content]
[content]
[footer] a ViewGroup that contains an EditText and Buttons
I've tried all sorts of different layout settings, but can't get it right. Either the footer takes up all the space, or the content covers the footer.
Here's what I have so far:
<LinearLayout ...>
<!-- Slot to put Header fragment in -->
<FrameLayout
android:id="#+id/header"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<!-- Here's where the content goes. This is supposed to be a ListView
inserted as a fragment -->
<FrameLayout
android:id="#+id/content"
... />
<include
android:id="#+id/footer"
... />
</LinearLayout>
I left out the layout_width and layout_height values empty, because I don't know what to set them to.
UPDATES
Initially, I thought the problem was because my EditText was set to maxLines=5 and TextMultiline, but I tried removing everything but one button with a hardcoded height, and the insert still covered everything. I also tried setting <footer below="content"> but then content just covered footer

The problem was that the footer layout included is another RelativeLayout. The footer layout contains elements that set layout_alignParentBottom="true", which made the footer layout take up the entire screen. I have no idea why it would do that, but that's what happens.

For creating a UI like this create a layout
header.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:text="xyz"
android:textSize="10dp" />
</LinearLayout>
for footer:
footer.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:paddingLeft="5dp"
android:text="xyz"
android:textSize="10dp" />
</LinearLayout>
Create another layout that will contain listView as you said :
main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_gravity="center"
android:gravity="center"
android:orientation="vertical" >
**<include layout="#layout/header.xml" android:layout_alignParentTop="true"/>**
<ListView
android:id="#+id/listview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:clickable="true"
>
</ListView>
**<include layout="#layout/footer.xml" android:layout_below="#+id/listview" android:layout_alignParentBottom="true"/>**
</RelativeLayout>

check this...I hope it helps. At the moment I have defined an array.xml in Values folder with some empty entries for ListView. You will have to handle it with code.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="HEADER" />
<ListView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:entries="#array/chats"
android:layout_weight="1">
</ListView>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:lines="5"
android:inputType="textMultiLine"
android:hint=" Please enter your Chat" />
</LinearLayout>

RelativeLayout: can't use layout_below with link to a LinearLayout child?

I have a RelativeLayout which has a LinearLayout as a child containing TextViews.
I would like to place ImageViews at the right side of the TextViews with layout_alignRight="#id/userdetail_tv_special" but somehow this is not working.
Can't I "link" a child of a RelativeLayout to a child of a LinearLayout? Any ideas how i could achieve this without creating another RelativeLayout for each Button?
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:id="#+id/userdetail_lin_btncontainer"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_below="#id/userdetail_lin_divider"
android:padding="6dp" >
<TextView
android:id="#+id/userdetail_tv_special"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="Special"
android:background="#cccccc" />
<!-- here are more TextViews like this one -->
</LinearLayout>
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignRight="#id/userdetail_tv_special"
android:src="#drawable/ic_detail_special" />
<!-- much more views and stuff -->
</RelativeLayout>

It would seem logical to me that you cannot point to a "layour" deeper: you can layout the children of a RelativeLayout against each-other, but you LinearLayout is a complete view that you can use as a reference.
If you want to be able to position views relative to the textview, place them as direct children of the relativelayout. I do not see why you would need a LinearLayout here by the way.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="#+id/imgview"
android:src="#drawable/ic_detail_special" />
<LinearLayout
android:id="#+id/userdetail_lin_btncontainer"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_below="#id/userdetail_lin_divider"
android:layout_alignLeft="#id/imgview"
android:padding="6dp" >
<TextView
android:id="#+id/userdetail_tv_special"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:text="Special"
android:background="#cccccc" />
<!-- here are more TextViews like this one -->
</LinearLayout>
<!-- much more views and stuff -->

Help with stacked layout

I am trying to make a stacked layout with a fixed header, expandable body and fixed footer. I am very close however the body section with the webview displays behind the footer rather than between the header and footer. TIA
Jim
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/header"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:id="#+id/header"
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="#drawable/icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Karen" />
</LinearLayout>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:layout_below="#id/header"
>
<WebView
android:id="#+id/webview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#000000"
/>
<LinearLayout
android:id="#+id/footer"
android:layout_width='fill_parent'
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
android:background="#000000"
>
<EditText
android:id="#+id/inputText"
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:text="Is on the bottom"
android:layout_weight="1"
android:textSize="15sp"
/>
<Button
android:layout_width="wrap_content"
android:layout_height="fill_parent"
android:textSize="15sp"
android:text="send" />
</LinearLayout>
</RelativeLayout>
</LinearLayout>

I am trying to make a stacked layout with a fixed header, expandable body and fixed footer
Step #1: Make the root layout a RelativeLayout.
Step #2: Add the header as a child of the RelativeLayout, anchored to the top (android:layout_alignParentTop="true")
Step #3: Add the footer as a child of the RelativeLayout, anchored to the bottom (android:layout_alignParentBottom="true")
Step #4: Add the body as a child of the RelativeLayout, anchored to the header (android:layout_below="...") and footer (android:layout_above="...")

SOLVED.
I needed to reorder the items in the .xml file by putting the center item (webview) at the bottom and add android:layout_above="#id/footer".
I learned that when android processes id's they must be defined prior to using then in directives such as android:layout_above="#id/footer".
This is much like javascript processing on page load, the functions have to be defined prior to execution.
BTW thanks to everyone at StackOverFlow, you make this an invaluable resource to developers.