✨ implement screens for sign up

android/app/src/main/java/net/pengcook/android/presentation/BindingAdapters.kt

@@ -1,8 +1,15 @@
 package net.pengcook.android.presentation
 
+import android.net.Uri
+import android.view.View
+import android.widget.AdapterView
+import android.widget.ArrayAdapter
 import android.widget.ImageView
+import android.widget.Spinner
 import android.widget.TextView
 import androidx.databinding.BindingAdapter
+import androidx.databinding.InverseBindingAdapter
+import androidx.databinding.InverseBindingListener
 import com.bumptech.glide.Glide
 import net.pengcook.android.R
 
@@ -19,6 +26,19 @@ fun loadImage(
     }
 }
 
+@BindingAdapter("app:imageUri")
+fun loadImage(
+    view: ImageView,
+    uri: Uri?,
+) {
+    if (uri != null) {
+        Glide
+            .with(view.context)
+            .load(uri)
+            .into(view)
+    }
+}
+
 @BindingAdapter("app:favoriteCount")
 fun favoriteCountText(
     view: TextView,
@@ -55,3 +75,49 @@ fun timeRequiredText(
     val context = view.context
     view.text = context.getString(R.string.time_format_required).format(time)
 }
+
+@BindingAdapter("bind:selectedValue")
+fun bindSpinnerData(
+    spinner: Spinner,
+    newValue: String?,
+) {
+    val adapter = spinner.adapter as? ArrayAdapter<String>
+    val position = adapter?.getPosition(newValue)
+    if (position != null && position != spinner.selectedItemPosition) {
+        spinner.setSelection(position, true)
+    }
+}
+
+@InverseBindingAdapter(attribute = "bind:selectedValue", event = "bind:selectedValueAttrChanged")
+fun captureSelectedValue(spinner: Spinner): String {
+    return spinner.selectedItem as String
+}
+
+@BindingAdapter("bind:selectedValueAttrChanged")
+fun setSpinnerListener(
+    spinner: Spinner,
+    listener: InverseBindingListener?,
+) {
+    if (listener == null) {
+        spinner.onItemSelectedListener = null
+        return
+    }
+
+    val onItemSelectedListener =
+        object : AdapterView.OnItemSelectedListener {
+            override fun onItemSelected(
+                parent: AdapterView<*>,
+                view: View?,
+                position: Int,
+                id: Long,
+            ) {
+                listener.onChange()
+            }
+
+            override fun onNothingSelected(parent: AdapterView<*>) {
+                // do nothing
+            }
+        }
+
+    spinner.onItemSelectedListener = onItemSelectedListener
+}

android/app/src/main/java/net/pengcook/android/presentation/core/listener/AppbarActionEventListener.kt

@@ -0,0 +1,5 @@
+package net.pengcook.android.presentation.core.listener
+
+interface AppbarActionEventListener {
+    fun onNavigateBack()
+}

android/app/src/main/java/net/pengcook/android/presentation/core/util/Event.kt

@@ -0,0 +1,17 @@
+package net.pengcook.android.presentation.core.util
+
+open class Event<out T>(private val content: T) {
+    var hasBeenHandled = false
+        private set
+
+    fun getContentIfNotHandled(): T? {
+        return if (hasBeenHandled) {
+            null
+        } else {
+            hasBeenHandled = true
+            content
+        }
+    }
+
+    fun peekContent(): T = content
+}

android/app/src/main/java/net/pengcook/android/presentation/signup/BottomButtonClickListener.kt

@@ -0,0 +1,5 @@
+package net.pengcook.android.presentation.signup
+
+interface BottomButtonClickListener {
+    fun onConfirm()
+}

android/app/src/main/java/net/pengcook/android/presentation/signup/SignUpEvent.kt

@@ -0,0 +1,12 @@
+package net.pengcook.android.presentation.signup
+
+sealed interface SignUpEvent {
+    class NavigateToMain(
+        val accessToken: String,
+        val refreshToken: String,
+    ) : SignUpEvent
+
+    data object Error : SignUpEvent
+
+    data object NavigateBack : SignUpEvent
+}

android/app/src/main/java/net/pengcook/android/presentation/signup/SignUpForm.kt

@@ -0,0 +1,21 @@
+package net.pengcook.android.presentation.signup
+
+import java.io.File
+
+data class SignUpForm(
+    val profileImage: File? = null,
+    val username: String = INITIAL_VALUE,
+    val nickname: String = INITIAL_VALUE,
+    val yearOfBirthday: Int = INITIAL_YEAR,
+    val monthOfBirthday: Int = INITIAL_MONTH,
+    val dayOfBirthday: Int = INITIAL_DAY,
+    val country: String = INITIAL_COUNTRY,
+) {
+    companion object {
+        private const val INITIAL_VALUE = ""
+        private const val INITIAL_YEAR = 2024
+        private const val INITIAL_MONTH = 1
+        private const val INITIAL_DAY = 1
+        private const val INITIAL_COUNTRY = ""
+    }
+}

android/app/src/main/java/net/pengcook/android/presentation/signup/SignUpFragment.kt

@@ -0,0 +1,117 @@
+package net.pengcook.android.presentation.signup
+
+import android.net.Uri
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ArrayAdapter
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.viewModels
+import androidx.navigation.fragment.findNavController
+import net.pengcook.android.R
+import net.pengcook.android.databinding.FragmentSignUpBinding
+
+class SignUpFragment : Fragment() {
+    private var _binding: FragmentSignUpBinding? = null
+    private val binding: FragmentSignUpBinding
+        get() = _binding!!
+    private val viewModel: SignUpViewModel by viewModels()
+    private val launcher =
+        registerForActivityResult<String, Uri>(ActivityResultContracts.GetContent()) { uri ->
+            try {
+                viewModel.changeProfileImage(uri)
+            } catch (e: RuntimeException) {
+            }
+        }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?,
+    ): View {
+        _binding = FragmentSignUpBinding.inflate(inflater)
+        binding.viewModel = viewModel
+        binding.lifecycleOwner = this
+        return binding.root
+    }
+
+    override fun onViewCreated(
+        view: View,
+        savedInstanceState: Bundle?,
+    ) {
+        super.onViewCreated(view, savedInstanceState)
+        setUpBirthDateSpinner()
+        setUpCountrySpinner()
+        setUpClickListener()
+        observeViewModel()
+    }
+
+    private fun setUpClickListener() {
+        binding.ivProfileImage.setOnClickListener {
+            launcher.launch("image/*")
+        }
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        _binding = null
+    }
+
+    private fun setUpCountrySpinner() {
+        val countryAdapter =
+            ArrayAdapter(
+                requireContext(),
+                android.R.layout.simple_spinner_item,
+                List(100) { "country$it" },
+            )
+        countryAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
+        binding.formCountry.spFormContent.spDefault.adapter = countryAdapter
+    }
+
+    private fun setUpBirthDateSpinner() {
+        val yearAdapter =
+            ArrayAdapter(
+                requireContext(),
+                android.R.layout.simple_spinner_item,
+                List(100) { (it + 1820).toString() },
+            )
+        yearAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
+        binding.formBirthDate.spFormContent1.spDefault.adapter = yearAdapter
+
+        val monthAdapter =
+            ArrayAdapter(
+                requireContext(),
+                android.R.layout.simple_spinner_item,
+                List(12) { (it + 1).toString() },
+            )
+        monthAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
+        binding.formBirthDate.spFormContent2.spDefault.adapter = monthAdapter
+
+        val dayAdapter =
+            ArrayAdapter(
+                requireContext(),
+                android.R.layout.simple_spinner_item,
+                List(31) { (it + 1).toString() },
+            )
+        dayAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item)
+        binding.formBirthDate.spFormContent3.spDefault.adapter = dayAdapter
+    }
+
+    private fun observeViewModel() {
+        viewModel.signUpEvent.observe(viewLifecycleOwner) { event ->
+            val signUpEvent = event.getContentIfNotHandled() ?: return@observe
+            when (signUpEvent) {
+                is SignUpEvent.NavigateToMain -> {
+                    findNavController().navigate(R.id.action_signUpFragment_to_homeFragment)
+                }
+                is SignUpEvent.Error -> {
+                }
+                is SignUpEvent.NavigateBack -> {
+                    findNavController().navigate(R.id.action_signUpFragment_to_onboardingFragment)
+                }
+            }
+        }
+    }
+}

android/app/src/main/java/net/pengcook/android/presentation/signup/SignUpUiState.kt

@@ -0,0 +1,9 @@
+package net.pengcook.android.presentation.signup
+
+import android.net.Uri
+
+data class SignUpUiState(
+    val isLoading: Boolean = false,
+    val profileImage: Uri? = null,
+    val fulfilled: Boolean = false,
+)

android/app/src/main/java/net/pengcook/android/presentation/signup/SignUpViewModel.kt

@@ -0,0 +1,39 @@
+package net.pengcook.android.presentation.signup
+
+import android.net.Uri
+import androidx.lifecycle.LiveData
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import net.pengcook.android.presentation.core.util.Event
+
+class SignUpViewModel :
+    ViewModel(),
+    BottomButtonClickListener {
+    var usernameContent: MutableLiveData<String> = MutableLiveData("")
+    var nicknameContent: MutableLiveData<String> = MutableLiveData("")
+    var year: MutableLiveData<String> = MutableLiveData("")
+    var month: MutableLiveData<String> = MutableLiveData("")
+    var day: MutableLiveData<String> = MutableLiveData("")
+    var country: MutableLiveData<String> = MutableLiveData("")
+    private var _imageUri: MutableLiveData<Uri> = MutableLiveData()
+    val imageUri: LiveData<Uri>
+        get() = _imageUri
+
+    private var _signUpUiState: MutableLiveData<SignUpUiState> = MutableLiveData(SignUpUiState())
+    val signUpUiState: LiveData<SignUpUiState>
+        get() = _signUpUiState
+
+    private var _signUpEvent: MutableLiveData<Event<SignUpEvent>> = MutableLiveData()
+    val signUpEvent: LiveData<Event<SignUpEvent>>
+        get() = _signUpEvent
+
+    fun changeProfileImage(uri: Uri) {
+        _imageUri.value = uri
+    }
+
+    override fun onConfirm() {
+        _signUpUiState.value = signUpUiState.value?.copy(isLoading = true)
+        _signUpEvent.value = Event(SignUpEvent.NavigateToMain("", ""))
+        _signUpUiState.value = signUpUiState.value?.copy(isLoading = false)
+    }
+}

android/app/src/main/res/drawable/bg_radius.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@android:color/transparent"/>
+    <corners android:radius="16dp"/>
+    <stroke android:color="@color/gray" android:width="1dp" />
+</shape>

android/app/src/main/res/drawable/ic_back_24.xml

@@ -0,0 +1,5 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android" android:autoMirrored="true" android:height="24dp" android:tint="#000000" android:viewportHeight="24" android:viewportWidth="24" android:width="24dp">
+
+    <path android:fillColor="@android:color/white" android:pathData="M20,11H7.83l5.59,-5.59L12,4l-8,8 8,8 1.41,-1.41L7.83,13H20v-2z"/>
+
+</vector>