핸드폰을 회전할경우 버튼들의 배치를 조정하고싶습니다..

Question

 

 

위쪽화면이 제가 현재 만든 레이아웃입니다.

핸드폰을 기울일경우 아래의 화면처럼 만들고 싶은데.. 

어디부분을 공부해야하고 어떻게 해야하나요.?

아래는 제가 만든 레이아웃소스입니다.

 

Comments

현재레이아웃 소스입니다.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#000000" >

    <TableLayout
        android:id="@+id/Table"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerInParent="true" >

        <TableRow>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="30dip"
                android:visibility="invisible" />

            <Button
                android:id="@+id/Go"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dip"
                android:background="#FFFF36"
                android:padding="30dip"
                android:text="go" />
        </TableRow>

        <TableRow>

            <Button
                android:id="@+id/Left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dip"
                android:background="#FFFF36"
                android:padding="30dip"
                android:text="left" />

            <Button
                android:id="@+id/Shot"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dip"
                android:background="#FFFF36"
                android:padding="30dip"
                android:text="shot" />

            <Button
                android:id="@+id/Right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dip"
                android:background="#FFFF36"
                android:padding="30dip"
                android:text="right" />
        </TableRow>

        <TableRow>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="30dip"
                android:visibility="invisible" />

            <Button
                android:id="@+id/Back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="5dip"
                android:background="#FFFF36"
                android:padding="30dip"
                android:text="back" />
        </TableRow>
    </TableLayout>

    <LinearLayout
        android:id="@+id/Seek"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/Table"
        android:orientation="vertical" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Shot Power"
            android:textColor="#FF0000"
            android:textSize="10pt" />

        <SeekBar
            android:id="@+id/PowerBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="100"
            android:padding="10dip"
            android:progress="80" />
    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/Seek" >

        <EditText
            android:id="@+id/UserID"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="5dip"
            android:background="#FFFFFF"
            android:hint="유저 ID"
            android:padding="15dip" />

        <EditText
            android:id="@+id/yourID"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/UserID"
            android:layout_margin="5dip"
            android:background="#FFFFFF"
            android:hint="배틀 ID"
            android:padding="15dip" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/UserID"
            android:padding="30dip"
            android:text="접속" />
    </RelativeLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/ConnectButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

</RelativeLayout>

Answer 1

이 문서를 참조하세요.

http://developer.android.com/intl/ko/guide/practices/screens_support.html

Answer 2

가로 세로 레이아웃을 따로따로 만드는 방법도 있겠군요...

따로 구현하는법은 구글링하면 많이 나옵니당^^