Login page 뼈대 만들기

Login Page

 

ID/Password 입력은 EditText로 구성을 하였고, Hint를 적용했다.

 

  /* ------------------------------activity_login.xml--------------------------------- */
  
  		// Id 입력 EditText
<EditText
        android:id="@+id/login_et_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="ID"			// Hint 적용
        android:inputType="textPersonName"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.502"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.354" />
        
		// Password 입력 EditText
    <EditText
        android:id="@+id/login_et_password"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ems="10"
        android:hint="Password"		// Hint 적용
        android:inputType="textPassword"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.502"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/login_et_id"
        app:layout_constraintVertical_bias="0.082" />

팀프로젝트를 진행함에 있어서, View Id에 규칙을 정했다. 

"login_et_id"를 예로 들자면, login은 page, et는 edittext, id는 id를 입력한다 라는 뜻이다.

 

버튼들의 기능은 아직 구현하기 전이라 Login 버튼을 누르면 "Login Success" 라는 Toast message를 띄우고,

Sign Up 버튼을 누르면 SignUpActivity로 넘어가게 구현하였다.

/*	LoginActivity.java */

public class LoginActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
    }

    public void onLoginButtonClick(View view) {	// Login 버튼 눌렀을 때
        Toast.makeText(getApplicationContext(), "Login Success", Toast.LENGTH_SHORT).show(); // 토스트 메세지 띄움.
    }

    public void onSignUpButtonClick(View view) {// SignUp 버튼 눌렀을 때
        Intent i1 = new Intent (getApplicationContext(), SignUpActivity.class);	// intent 생성
        startActivity(i1);	
    }
}

/*		activity_login.xml		*/

        <Button
        android:id="@+id/login_btn_login"
        android:layout_width="wrap_content"
        android:layout_height="42dp"
        android:onClick="onLoginButtonClick"	// 선언한 메소드 호출
        android:text="login"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="@+id/login_et_password"
        app:layout_constraintTop_toBottomOf="@+id/login_et_password"
        app:layout_constraintVertical_bias="0.139" />

    <Button
        android:id="@+id/login_btn_signup"
        android:layout_width="wrap_content"
        android:layout_height="42dp"
        android:text="sign up"
        android:onClick="onSignUpButtonClick"	// 선언한 메소드 호출
        app:layout_constraintBottom_toBottomOf="@+id/login_btn_login"
        app:layout_constraintEnd_toEndOf="@+id/login_et_password"
        app:layout_constraintTop_toTopOf="@+id/login_btn_login"
        app:layout_constraintVertical_bias="1.0" />