안드로이드 스튜디오 xml 작성시 메뉴가 한 화면을 넘어갈때 해결방안을 찾습니다.

Question

안드로이드 스튜디오로 앱을 작성하고 있는데요,

아래 그림과 같이 표로 된 메뉴가 한 화면을 넘어가서 아래로 스크롤을 해서 메뉴를 선택하고 싶습니다.

해결을 하기위해 ScroollView 를 사용해 봤지만 두개이상의 버턴에서는 적용이 안되네요..
화면을 스크롤 할 수 있는 방법은 어떤게 있을까요?

그리고 버튼 메뉴를 위의 사진과 같이 표로 만들기 위해 TableLayout 으로 작성 했습니다.
아래 제가 작성한 xml 처럼 너무 비 효율적입니다.
더 효과적으로 활용 할 수 있는 레이아웃이 혹시 있나요?

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layoutwidth="matchparent"

android:layoutheight="matchparent"

android:stretchColumns="0,1,2,3,4">

<TableRow>

<Button

android:id="@+id/button_01"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:background="@color/colorPrimaryDark"

android:textColor="@color/colorWhite"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button_02"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:background="@color/color228B2"

android:textColor="@color/colorWhite"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button_03"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:background="@color/colorD2691E"

android:textColor="@color/colorWhite"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button_04"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:background="@color/color00A5FF"

android:textColor="@color/colorWhite"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button11"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button21"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button31"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button41"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button12"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button22"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button32"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:id="@+id/button42"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:id="@+id/button13"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:id="@+id/button23"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:id="@+id/button33"

android:textSize="12dp"

android:text="Button" />

<Button

android:layout_marginTop="-1dp"

android:layout_marginBottom="-1dp"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:id="@+id/button43"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button14"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button24"

android:layout_width="0dp"

android:layout_height="40dp"

android:layout_weight="1"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button34"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button44"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button15"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

/>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button25"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button35"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button45"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button16"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button26"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button36"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button46"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button17"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button27"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button37"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button47"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button18"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button28"

android:layout_width="0dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button38"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button48"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:id="@+id/button19"

android:layout_width="0dp"

android:layout_weight="1"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button29"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button39"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button49"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:id="@+id/button110"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button210"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button310"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button410"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:id="@+id/button111"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button211"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button311"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button411"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:id="@+id/button112"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button212"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button312"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button412"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:id="@+id/button113"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button213"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button313"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button413"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

</TableRow>

<TableRow>

<Button

android:id="@+id/button114"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button214"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button314"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:textSize="12dp"

android:text="Button" />

<Button

android:id="@+id/button414"

android:layout_width="0dp"

android:layout_weight="1"

android:layoutmarginTop="-1dp" android:layoutmarginBottom="-1dp"

android:layout_height="40dp"

android:text="Button" />

android:text="" />

</TableRow>

</TableLayout>

Answer 1

안녕하세요.

table레이어를 사용하여 폼을만드셨네요.

먼저 화면을 만들때 레이어를 만든 후 그 안을 채워 넣으면 작업을 합니다. 그리고 레이어 안에 또 레이어를 놓고 그 안에 레이어 작업을 하기도합니다.

스크롤을 제공하는 뷰가 있습니다.

<ScrollView

android:layoutwidth="fillparent"

android:layoutheight="fillparent"

android:scrollbars="none"

android:layout_weight="1">

<LinearLayout

android:layoutwidth="fillparent"

android:layoutheight="fillparent"

android:orientation="vertical">

</ScrollView>

위 코딩처럼 뷰 안에에 레이어를 넣는방식입니다.