I'd use a RelativeLayout as you do, for the container, then some LinearLayouts and RadioGroups (which inherit from LinearLayout)
Now this is the result I got (note that I left the central part empty)
- no matter if I used a picture that looks like a combo for the textview (it's just a 9 patch I had handy) and the images don't match with yours...
By using this layout
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#ccc"
android:orientation="vertical"
>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1.5"
android:layout_margin="4dp"
>
<ImageButton
android:id="@+id/imgBack"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
<ImageButton
android:id="@+id/imgFore"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_toRightOf="@id/imgBack"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
<ImageButton
android:id="@+id/imgExit"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_toRightOf="@id/imgFore"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
<ImageButton
android:id="@+id/imgHome"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_toRightOf="@id/imgExit"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
<ImageButton
android:id="@+id/imgFind"
android:layout_width="32dp"
android:layout_height="24dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
<TextView
android:id="@+id/txtAddress"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/imgHome"
android:layout_toLeftOf="@id/imgFind"
android:layout_centerVertical="true"
android:background="@drawable/combo_opt_m"
android:layout_margin="4dp"
/>
</RelativeLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="7.5"
android:background="#fff"
>
</LinearLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1"
>
<ImageButton
android:id="@+id/imgFoot"
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:src="@drawable/ic_launcher"
android:layout_margin="4dp"
/>
</RelativeLayout>
</LinearLayout>
please note that, in my onCreate method, I used:
@Override
protected void onCreate(
final Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
// Make this activity, full screen
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
// Hide the Title bar of this activity screen
getWindow().requestFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.form);
}
In order to make the app fullscreen