[안드로이드] 회원가입 화면 그리기 연습

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:padding="15dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="아이디" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="이메일 양식으로 입력"
        android:inputType="textEmailAddress" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="비밀번호" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="8자리 이상 입력"
        android:inputType="numberPassword" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="닉네임" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="한글도 입력 가능"
        android:singleLine="true" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="성별"/>
    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="여성"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="남성"/>
        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:enabled="false"
            android:text="비공개" />
    </RadioGroup>

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:text="이용 약관 동의"/>
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="마케팅 정보 활용 동의" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:scaleType="centerCrop"
            android:src="@drawable/android"/>

    </LinearLayout>

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

        <Button
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="이전으로" />
        <Button
            android:layout_width="0dp"
            android:layout_weight="3"
            android:layout_height="wrap_content"
            android:text="회원 가입"/>
    </LinearLayout>
</LinearLayout>

 

입력받는 태그는 EditText를 사용한다.

사용자에게 입력 방식을 이야기 하고 싶다면 hint 속성을 사용하여 작성해주면 된다.

2020/08/28 - [프로그래밍언어/Kotlin] - [안드로이드] 에디트 텍스트(EditText)

[안드로이드] 에디트 텍스트(EditText)

 

라디오 버튼은 그룹으로 묶어서 하나를 택했다면, 다른 하나를 택하지 못하게 해준다.

만약 선택하지 못하게 막고 싶다면 enabled='false'를 적용해주면 된다.

 

체크박스는 각각 선택이 가능해야 하므로 그룹으로 묶지 않는다.

미리 체크를 해두고 싶다면 checked='true'를 이용한다.

 

회원가입 버튼은 Button 태그를 사용한다.

버튼안에 원하는 문구를 넣고 싶다면 text 속성을 이용한다.

2020/08/28 - [프로그래밍언어/Kotlin] - [안드로이드] 버튼 태그(Button)

[안드로이드] 버튼 태그(Button)

 

상대 비율로 배치를 원한다면 원하는 가로/세로 길이를 0으로 적어준 다음 weight=0으로 쓰면 된다.

위와 같이 이전으로 버튼과 회원가입 버튼을 1:3 비율로 나란히 두고 싶다면?

LinearLayout에 orientation="horizontal" 적용하여 새로 만들어주고

width = 0

weight = 1

 

이미지는 ImageView를 사용했다.

2020/08/28 - [프로그래밍언어/Kotlin] - [안드로이드] 이미지뷰(ImageView)

[안드로이드] 이미지뷰(ImageView)