[AN-UI] 상성 페이지 UI 구현

android/app/src/main/AndroidManifest.xml

@@ -25,6 +25,9 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity
+            android:name=".presentation.type.TypeActivity"
+            android:exported="false" />
     </application>
 
-</manifest>
+</manifest>

android/app/src/main/java/poke/rogue/helper/data/model/MatchedResult.kt

@@ -0,0 +1,8 @@
+package poke.rogue.helper.data.model
+
+enum class MatchedResult {
+    NORMAL,
+    STRONG,
+    WEAK,
+    INEFFECTIVE,
+}

android/app/src/main/java/poke/rogue/helper/data/model/TypeInfo.kt

@@ -0,0 +1,6 @@
+package poke.rogue.helper.data.model
+
+data class TypeInfo(
+    val id: Int,
+    val name: String,
+)

android/app/src/main/java/poke/rogue/helper/local/dao/TypeDao.kt

@@ -0,0 +1,27 @@
+package poke.rogue.helper.local.dao
+
+import poke.rogue.helper.data.model.TypeInfo
+
+object TypeDao {
+    val allTypes =
+        listOf(
+            TypeInfo(0, "노말"),
+            TypeInfo(1, "불꽃"),
+            TypeInfo(2, "물"),
+            TypeInfo(3, "전기"),
+            TypeInfo(4, "풀"),
+            TypeInfo(5, "얼음"),
+            TypeInfo(6, "격투"),
+            TypeInfo(7, "독"),
+            TypeInfo(8, "땅"),
+            TypeInfo(9, "비행"),
+            TypeInfo(10, "에스퍼"),
+            TypeInfo(11, "벌레"),
+            TypeInfo(12, "바위"),
+            TypeInfo(13, "고스트"),
+            TypeInfo(14, "드래곤"),
+            TypeInfo(15, "악"),
+            TypeInfo(16, "강철"),
+            TypeInfo(17, "페어리"),
+        )
+}

android/app/src/main/java/poke/rogue/helper/presentation/home/HomeActivity.kt

@@ -1,12 +1,19 @@
 package poke.rogue.helper.presentation.home
 
+import android.content.Intent
 import android.os.Bundle
 import poke.rogue.helper.R
 import poke.rogue.helper.databinding.ActivityHomeBinding
 import poke.rogue.helper.presentation.base.BindingActivity
+import poke.rogue.helper.presentation.type.TypeActivity
 
 class HomeActivity : BindingActivity<ActivityHomeBinding>(R.layout.activity_home) {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+        binding.tvTmp.setOnClickListener {
+            Intent(this, TypeActivity::class.java).apply {
+                startActivity(this)
+            }
+        }
     }
 }

android/app/src/main/java/poke/rogue/helper/presentation/type/TypeActivity.kt

@@ -0,0 +1,29 @@
+package poke.rogue.helper.presentation.type
+
+import android.os.Bundle
+import poke.rogue.helper.R
+import poke.rogue.helper.databinding.ActivityTypeBinding
+import poke.rogue.helper.local.dao.TypeDao
+import poke.rogue.helper.presentation.base.BindingActivity
+import poke.rogue.helper.presentation.type.mapper.toResultUiModel
+import poke.rogue.helper.presentation.type.model.TypeMatchedResultUiModel
+import poke.rogue.helper.presentation.type.typeselection.TypeSelectionBottomSheetFragment
+
+class TypeActivity : BindingActivity<ActivityTypeBinding>(R.layout.activity_type) {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding.ivTypeMyTypeContent.setOnClickListener {
+            displayBottomSheet()
+        }
+        val dummy =
+            TypeMatchedResultUiModel("페어리", R.drawable.img_property_tmp_2, true, "강한 타입", TypeDao.allTypes.map { it.toResultUiModel() })
+        binding.typeResult = dummy
+    }
+
+    private fun displayBottomSheet() {
+        TypeSelectionBottomSheetFragment().show(
+            supportFragmentManager,
+            TypeSelectionBottomSheetFragment.TAG,
+        )
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/TypeResultAdapter.kt

@@ -0,0 +1,30 @@
+package poke.rogue.helper.presentation.type
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import poke.rogue.helper.databinding.ItemTypeNameBinding
+import poke.rogue.helper.presentation.type.model.TypeUiModel
+
+class TypeResultAdapter(private val types: List<TypeUiModel> = listOf()) :
+    RecyclerView.Adapter<TypeResultViewHolder>() {
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int,
+    ): TypeResultViewHolder {
+        val view = ItemTypeNameBinding.inflate(LayoutInflater.from(parent.context))
+        return TypeResultViewHolder(view)
+    }
+
+    override fun onBindViewHolder(
+        holder: TypeResultViewHolder,
+        position: Int,
+    ) {
+        val item = types[position]
+        holder.bind(item)
+    }
+
+    override fun getItemCount(): Int {
+        return types.size
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/TypeResultView.kt

@@ -0,0 +1,58 @@
+package poke.rogue.helper.presentation.type
+
+import android.content.Context
+import android.graphics.Color
+import android.text.SpannableStringBuilder
+import android.text.Spanned
+import android.text.style.ForegroundColorSpan
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.databinding.BindingAdapter
+import com.google.android.flexbox.FlexDirection
+import com.google.android.flexbox.FlexWrap
+import com.google.android.flexbox.FlexboxLayoutManager
+import com.google.android.flexbox.JustifyContent
+import poke.rogue.helper.databinding.ItemTypeResultBinding
+import poke.rogue.helper.presentation.type.model.TypeMatchedResultUiModel
+
+class TypeResultView(context: Context, attrs: AttributeSet) :
+    ConstraintLayout(context, attrs) {
+    private val binding: ItemTypeResultBinding by lazy {
+        ItemTypeResultBinding.inflate(LayoutInflater.from(context), this, true)
+    }
+    private val flexboxLayoutManager: FlexboxLayoutManager by lazy {
+        FlexboxLayoutManager(context).apply {
+            flexWrap = FlexWrap.WRAP
+            flexDirection = FlexDirection.ROW
+            justifyContent = JustifyContent.FLEX_START
+        }
+    }
+
+    fun bind(typeResult: TypeMatchedResultUiModel) {
+        binding.typeResult = typeResult
+        binding.tvResultMyTypeStrength.text =
+            SpannableStringBuilder(typeResult.matchedResult).apply {
+                setSpan(
+                    ForegroundColorSpan(Color.RED),
+                    0,
+                    2,
+                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE,
+                )
+            }
+        binding.ivResultMyType.setImageResource(typeResult.typeIconResId)
+        binding.rvResultMatchedTypes.layoutManager = flexboxLayoutManager
+        binding.rvResultMatchedTypes.adapter = TypeResultAdapter(typeResult.matchedItem)
+    }
+
+    companion object {
+        @JvmStatic
+        @BindingAdapter("typeResult")
+        fun setTypeResult(
+            view: TypeResultView,
+            typeResult: TypeMatchedResultUiModel,
+        ) {
+            view.bind(typeResult)
+        }
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/TypeResultViewHolder.kt

@@ -0,0 +1,14 @@
+package poke.rogue.helper.presentation.type
+
+import androidx.recyclerview.widget.RecyclerView
+import poke.rogue.helper.databinding.ItemTypeNameBinding
+import poke.rogue.helper.presentation.type.model.TypeUiModel
+
+class TypeResultViewHolder(
+    private val binding: ItemTypeNameBinding,
+) : RecyclerView.ViewHolder(binding.root) {
+    fun bind(typeItem: TypeUiModel) {
+        binding.type = typeItem
+        binding.ivTypeNameIcon.setImageResource(typeItem.iconResId)
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/mapper/TypeMapper.kt

@@ -0,0 +1,57 @@
+package poke.rogue.helper.presentation.type.mapper
+
+import poke.rogue.helper.R
+import poke.rogue.helper.data.model.TypeInfo
+import poke.rogue.helper.presentation.type.model.TypeUiModel
+
+fun TypeInfo.toSelectionUiModel(): TypeUiModel {
+    val imageResId =
+        when (this.id) {
+            0 -> R.drawable.img_type_tmp_1
+            1 -> R.drawable.img_type_tmp_1
+            2 -> R.drawable.img_type_tmp_1
+            3 -> R.drawable.img_type_tmp_1
+            4 -> R.drawable.img_type_tmp_1
+            5 -> R.drawable.img_type_tmp_1
+            6 -> R.drawable.img_type_tmp_1
+            7 -> R.drawable.img_type_tmp_1
+            8 -> R.drawable.img_type_tmp_1
+            9 -> R.drawable.img_type_tmp_1
+            10 -> R.drawable.img_type_tmp_1
+            11 -> R.drawable.img_type_tmp_1
+            12 -> R.drawable.img_type_tmp_1
+            13 -> R.drawable.img_type_tmp_1
+            14 -> R.drawable.img_type_tmp_1
+            15 -> R.drawable.img_type_tmp_1
+            16 -> R.drawable.img_type_tmp_1
+            17 -> R.drawable.img_type_tmp_1
+            else -> throw IllegalArgumentException("Unknown type ID")
+        }
+    return TypeUiModel(this.id, this.name, imageResId)
+}
+
+fun TypeInfo.toResultUiModel(): TypeUiModel {
+    val imageResId =
+        when (this.id) {
+            0 -> R.drawable.img_property_tmp_1
+            1 -> R.drawable.img_property_tmp_1
+            2 -> R.drawable.img_property_tmp_1
+            3 -> R.drawable.img_property_tmp_1
+            4 -> R.drawable.img_property_tmp_1
+            5 -> R.drawable.img_property_tmp_1
+            6 -> R.drawable.img_property_tmp_1
+            7 -> R.drawable.img_property_tmp_1
+            8 -> R.drawable.img_property_tmp_1
+            9 -> R.drawable.img_property_tmp_1
+            10 -> R.drawable.img_property_tmp_1
+            11 -> R.drawable.img_property_tmp_1
+            12 -> R.drawable.img_property_tmp_1
+            13 -> R.drawable.img_property_tmp_1
+            14 -> R.drawable.img_property_tmp_1
+            15 -> R.drawable.img_property_tmp_1
+            16 -> R.drawable.img_property_tmp_1
+            17 -> R.drawable.img_property_tmp_1
+            else -> throw IllegalArgumentException("Unknown type ID")
+        }
+    return TypeUiModel(this.id, this.name, imageResId)
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/mapper/TypeMatchedResultMapper.kt

@@ -0,0 +1,22 @@
+package poke.rogue.helper.presentation.type.mapper
+
+import poke.rogue.helper.R
+import poke.rogue.helper.data.model.MatchedResult
+
+fun MatchedResult.displayName(): String {
+    return when (this) {
+        MatchedResult.STRONG -> "강한"
+        MatchedResult.WEAK -> "약한"
+        MatchedResult.INEFFECTIVE -> "무효한"
+        MatchedResult.NORMAL -> throw IllegalStateException("")
+    }
+}
+
+fun MatchedResult.displayColor(): Int {
+    return when (this) {
+        MatchedResult.STRONG -> R.color.white
+        MatchedResult.WEAK -> R.color.white
+        MatchedResult.INEFFECTIVE -> R.color.white
+        MatchedResult.NORMAL -> throw IllegalStateException("")
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/model/TypeMatchedResultUiModel.kt

@@ -0,0 +1,11 @@
+package poke.rogue.helper.presentation.type.model
+
+import androidx.annotation.DrawableRes
+
+data class TypeMatchedResultUiModel(
+    val typeName: String,
+    @DrawableRes val typeIconResId: Int,
+    val isMyType: Boolean,
+    val matchedResult: String,
+    val matchedItem: List<TypeUiModel>,
+)

android/app/src/main/java/poke/rogue/helper/presentation/type/model/TypeUiModel.kt

@@ -0,0 +1,9 @@
+package poke.rogue.helper.presentation.type.model
+
+import androidx.annotation.DrawableRes
+
+data class TypeUiModel(
+    val id: Int,
+    val name: String,
+    @DrawableRes val iconResId: Int,
+)

android/app/src/main/java/poke/rogue/helper/presentation/type/typeselection/TypeSelectionAdapter.kt

@@ -0,0 +1,30 @@
+package poke.rogue.helper.presentation.type.typeselection
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import poke.rogue.helper.databinding.ItemTypeChoiceBinding
+import poke.rogue.helper.presentation.type.model.TypeUiModel
+
+class TypeSelectionAdapter(private val types: List<TypeUiModel> = listOf()) :
+    RecyclerView.Adapter<TypeSelectionViewHolder>() {
+    override fun onCreateViewHolder(
+        parent: ViewGroup,
+        viewType: Int,
+    ): TypeSelectionViewHolder {
+        val view = ItemTypeChoiceBinding.inflate(LayoutInflater.from(parent.context))
+        return TypeSelectionViewHolder(view)
+    }
+
+    override fun getItemCount(): Int {
+        return types.size
+    }
+
+    override fun onBindViewHolder(
+        holder: TypeSelectionViewHolder,
+        position: Int,
+    ) {
+        val item = types[position]
+        holder.bind(item)
+    }
+}

android/app/src/main/java/poke/rogue/helper/presentation/type/typeselection/TypeSelectionBottomSheetFragment.kt

@@ -0,0 +1,53 @@
+package poke.rogue.helper.presentation.type.typeselection
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import poke.rogue.helper.databinding.FragmentTypeChoiceBottomSheetBinding
+import poke.rogue.helper.local.dao.TypeDao
+import poke.rogue.helper.presentation.type.mapper.toSelectionUiModel
+import poke.rogue.helper.presentation.util.view.GridSpacingItemDecoration
+import poke.rogue.helper.presentation.util.view.dp
+
+class TypeSelectionBottomSheetFragment : BottomSheetDialogFragment() {
+    private var _binding: FragmentTypeChoiceBottomSheetBinding? = null
+    private val binding get() = requireNotNull(_binding)
+    private val adapter by lazy {
+        TypeSelectionAdapter(TypeDao.allTypes.map { it.toSelectionUiModel() })
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?,
+    ): View {
+        _binding = FragmentTypeChoiceBottomSheetBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(
+        view: View,
+        savedInstanceState: Bundle?,
+    ) {
+        super.onViewCreated(view, savedInstanceState)
+        initAdapter()
+    }
+
+    private fun initAdapter() {
+        binding.rvTypeChoice.adapter = adapter
+        val decoration =
+            GridSpacingItemDecoration(spanCount = 4, spacing = 19.dp, includeEdge = false)
+        binding.rvTypeChoice.addItemDecoration(decoration)
+    }
+
+    override fun onDestroyView() {
+        super.onDestroyView()
+        _binding = null
+    }
+
+    companion object {
+        const val TAG = "type_selection_bottom_sheet_fragment"
+    }
+}