로그인 화면 구현


회원가입한 정보를 바탕으로 로그인을 구현하였다.

activity_main.png

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/loginID"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_marginStart="23dp"
        android:layout_marginTop="55dp"
        android:layout_marginEnd="23dp"
        android:layout_weight="1"
        android:ems="10"
        android:hint="ID" />

    <EditText
        android:id="@+id/loginPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/loginID"
        android:layout_alignParentStart="true"
        android:layout_marginStart="23dp"
        android:layout_marginTop="25dp"
        android:layout_marginEnd="23dp"
        android:layout_weight="1"
        android:ems="10"
        android:hint="비밀번호"
        android:inputType="textPassword" />

    <RadioButton
        android:id="@+id/autoLogin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/loginPassword"
        android:layout_alignStart="@+id/loginPassword"
        android:layout_alignEnd="@+id/loginPassword"
        android:layout_marginStart="2dp"
        android:layout_marginTop="1dp"
        android:layout_marginEnd="0dp"
        android:text="자동로그인" />

    <Button
        android:id="@+id/btnLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/loginPassword"
        android:layout_alignParentStart="true"
        android:layout_alignParentEnd="true"
        android:layout_marginStart="23dp"
        android:layout_marginTop="85dp"
        android:layout_marginEnd="23dp"
        android:text="로그인" />

    <Button
        android:id="@+id/btnJoin"
        android:layout_width="365dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btnLogin"
        android:layout_alignEnd="@+id/btnLogin"
        android:layout_alignParentStart="true"
        android:layout_marginStart="23dp"
        android:layout_marginTop="25dp"
        android:layout_marginEnd="1dp"
        android:text="회원가입" />

    <Button
        android:id="@+id/btnProduct"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/btnJoin"
        android:layout_alignStart="@+id/btnJoin"
        android:layout_alignEnd="@+id/btnJoin"
        android:layout_marginStart="0dp"
        android:layout_marginTop="44dp"
        android:layout_marginEnd="1dp"
        android:text="메인으로 이동" />

</RelativeLayout>

로그인 구현 화면은 위와 같다.

loginID, loginPassword, autoLogin, btnLogin, btnJoin, btnProduct

loginID, loginPassword 은 EditText

autoLogin 은 radioButton,

btnLogin, btnJoin, btnProduct 은 Button으로 구현하였다.

btnLogin 을 누를 경우, loginID, loginPassword 값을 가져와 file에 해당하는 id값이 있는지, 있다면 password가 일치한지 확인하는 로직을 구현하였다.

btnJoin 을 누를 경우, 회원가입 화면으로 넘어가도록 구현하였다.

btnProduct 을 누를 경우, 상품 정보 창이 나오도록 구현할 예정이다.

autoLogin 을 할 경우, 자동로그인이 되도록 할 예정이다.