언어선택 UI 반영 및 언어 CSV 변환 Gradle Task 추가

Author: chlwhdtn03

app/src/main/java/com/eatssu/android/presentation/mypage/language/LanguageSelectorScreen.kt

@@ -4,7 +4,6 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Scaffold
-import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
@@ -15,7 +14,7 @@ import androidx.hilt.navigation.compose.hiltViewModel
 import androidx.lifecycle.compose.collectAsStateWithLifecycle
 import com.eatssu.android.R
 import com.eatssu.common.enums.AppLanguage
-import com.eatssu.design_system.component.EatSsuRadioButtonGroup
+import com.eatssu.design_system.component.EatSsuRadioCheckBoxGroup
 import com.eatssu.design_system.component.EatSsuTopBar
 import com.eatssu.design_system.theme.EatssuTheme
 
@@ -63,13 +62,13 @@ fun LanguageSelectorContent(
                 .fillMaxSize()
                 .padding(horizontal = 24.dp)
         ) {
-            Text(
-                text = stringResource(R.string.language_select_description),
-                style = EatssuTheme.typography.body2,
-                modifier = Modifier.padding(vertical = 20.dp)
-            )
+//            Text(
+//                text = stringResource(R.string.language_select_description),
+//                style = EatssuTheme.typography.body2,
+//                modifier = Modifier.padding(vertical = 20.dp)
+//            )
 
-            EatSsuRadioButtonGroup(
+            EatSsuRadioCheckBoxGroup(
                 options = languageOptions,
                 selectedOption = selectedOption,
                 onOptionSelected = { selected ->

app/src/main/res/values-en/strings.xml

@@ -15,4 +15,11 @@ buildscript {
     dependencies {
         classpath(libs.oss.licenses.plugin)
     }
-}
+}
+
+tasks.register<Exec>("generateLocalizedStrings") {
+    group = "localization"
+    description =
+        "language.csv 파일을 통해 res/values-* 위치에 양식에 맞게 strings.xml 파일을 생성합니다. csv에 기존 strings.xml에 매칭되는 값이 없는 경우 한글 값이 들어갑니다."
+    commandLine("python3", "scripts/generate_android_strings.py")
+}

app/src/main/res/values-ja/strings.xml

@@ -11,9 +11,9 @@ enum class AppLanguage(
     val nativeDisplayName: String
 ) {
     // SYSTEM("", "System Default", "시스템 언어"),  // 다국어 재활성화 시 주석 해제
-    KOREAN("ko", "Korean", "한국어");
-    // ENGLISH("en", "English", "English"),  // 다국어 재활성화 시 주석 해제
-    // JAPANESE("ja", "Japanese", "日本語"),  // 다국어 재활성화 시 주석 해제
+    KOREAN("ko", "Korean", "한국어"),
+    ENGLISH("en", "English", "English"),  // 다국어 재활성화 시 주석 해제
+    JAPANESE("ja", "Japanese", "日本語");  // 다국어 재활성화 시 주석 해제
     // CHINESE("zh", "Chinese", "中文"),  // 다국어 재활성화 시 주석 해제
     // VIETNAMESE("vi", "Vietnamese", "Tiếng Việt");  // 다국어 재활성화 시 주석 해제
 

app/src/main/res/values-vi/strings.xml

@@ -0,0 +1,94 @@
+package com.eatssu.design_system.component
+
+import androidx.compose.foundation.border
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.eatssu.design_system.theme.CheckedColor
+import com.eatssu.design_system.theme.Gray400
+
+@Composable
+fun EatSsuRadioCheckBox(
+    text: String,
+    isSelected: Boolean,
+    onSelect: () -> Unit
+) {
+
+    Row(
+        modifier = Modifier
+            .fillMaxWidth()
+            .clickable { onSelect() }
+            .padding(15.dp),
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Text(
+            text = text,
+            color = MaterialTheme.colorScheme.onSurface,
+            style = com.eatssu.design_system.theme.EatssuTheme.typography.body2
+        )
+
+        Spacer(Modifier.weight(1f))
+        if (!isSelected) {
+            Box(
+                modifier = Modifier
+                    .size(18.dp)
+                    .border(width = 2.dp, shape = CircleShape, color = Gray400)
+            )
+        } else {
+            Box(
+                modifier = Modifier
+                    .size(18.dp)
+                    .border(width = 5.dp, shape = CircleShape, color = CheckedColor)
+            )
+        }
+    }
+}
+
+@Composable
+fun EatSsuRadioCheckBoxGroup(
+    options: List<String>,
+    selectedOption: String,
+    onOptionSelected: (String) -> Unit
+) {
+    LazyColumn(modifier = Modifier.fillMaxWidth()) {
+        items(options, key = { it }) { option ->
+            val isSelected = option == selectedOption
+            EatSsuRadioCheckBox(
+                text = option,
+                isSelected = isSelected,
+                onSelect = { onOptionSelected(option) }
+            )
+            Spacer(modifier = Modifier.height(8.dp))
+        }
+    }
+}
+
+
+@Composable
+@Preview
+fun LanguageSelectionPreview() {
+    val languages = listOf("한국어", "English", "JP")
+
+    com.eatssu.design_system.theme.EatssuTheme {
+        EatSsuRadioCheckBoxGroup(
+            options = languages,
+            selectedOption = languages[0],
+            onOptionSelected = {}
+        )
+    }
+}

build.gradle.kts

@@ -42,4 +42,6 @@ val WarningBr = Color(0xFFFFE0A3)
 
 val Danger = Color(0xFFDE3412)
 val DangerBg = Color(0xFFFDEFEC)
-val DangerBr = Color(0xFFFCDFD9)
+val DangerBr = Color(0xFFFCDFD9)
+
+val CheckedColor = Color(0xFF66D4C2)