feat: 선을 그릴 수 있는 기능 추가

app/build.gradle.kts

@@ -1,6 +1,8 @@
+
 plugins {
  id("com.android.application")
  id("org.jetbrains.kotlin.android")
+ id("kotlin-kapt")
 }
 
 android {
@@ -22,7 +24,7 @@ android {
  isMinifyEnabled = false
  proguardFiles(
  getDefaultProguardFile("proguard-android-optimize.txt"),
- "proguard-rules.pro"
+ "proguard-rules.pro",
  )
  }
  }
@@ -33,6 +35,10 @@ android {
  kotlinOptions {
  jvmTarget = "11"
  }
+
+ buildFeatures {
+ dataBinding = true
+ }
 }
 
 dependencies {

app/src/main/java/woowacourse/paint/MainActivity.kt

@@ -2,13 +2,18 @@ package woowacourse.paint
 
 import android.os.Bundle
 import androidx.appcompat.app.AppCompatActivity
-
+import androidx.databinding.DataBindingUtil
+import woowacourse.paint.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
-
+ lateinit var binding: ActivityMainBinding
  override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
- setContentView(R.layout.activity_main)
+ setupBinding()
+ }
 
+ private fun setupBinding() {
+ binding = DataBindingUtil.setContentView(this, R.layout.activity_main)
+ binding.lifecycleOwner = this
  }
 }

app/src/main/java/woowacourse/paint/PaintView.kt

@@ -1,7 +1,52 @@
 package woowacourse.paint
 
 import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.Paint
+import android.graphics.Path
+import android.graphics.Point
+import android.util.AttributeSet
+import android.view.MotionEvent
 import android.view.View
 
-class PaintView(context: Context) : View(context) {
+class PaintView(context: Context, attr: AttributeSet) : View(
+ context,
+ attr,
+) {
+ private val path = Path()
+ private val paint = Paint()
+
+ private var startPoint = Point()
+
+ init {
+ paint.isAntiAlias = true
+ paint.color = Color.BLACK
+ paint.style = Paint.Style.STROKE
+ paint.strokeJoin = Paint.Join.ROUND
+ paint.strokeWidth = 5f // 선의 두께를 조절할 수 있습니다.
+ }
+
+ override fun onDraw(canvas: Canvas) {
+ super.onDraw(canvas)
+ canvas.drawPath(path, paint)
+ }
+
+ override fun onTouchEvent(event: MotionEvent): Boolean {
+ val pointX = event.x
+ val pointY = event.y
+
+ when (event.action) {
+ MotionEvent.ACTION_DOWN -> startPoint = Point(pointX.toInt(), pointY.toInt())
+ MotionEvent.ACTION_MOVE -> {
+ path.moveTo(startPoint.x.toFloat(), startPoint.y.toFloat())
+ path.lineTo(pointX, pointY)
+ startPoint = Point(pointX.toInt(), pointY.toInt())
+ invalidate()
+ }
+
+ else -> super.onTouchEvent(event)
+ }
+ return true
+ }
 }

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

@@ -1,59 +1,63 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http:https://schemas.android.com/apk/res/android"
- xmlns:app="http:https://schemas.android.com/apk/res-auto"
- xmlns:tools="http:https://schemas.android.com/tools"
- android:layout_width="match_parent"
- android:layout_height="match_parent">
-
- <woowacourse.paint.PaintView
- android:id="@+id/pv_paper"
- android:layout_width="0dp"
- android:layout_height="0dp"
- app:layout_constraintBottom_toTopOf="@id/rs_thickness_changer"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintTop_toTopOf="parent" />
-
- <com.google.android.material.slider.RangeSlider
- android:id="@+id/rs_thickness_changer"
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- app:layout_constraintBottom_toTopOf="@id/rv_colors"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintStart_toStartOf="parent" />
-
- <androidx.recyclerview.widget.RecyclerView
- android:id="@+id/rv_colors"
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- android:orientation="horizontal"
- app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintStart_toStartOf="parent"
- app:layout_constraintTop_toBottomOf="@id/rs_thickness_changer"
- tools:listitem="@layout/item_color_palette" />
-
- <Button
- android:id="@+id/btn_change_color"
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- android:layout_margin="10dp"
- android:text="@string/main_change_color"
- app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintEnd_toStartOf="@id/btn_change_thickness"
- app:layout_constraintHorizontal_chainStyle="packed"
- app:layout_constraintStart_toStartOf="parent" />
-
- <Button
- android:id="@+id/btn_change_thickness"
- android:layout_width="0dp"
- android:layout_height="wrap_content"
- android:layout_margin="10dp"
- android:text="@string/main_change_thickness"
- app:layout_constraintBottom_toBottomOf="parent"
- app:layout_constraintEnd_toEndOf="parent"
- app:layout_constraintStart_toEndOf="@id/btn_change_color"
- app:layout_constraintTop_toBottomOf="@id/rv_colors" />
-
-
-</androidx.constraintlayout.widget.ConstraintLayout>
+<layout>
+
+
+ <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http:https://schemas.android.com/apk/res/android"
+ xmlns:app="http:https://schemas.android.com/apk/res-auto"
+ xmlns:tools="http:https://schemas.android.com/tools"
+ android:layout_width="match_parent"
+ android:layout_height="match_parent">
+
+ <woowacourse.paint.PaintView
+ android:id="@+id/pv_paper"
+ android:layout_width="0dp"
+ android:layout_height="0dp"
+ app:layout_constraintBottom_toTopOf="@id/rs_thickness_changer"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toTopOf="parent" />
+
+ <com.google.android.material.slider.RangeSlider
+ android:id="@+id/rs_thickness_changer"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ app:layout_constraintBottom_toTopOf="@id/rv_colors"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent" />
+
+ <androidx.recyclerview.widget.RecyclerView
+ android:id="@+id/rv_colors"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:orientation="horizontal"
+ app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@id/rs_thickness_changer"
+ tools:listitem="@layout/item_color_palette" />
+
+ <Button
+ android:id="@+id/btn_change_color"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_margin="10dp"
+ android:text="@string/main_change_color"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintEnd_toStartOf="@id/btn_change_thickness"
+ app:layout_constraintHorizontal_chainStyle="packed"
+ app:layout_constraintStart_toStartOf="parent" />
+
+ <Button
+ android:id="@+id/btn_change_thickness"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_margin="10dp"
+ android:text="@string/main_change_thickness"
+ app:layout_constraintBottom_toBottomOf="parent"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toEndOf="@id/btn_change_color"
+ app:layout_constraintTop_toBottomOf="@id/rv_colors" />
+
+
+ </androidx.constraintlayout.widget.ConstraintLayout>
+</layout>