From 5c6f1298ce2bc03a8a1a4f2065dd2aeab6715609 Mon Sep 17 00:00:00 2001
From: seoyoon513 <syoonlee513@gmail.com>
Date: Thu, 16 Mar 2023 15:08:46 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20#5=20color=20picker=20=EA=B5=AC?=
 =?UTF-8?q?=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Chapter03/.idea/gradle.xml                    |  1 +
 .../inspectionProfiles/Project_Default.xml    | 37 +++++++++
 .../syoon/compose/chapter03/MainActivity.kt   | 83 ++++++++++++++-----
 3 files changed, 102 insertions(+), 19 deletions(-)
 create mode 100644 Chapter03/.idea/inspectionProfiles/Project_Default.xml

diff --git a/Chapter03/.idea/gradle.xml b/Chapter03/.idea/gradle.xml
index a9f4e52..a2d7c21 100644
--- a/Chapter03/.idea/gradle.xml
+++ b/Chapter03/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
diff --git a/Chapter03/.idea/inspectionProfiles/Project_Default.xml b/Chapter03/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..ed76bea
--- /dev/null
+++ b/Chapter03/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,37 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="PreviewAnnotationInFunctionWithParameters" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewFontScaleMustBeGreaterThanZero" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewMultipleParameterProviders" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="PreviewPickerAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+      <option name="previewFile" value="true" />
+    </inspection_tool>
+  </profile>
+</component>
\ No newline at end of file
diff --git a/Chapter03/app/src/main/java/com/syoon/compose/chapter03/MainActivity.kt b/Chapter03/app/src/main/java/com/syoon/compose/chapter03/MainActivity.kt
index 27bc040..2511314 100644
--- a/Chapter03/app/src/main/java/com/syoon/compose/chapter03/MainActivity.kt
+++ b/Chapter03/app/src/main/java/com/syoon/compose/chapter03/MainActivity.kt
@@ -1,28 +1,54 @@
 package com.syoon.compose.chapter03
 
 import android.os.Bundle
+import android.util.Log
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
-import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
 import androidx.compose.material.MaterialTheme
-import androidx.compose.material.Surface
+import androidx.compose.material.Slider
 import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import androidx.compose.ui.tooling.preview.Preview
-import com.syoon.compose.chapter03.ui.theme.Chapter03Theme
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.min
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
         setContent {
-            Chapter03Theme {
-                // A surface container using the 'background' color from the theme
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colors.background
+            BoxWithConstraints(
+                contentAlignment = Alignment.Center,
+                modifier = Modifier.fillMaxSize()
+            ) {
+                Column(
+                    modifier = Modifier.width(min(400.dp, maxWidth)),
+                    horizontalAlignment = Alignment.CenterHorizontally
                 ) {
-                    Greeting("Android")
+                    Log.d("###", "재구성")
+                    val color = remember { mutableStateOf(Color.Magenta) }
+                    ColorPicker(color) // slider가 움직일 때마다 color 값이 변경됨
+                    Text(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .background(color.value),
+                        text = "#${color.value.toArgb().toUInt().toString(16)}",
+                        textAlign = TextAlign.Center,
+                        style = MaterialTheme.typography.h4.merge(
+                            TextStyle(
+                                color = color.value.complementary() // 텍스트 컬러는 보색으로 나타남
+                            )
+                        )
+                    )
                 }
             }
         }
@@ -30,14 +56,33 @@ class MainActivity : ComponentActivity() {
 }
 
 @Composable
-fun Greeting(name: String) {
-    Text(text = "Hello $name!")
+fun ColorPicker(color: MutableState<Color>) {
+    // 색 공간을 기반으로 하는 float 반환
+    val red = color.value.red
+    val green = color.value.green
+    val blue = color.value.blue
+    Column {
+        Slider(
+            value = red, // 슬라이더가 나타낼 값 (0~1F 사이)
+            onValueChange = { // 슬라이더 드래그 or 선 터치 시 호출
+                color.value = Color(
+                    it, // onValueChange로 얻는 현재 슬라이더의 새로운 색상
+                    green,
+                    blue,
+                )
+            })
+        Slider(
+            value = green,
+            onValueChange = { color.value = Color(red, it, blue) })
+        Slider(
+            value = blue,
+            onValueChange = { color.value = Color(red, green, it) })
+    }
 }
 
-@Preview(showBackground = true)
-@Composable
-fun DefaultPreview() {
-    Chapter03Theme {
-        Greeting("Android")
-    }
-}
\ No newline at end of file
+// Color의 확장함수 - 전달받은 색상의 보색을 연산
+fun Color.complementary() = Color(
+    red = 1F - red,
+    green = 1F - green,
+    blue = 1F - blue
+)
\ No newline at end of file