how to put button inside a SurfaceView and on the bootom of the screen?

[Dov Ezra]

Hello all,

I want to build a ui layout that have a full screen surface view and some buttons at the bottom of it.

All I managed to do is is to put a relative layout below a surface view and the buttons inside the relative view.
this way they are at the bottom, but I lost a portion of the screen area.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">"   
    <SurfaceView
    android:id="@+id/game_surface"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="3"
    android:background="#ff3050f3"
    />


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity ="center_horizontal"
        android:layout_weight="0">
        <Button
            android:id="@+id/btn_one"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingRight="15px"
            android:paddingLeft="15px"
            android:text="@string/shape1"
        />
        <Button
            android:id="@+id/btn_two"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingRight="15px"
            android:paddingLeft="15px"
            android:layout_toRightOf="@id/btn_one"
            android:text="@string/shape2"
        />
        <Button
            android:id="@+id/btn_three"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingRight="15px"
            android:paddingLeft="15px"
            android:layout_toRightOf="@id/btn_two"
            android:text="@string/shape3"
        />
        <Button
            android:id="@+id/btn_foure"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:paddingRight="15px"
            android:paddingLeft="15px"
            android:layout_toRightOf="@id/btn_three"
            android:text="@string/shape4"
        />           
            </RelativeLayout> 
</LinearLayout>

Also, I tried to put use a RelativeView contains the SurfaceView followd by the buttons. this way the surface fill the screen, but the buttons are on top of the screen.
I didn't manage to move them down using android:gravity="bottom".

any Ideas?
Dov

[Misha van Tol]

I would try something like this, a LinearLayout with the SurfaceView (height: 0dp and weight: 1 to give it all space that's left over)
and another LinearLayout which has the buttons who each have a width: 0dp and a weight: 1 so they are equally divided.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
	<SurfaceView android:id="@+id/game_surface"
		android:layout_width="fill_parent" android:background="#ff3050f3"
		android:layout_weight="1" android:layout_height="0dp" />
	<LinearLayout android:id="@+id/LinearLayout01"
		android:layout_height="wrap_content" android:layout_width="fill_parent"
		android:paddingTop="5dp">
		<Button android:text="@+id/Button01" android:id="@+id/Button01"
			android:layout_height="wrap_content" android:layout_width="0dp"
			android:layout_weight="1"></Button>
		<Button android:text="@+id/Button02" android:id="@+id/Button02"
			android:layout_height="wrap_content" android:layout_width="0dp"
			android:layout_weight="1"></Button>
		<Button android:text="@+id/Button03" android:id="@+id/Button03"
			android:layout_height="wrap_content" android:layout_width="0dp"
			android:layout_weight="1"></Button>
		<Button android:text="@+id/Button04" android:id="@+id/Button04"
			android:layout_height="wrap_content" android:layout_width="0dp"
			android:layout_weight="1"></Button>
	</LinearLayout>
</LinearLayout>

[Dov Ezra]

This did the trick, thanks!