로그인 화면 생성, 이메일/비밀번호 유효성 검사, 회원가입 화면으로 전환

android/app/build.gradle.kts

@@ -41,12 +41,12 @@ android {
     }
 
     compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_1_8
-        targetCompatibility = JavaVersion.VERSION_1_8
+        sourceCompatibility = JavaVersion.VERSION_17
+        targetCompatibility = JavaVersion.VERSION_17
     }
 
     kotlinOptions {
-        jvmTarget = "1.8"
+        jvmTarget = JavaVersion.VERSION_17.toString()
     }
 }
 
@@ -58,6 +58,7 @@ dependencies {
     implementation("androidx.core:core-ktx:1.12.0")
     implementation("androidx.appcompat:appcompat:1.6.1")
     implementation("com.google.android.material:material:1.10.0")
+    implementation("androidx.activity:activity-ktx:1.8.0")
     implementation("androidx.constraintlayout:constraintlayout:2.1.4")
     testImplementation("junit:junit:4.13.2")
     androidTestImplementation("androidx.test.ext:junit:1.1.5")

android/app/src/main/java/app/priceguard/ui/login/LoginActivity.kt

@@ -1,11 +1,82 @@
 package app.priceguard.ui.login
 
-import androidx.appcompat.app.AppCompatActivity
+import android.content.Intent
 import android.os.Bundle
+import androidx.activity.viewModels
+import androidx.appcompat.app.AppCompatActivity
 import app.priceguard.R
+import app.priceguard.databinding.ActivityLoginBinding
+import app.priceguard.ui.signup.SignupActivity
+import app.priceguard.ui.util.lifecycle.repeatOnStarted
+import com.google.android.material.button.MaterialButton
+import com.google.android.material.dialog.MaterialAlertDialogBuilder
+import com.google.android.material.progressindicator.CircularProgressIndicatorSpec
+import com.google.android.material.progressindicator.IndeterminateDrawable
 
 class LoginActivity : AppCompatActivity() {
+    private val loginViewModel: LoginViewModel by viewModels()
+    private lateinit var binding: ActivityLoginBinding
+
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        binding = ActivityLoginBinding.inflate(layoutInflater)
+        with(binding) {
+            viewModel = loginViewModel
+        }
+        initListener()
+        collectEvent()
+        setContentView(binding.root)
+    }
+
+    private fun initListener() {
+        val spec =
+            CircularProgressIndicatorSpec(
+                this,
+                null,
+                0,
+                com.google.android.material.R.style.Widget_Material3_CircularProgressIndicator_ExtraSmall
+            )
+        val progressIndicatorDrawable =
+            IndeterminateDrawable.createCircularDrawable(this, spec)
+        with(binding) {
+            btnLoginLogin.setOnClickListener {
+                loginViewModel.login()
+                (btnLoginLogin as MaterialButton).icon = progressIndicatorDrawable
+                btnLoginLogin.isEnabled = false
+            }
+            btnLoginSignup.setOnClickListener {
+                gotoSignUp()
+            }
+        }
+    }
+
+    private fun collectEvent() {
+        repeatOnStarted {
+            loginViewModel.event.collect {
+                when (it) {
+                    LoginViewModel.LoginEvent.Invalid -> showDialog(getString(R.string.login_fail), getString(R.string.login_fail_message), getString(R.string.login_fail_accept))
+                    LoginViewModel.LoginEvent.LoginFailed -> TODO()
+                    LoginViewModel.LoginEvent.LoginSuccess -> TODO()
+                }
+            }
+        }
+    }
+
+    private fun showDialog(title: String, message: String, buttonText: String) {
+        MaterialAlertDialogBuilder(this, R.style.ThemeOverlay_App_MaterialAlertDialog)
+            .setTitle(title)
+            .setMessage(message)
+            .setPositiveButton(buttonText) { _, _ -> enableLoginButton() }
+            .create()
+            .show()
+    }
+
+    private fun enableLoginButton() {
+        (binding.btnLoginLogin as MaterialButton).icon = null
+        binding.btnLoginLogin.isEnabled = true
+    }
+
+    private fun gotoSignUp() {
+        startActivity(Intent(this, SignupActivity::class.java))
     }
-}
+}

android/app/src/main/java/app/priceguard/ui/login/LoginViewModel.kt

@@ -0,0 +1,55 @@
+package app.priceguard.ui.login
+
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.SharedFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+
+class LoginViewModel : ViewModel() {
+
+    data class State(
+        val email: String = "",
+        val password: String = ""
+    )
+
+    sealed interface LoginEvent {
+        object Invalid : LoginEvent
+        object LoginFailed : LoginEvent
+        object LoginSuccess : LoginEvent
+    }
+
+    private val emailPattern = """^[\w.+-]+@((?!-)[A-Za-z0-9-]{1,63}(?<!-)\.)+[A-Za-z]{2,6}$""".toRegex()
+    private val passwordPattern = """^(?=[A-Za-z\d!@#$%^&*]*\d)(?=[A-Za-z\d!@#$%^&*]*[a-z])(?=[A-Za-z\d!@#$%^&*]*[A-Z])(?=[A-Za-z\d!@#$%^&*]*[!@#$%^&*])[A-Za-z\d!@#$%^&*]{8,16}$""".toRegex()
+
+    private var _event = MutableSharedFlow<LoginEvent>()
+    val event: SharedFlow<LoginEvent> = _event.asSharedFlow()
+    private val _state = MutableStateFlow(State())
+    var state: StateFlow<State> = _state.asStateFlow()
+
+    fun setID(s: CharSequence, start: Int, before: Int, count: Int) {
+        _state.value = _state.value.copy(email = s.toString())
+    }
+
+    fun setPassword(s: CharSequence, start: Int, before: Int, count: Int) {
+        _state.value = _state.value.copy(password = s.toString())
+    }
+
+    fun login() {
+        if (checkEmailAndPassword()) {
+            // TODO: 서버에 정보 전송
+        } else {
+            viewModelScope.launch {
+                _event.emit(LoginEvent.Invalid)
+            }
+        }
+    }
+
+    private fun checkEmailAndPassword(): Boolean {
+        return emailPattern.matchEntire(_state.value.email) != null && passwordPattern.matchEntire(_state.value.password) != null
+    }
+}

android/app/src/main/res/layout/activity_intro.xml

@@ -1,63 +1,68 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:layout_width="match_parent"
-    android:layout_height="match_parent">
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/gl_vertical_start"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_begin="16dp" />
-
-    <androidx.constraintlayout.widget.Guideline
-        android:id="@+id/gl_vertical_end"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:orientation="vertical"
-        app:layout_constraintGuide_end="16dp" />
-
-    <ImageView
-        android:id="@+id/iv_intro_app_logo"
-        android:layout_width="160dp"
-        android:layout_height="160dp"
-        android:layout_marginTop="114dp"
-        android:src="@drawable/ic_priceguard_foreground"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
-
-    <TextView
-        android:id="@+id/tv_intro_app_title"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="@string/app_name"
-        android:textAppearance="?attr/textAppearanceDisplayMedium"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/iv_intro_app_logo" />
-
-    <Button
-        android:id="@+id/btn_intro_login"
-        style="@style/Widget.Material3.Button.TonalButton"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginBottom="8dp"
-        android:text="@string/login"
-        app:layout_constraintBottom_toTopOf="@id/btn_intro_sign_up"
-        app:layout_constraintEnd_toStartOf="@+id/gl_vertical_end"
-        app:layout_constraintStart_toEndOf="@+id/gl_vertical_start" />
-
-    <Button
-        android:id="@+id/btn_intro_sign_up"
-        style="@style/Widget.Material3.Button.TonalButton"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_marginBottom="16dp"
-        android:text="@string/sign_up"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toStartOf="@+id/gl_vertical_end"
-        app:layout_constraintStart_toEndOf="@+id/gl_vertical_start" />
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".ui.intro.IntroActivity">
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/gl_vertical_start"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            app:layout_constraintGuide_begin="16dp" />
+
+        <androidx.constraintlayout.widget.Guideline
+            android:id="@+id/gl_vertical_end"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:orientation="vertical"
+            app:layout_constraintGuide_end="16dp" />
+
+        <ImageView
+            android:id="@+id/iv_intro_app_logo"
+            android:layout_width="160dp"
+            android:layout_height="160dp"
+            android:layout_marginTop="114dp"
+            android:src="@drawable/ic_priceguard_foreground"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/tv_intro_app_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="@string/app_name"
+            android:textAppearance="?attr/textAppearanceDisplayMedium"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@id/iv_intro_app_logo" />
+
+        <Button
+            android:id="@+id/btn_intro_login"
+            style="@style/Widget.Material3.Button.TonalButton"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="8dp"
+            android:text="@string/login"
+            app:layout_constraintBottom_toTopOf="@id/btn_intro_sign_up"
+            app:layout_constraintEnd_toStartOf="@+id/gl_vertical_end"
+            app:layout_constraintStart_toEndOf="@+id/gl_vertical_start" />
+
+        <Button
+            android:id="@+id/btn_intro_sign_up"
+            style="@style/Widget.Material3.Button.TonalButton"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginBottom="16dp"
+            android:text="@string/sign_up"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toStartOf="@+id/gl_vertical_end"
+            app:layout_constraintStart_toEndOf="@+id/gl_vertical_start" />
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>