feat: SeatView 구현

app/src/main/java/woowacourse/movie/activity/seatselect/SeatSelectActivity.kt

@@ -8,5 +8,7 @@ class SeatSelectActivity : AppCompatActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContentView(R.layout.activity_seat_select)
+        val seatView = SeatView(findViewById(R.id.layout_seat_area))
+        seatView.set()
     }
 }

app/src/main/java/woowacourse/movie/activity/seatselect/SeatView.kt

@@ -0,0 +1,39 @@
+package woowacourse.movie.activity.seatselect
+
+import android.view.ViewGroup
+import android.widget.TableLayout
+import android.widget.TableRow
+import android.widget.TextView
+import androidx.core.view.children
+import woowacourse.movie.R
+
+class SeatView(viewGroup: ViewGroup) {
+    private val _selectSeats = mutableListOf<String>()
+    val selectSeats: List<String>
+        get() = _selectSeats.toList()
+
+    private val seatViews: List<TextView> = viewGroup.findViewById<TableLayout>(R.id.layout_seats)
+        .children
+        .filterIsInstance<TableRow>()
+        .flatMap { it.children }
+        .filterIsInstance<TextView>().toList()
+
+    fun set() {
+        setSeatViews()
+    }
+
+    private fun setSeatViews() {
+        seatViews.forEach { textView ->
+            textView.setOnClickListener {
+                val seatId = textView.text.toString()
+                if (_selectSeats.contains(seatId)) {
+                    textView.setBackgroundColor(textView.context.getColor(R.color.white))
+                    _selectSeats.remove(seatId)
+                    return@setOnClickListener
+                }
+                textView.setBackgroundColor(textView.context.getColor(R.color.select_seat))
+                _selectSeats.add(seatId)
+            }
+        }
+    }
+}

app/src/main/res/layout/activity_seat_select.xml

@@ -6,14 +6,17 @@
     android:layout_height="match_parent"
     android:background="#EAEAEA"
     tools:context=".activity.seatselect.SeatSelectActivity">
+
     <androidx.constraintlayout.widget.ConstraintLayout
+        android:id="@+id/layout_seat_area"
         android:layout_width="match_parent"
         android:layout_height="0dp"
         app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintBottom_toTopOf="@id/layout_price_info"
         android:paddingBottom="96dp"
         android:paddingHorizontal="34dp">
+
         <TextView
             android:id="@+id/text_screen"
             android:layout_width="0dp"
@@ -25,18 +28,19 @@
             android:textSize="22sp"
             android:gravity="center"
             android:background="#494949"
-            android:textColor="@color/white"
-            />
+            android:textColor="@color/white" />
 
         <TableLayout
+            android:id="@+id/layout_seats"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             app:layout_constraintTop_toBottomOf="@id/text_screen"
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
-            android:layout_marginTop="56dp"
-            >
+            android:layout_marginTop="56dp">
+
             <TableRow android:layout_weight="1">
+
                 <TextView
                     android:id="@+id/seat_a1"
                     android:layout_width="0dp"
@@ -47,7 +51,8 @@
                     android:textSize="22sp"
                     android:text="@string/a1"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_a2"
                     android:layout_width="0dp"
@@ -58,7 +63,8 @@
                     android:textSize="22sp"
                     android:text="@string/a2"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_a3"
                     android:layout_width="0dp"
@@ -69,7 +75,8 @@
                     android:textSize="22sp"
                     android:text="@string/a3"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_a4"
                     android:layout_width="0dp"
@@ -80,9 +87,11 @@
                     android:textSize="22sp"
                     android:text="@string/a4"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
             </TableRow>
+
             <TableRow android:layout_weight="1">
+
                 <TextView
                     android:id="@+id/seat_b1"
                     android:layout_width="0dp"
@@ -93,7 +102,8 @@
                     android:textSize="22sp"
                     android:text="@string/b1"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_b2"
                     android:layout_width="0dp"
@@ -104,7 +114,8 @@
                     android:textSize="22sp"
                     android:text="@string/b2"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_b3"
                     android:layout_width="0dp"
@@ -115,7 +126,8 @@
                     android:textSize="22sp"
                     android:text="@string/b3"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_b4"
                     android:layout_width="0dp"
@@ -126,9 +138,11 @@
                     android:textSize="22sp"
                     android:text="@string/b4"
                     android:textColor="@color/seat_rank_b"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
             </TableRow>
+
             <TableRow android:layout_weight="1">
+
                 <TextView
                     android:id="@+id/seat_c1"
                     android:layout_width="0dp"
@@ -139,7 +153,8 @@
                     android:textSize="22sp"
                     android:text="@string/c1"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_c2"
                     android:layout_width="0dp"
@@ -150,7 +165,8 @@
                     android:textSize="22sp"
                     android:text="@string/c2"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_c3"
                     android:layout_width="0dp"
@@ -161,7 +177,8 @@
                     android:textSize="22sp"
                     android:text="@string/c3"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_c4"
                     android:layout_width="0dp"
@@ -172,9 +189,11 @@
                     android:textSize="22sp"
                     android:text="@string/c4"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
             </TableRow>
+
             <TableRow android:layout_weight="1">
+
                 <TextView
                     android:id="@+id/seat_d1"
                     android:layout_width="0dp"
@@ -185,7 +204,8 @@
                     android:textSize="22sp"
                     android:text="@string/d1"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_d2"
                     android:layout_width="0dp"
@@ -196,7 +216,8 @@
                     android:textSize="22sp"
                     android:text="@string/d2"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_d3"
                     android:layout_width="0dp"
@@ -207,7 +228,8 @@
                     android:textSize="22sp"
                     android:text="@string/d3"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_d4"
                     android:layout_width="0dp"
@@ -218,9 +240,11 @@
                     android:textSize="22sp"
                     android:text="@string/d4"
                     android:textColor="@color/seat_rank_s"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
             </TableRow>
+
             <TableRow android:layout_weight="1">
+
                 <TextView
                     android:id="@+id/seat_e1"
                     android:layout_width="0dp"
@@ -231,7 +255,8 @@
                     android:textSize="22sp"
                     android:text="@string/e1"
                     android:textColor="@color/seat_rank_a"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_e2"
                     android:layout_width="0dp"
@@ -242,7 +267,8 @@
                     android:textSize="22sp"
                     android:text="@string/e2"
                     android:textColor="@color/seat_rank_a"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_e3"
                     android:layout_width="0dp"
@@ -253,7 +279,8 @@
                     android:textSize="22sp"
                     android:text="@string/e3"
                     android:textColor="@color/seat_rank_a"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
+
                 <TextView
                     android:id="@+id/seat_e4"
                     android:layout_width="0dp"
@@ -264,19 +291,20 @@
                     android:textSize="22sp"
                     android:text="@string/e4"
                     android:textColor="@color/seat_rank_a"
-                    android:background="@color/white"/>
+                    android:background="@color/white" />
             </TableRow>
 
         </TableLayout>
 
     </androidx.constraintlayout.widget.ConstraintLayout>
+
     <androidx.constraintlayout.widget.ConstraintLayout
         android:id="@+id/layout_price_info"
         android:layout_width="match_parent"
         android:layout_height="78dp"
         app:layout_constraintBottom_toBottomOf="parent"
-        android:background="@color/white"
-        >
+        android:background="@color/white">
+
         <LinearLayout
             android:layout_width="0dp"
             android:layout_height="wrap_content"
@@ -285,29 +313,33 @@
             app:layout_constraintStart_toStartOf="parent"
             app:layout_constraintBottom_toBottomOf="parent"
             android:paddingHorizontal="20dp"
-            app:layout_constraintEnd_toStartOf="@id/btn_okay"
-            >
+            app:layout_constraintEnd_toStartOf="@id/btn_okay">
+
             <TextView
+                android:id="@+id/text_title"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 tools:text="해리 포터와 마법사의 돌"
                 android:textColor="@color/black"
                 android:textStyle="bold"
                 android:textSize="18sp" />
+
             <TextView
+                android:id="@+id/text_price"
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 tools:text="0원"
                 android:textSize="18sp"
-                android:textColor="@color/price"
-                />
+                android:textColor="@color/price" />
         </LinearLayout>
-        <TextView
+
+        <Button
             android:id="@+id/btn_okay"
             android:layout_width="88dp"
             android:layout_height="match_parent"
             app:layout_constraintTop_toTopOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
+            android:enabled="false"
             android:background="@color/disabled_click"
             android:text="@string/okay"
             android:textStyle="bold"
@@ -318,5 +350,4 @@
     </androidx.constraintlayout.widget.ConstraintLayout>
 
 
-
 </androidx.constraintlayout.widget.ConstraintLayout>

app/src/main/res/values/colors.xml

@@ -13,4 +13,5 @@
     <color name="seat_rank_a">#1B48E9</color>
     <color name="price">#727272</color>
     <color name="disabled_click">#B7B7B7</color>
+    <color name="select_seat">#FAFF00</color>
 </resources>