회원가입 코드 구현 및 landscape, 다크모드, 다국어 적용

1. 회원가입 코드 구현 

-toolbar를 이용하여 화면 타이틀과 뒤로가기버튼 구현

-addTextChangedListener를 이용하여 아이디 값이 변경되었을때 중복확인을 false로 바꿔주도록 함

-Regex와 matches를 이용하여 정규표현식으로 비밀번호 형식을 지정함

package com.harmony6.harmony_cafe

import android.content.Intent
import android.os.Bundle
import android.text.Editable
import android.text.TextWatcher
import android.view.MenuItem
import android.widget.Button
import android.widget.EditText
import android.widget.Toast
import androidx.activity.enableEdgeToEdge
import androidx.appcompat.app.AppCompatActivity
import androidx.appcompat.widget.Toolbar
import androidx.core.view.ViewCompat
import androidx.core.view.WindowInsetsCompat

class SignUpActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContentView(R.layout.activity_sign_up)
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets ->
            val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars())
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom)
            insets
        }

        val ids=intent.getStringArrayListExtra("ids")

        val toolbar = findViewById<Toolbar>(R.id.signup_toolbar)
        setSupportActionBar(toolbar)
        supportActionBar?.setDisplayHomeAsUpEnabled(true)
        supportActionBar?.setDisplayShowTitleEnabled(false)
        supportActionBar?.setHomeAsUpIndicator(R.drawable.ic_back)


        val idEdit=findViewById<EditText>(R.id.signup_id)
        val pwEdit=findViewById<EditText>(R.id.signup_pw)
        val nameEdit=findViewById<EditText>(R.id.signup_name)
        val introduceEdit=findViewById<EditText>(R.id.signup_introduce)

        val dupBtn=findViewById<Button>(R.id.signup_dupbtn)
        val signupBtn=findViewById<Button>(R.id.signup_signupbtn)


        var idflag=false

        idEdit.addTextChangedListener(object:TextWatcher{
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
                return
            }

            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
                idflag=false
            }

            override fun afterTextChanged(s: Editable?) {
                return
            }
        })

        dupBtn.setOnClickListener {
            val id=idEdit.text.toString()
            if(id.isEmpty()){
                Toast.makeText(this, getString(R.string.sginup_emptyid), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }
            if(id.contains(" ")){
                Toast.makeText(this, getString(R.string.sginup_idblank), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }
            val idregex=Regex("^[a-zA-Z0-9$@!%*#?&]{1,}$") //알파벳 대소문자, 숫자, 특수문자
            if(id.contains(" ")||!idregex.matches(id)){
                Toast.makeText(this, getString(R.string.sginup_iderror), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }
            if(ids?.contains(id)?:false){
                Toast.makeText(this, getString(R.string.sginup_idassigned), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            Toast.makeText(this, getString(R.string.sginup_idok), Toast.LENGTH_SHORT).show()
            idflag=true
        }

        signupBtn.setOnClickListener {
            val pw=pwEdit.text.toString()
            val name=nameEdit.text.toString()
            val introduce=introduceEdit.text.toString()
            val id=idEdit.text.toString()

            if(!idflag){
                Toast.makeText(this, getString(R.string.sginup_dup), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            if(pw.isEmpty()||name.isEmpty()){
                Toast.makeText(this, getString(R.string.sginup_pwempty), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            if(pw.contains(" ")){
                Toast.makeText(this, getString(R.string.sginup_pwblank), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            val pwregex=Regex("^(?=.*[A-Za-z])(?=.*[0-9])(?=.*[$@!%*#?&.])[A-Za-z[0-9]$@!%*#?&.]{8,}\$")//영문 숫자 특수문자 전부 하나이상인 8자리 이상의 비밀번호
            if(pw.contains(" ")||!pwregex.matches(pw)){
                Toast.makeText(this, getString(R.string.sginup_pwerror), Toast.LENGTH_SHORT).show()
                return@setOnClickListener
            }

            val intent=Intent(this, LogInActivity::class.java)
            intent.putExtra("user",User(name,id,pw,introduce))
            setResult(RESULT_OK,intent)
            finish()
        }





    }

    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        when(item?.itemId?:android.R.id.home){
            android.R.id.home -> finish()
        }
        return super.onOptionsItemSelected(item)
    }
}

 

 

2. landscape(가로모드) 화면 따로 구성

-layout에서 기존파일과 동일명의 landscape로 생성

-로그인과 회원가입 둘다 구현

-로그인

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/login_background"
    tools:context=".LogInActivity">
    <TextView
        android:id="@+id/login_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        android:text="@string/login_title"
        android:textSize="36dp"
        android:fontFamily="@font/shrikhand_regular"
        android:textColor="@color/highlight"

        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/login_id"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="text"
        android:hint="@string/login_id"
        android:paddingVertical="12dp"
        android:paddingStart="16dp"
        android:textSize="16sp"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="36dp"
        android:background="@drawable/login_graybox"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/login_title" />

    <EditText
        android:id="@+id/login_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:inputType="textPassword"
        android:textSize="16sp"
        android:layout_marginTop="16dp"
        android:layout_marginHorizontal="16dp"
        android:paddingVertical="12dp"
        android:paddingStart="16dp"
        android:hint="@string/login_password"
        android:background="@drawable/login_graybox"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/login_id" />

    <android.widget.Button
        android:id="@+id/login_loginbtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/login_loginbtn"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="16dp"
        android:paddingVertical="12dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        android:textSize="18sp"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:background="@drawable/login_loginbtn"
        android:stateListAnimator="@null"
        app:layout_constraintTop_toBottomOf="@+id/login_password" />

    <LinearLayout
        android:gravity="right"
        android:paddingTop="12dp"
        android:paddingEnd="16dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/login_loginbtn">

        <android.widget.Button
            android:id="@+id/login_signupbtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/login_signupbtn"
            android:textSize="14sp"
            android:textColor="#818181"
            android:background="@color/transparent"/>
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

로그인

 

 

 

-회원가입

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/login_background"
    tools:context=".SignUpActivity">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/signup_toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/login_background"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/signup_title"
            android:layout_gravity="center"
            android:textColor="@color/black"
            android:textSize="16sp"
            android:textStyle="bold"/>
    </androidx.appcompat.widget.Toolbar>

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:src="@drawable/signup_person"
        app:layout_constraintEnd_toStartOf="@+id/signup_constraint"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/signup_toolbar" />

    <EditText
        android:id="@+id/signup_introduce"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginHorizontal="16dp"
        android:layout_marginTop="8dp"
        android:background="@drawable/login_graybox"
        android:gravity="top"
        android:hint="@string/signup_introduce"
        android:paddingVertical="12dp"
        android:paddingStart="16dp"
        android:textSize="16sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/signup_constraint" />

    <android.widget.Button
        android:id="@+id/signup_signupbtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textColor="@color/black"
        android:textStyle="bold"
        android:background="@drawable/login_loginbtn"
        android:stateListAnimator="@null"
        android:text="@string/signup_signupbtn"
        android:layout_marginBottom="16dp"
        android:layout_marginHorizontal="16dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/signup_constraint"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:paddingHorizontal="16dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/imageView"
        app:layout_constraintTop_toBottomOf="@+id/signup_toolbar">

        <EditText
            android:id="@+id/signup_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:background="@drawable/login_graybox"
            android:ems="10"
            android:hint="@string/signup_name"
            android:inputType="text"
            android:paddingVertical="12dp"
            android:paddingStart="16dp"
            android:textSize="16sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <EditText
            android:id="@+id/signup_id"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:background="@drawable/login_graybox"
            android:ems="10"
            android:hint="@string/login_id"
            android:inputType="text"
            android:paddingVertical="12dp"
            android:paddingStart="16dp"
            android:textSize="16sp"
            app:layout_constraintEnd_toStartOf="@+id/signup_dupbtn"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/signup_name" />

        <android.widget.Button
            android:id="@+id/signup_dupbtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="16dp"
            android:background="@drawable/login_loginbtn"
            android:paddingHorizontal="4dp"
            android:text="@string/signup_dupbtn"
            android:textSize="16sp"
            android:textStyle="bold"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toEndOf="@+id/signup_id"
            app:layout_constraintTop_toBottomOf="@+id/signup_name" />

        <EditText
            android:id="@+id/signup_pw"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:background="@drawable/login_graybox"
            android:ems="10"
            android:hint="@string/login_password"
            android:inputType="textPassword"
            android:paddingVertical="12dp"
            android:paddingStart="16dp"
            android:textSize="16sp"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.312"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/signup_id" />
    </androidx.constraintlayout.widget.ConstraintLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

회원가입

3. 다크모드

-이미지 파일은 drawable-night에 동일 파일명 이미지를 넣으면 된다

-색상은 color을 night로 리소스 파일을 생성해서 동일 색상명으로 다른 색상값을 넣어주면 된다.

 

4. 다국어

-strings파일을 en으로 하나 더 만들어서 번역본을 넣어주면된다.