직접 풀어보기 5-4

Android Studio를 활용한 안드로이드 프로그래밍 P22 직접 풀어보기 5-4

다음 화면의 XML코드를 중복 리니어레이아웃과 렐러티브레이아웃으로 각각 작성하라.

중복리니어 레이아웃 XML코드

쉽게 구현할 수 있습니다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <LinearLayout
        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:textSize="30sp"
            android:text="전화번호"/>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="000-0000-0000"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="right">
       <Button
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="입력"
           android:textSize="20sp"
           android:background="#00FF00"
           />
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="취소"
            android:textSize="20sp"
            android:background="#00FF00"
           />
    </LinearLayout>

</LinearLayout>

렐러티브레이아웃 XML코드

입력 버튼과 취소 버튼의 위치 선정 시 주의할 점이 있습니다.

만약 입력버튼을 edit의  below && alignRight을 하고 취소버튼을 입력버튼에 대해 alignBaseline&& toRightOf를 하게되면

입력버튼이 이미 맨 오른 쪽에 위치하므로 취소버튼이 화면에 보이지 않게 됩니다.

그래서 저는 취소버튼을 먼저 TextView와 EditText에 대해 위치시키고 나서 입력버튼을 취소버튼에 대해 위치시켰습니다.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/text1"
        android:text="전화번호"
        android:textSize="30dp"/>
    <EditText
        android:id="@+id/edit1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/text1"
        android:hint="000-0000-0000"/>
    <Button
        android:id="@+id/btn1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_toLeftOf="@+id/btn2"
        android:layout_alignBaseline="@+id/btn2"
        android:text="입력"
        android:background="#00FF00"/>
    <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_below="@+id/text1"
        android:layout_alignRight="@+id/edit1"
        android:text="취소"
        android:background="#00FF00"/>
<!--    주의 : 입력버튼을 먼저 edit의 below && alignRigrt하고 취소버튼을 입력버튼에 대해 위치작성하면
               입력버튼이 이미 맨 오른쪽 끝에 있으므로 취소버튼이 안보임 ! -->

</RelativeLayout>