#6 onboarding/온보딩 화면 : 직장 검색 화면 📰

- 직장 검색화면 구현 - dimen, string, themes 수정
hometerview · Jul 30, 2022 · 8ecf16c · 8ecf16c
1 parent 0703931
commit 8ecf16c
Show file tree

Hide file tree

Showing 6 changed files with 123 additions and 31 deletions.
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
@@ -1,8 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools"
-    package="com.ftw.hometerview"
-    >
+    package="com.ftw.hometerview">
 
     <uses-permission android:name="android.permission.INTERNET" />
 
@@ -16,21 +15,18 @@
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/Theme.Hometerview"
-        tools:targetApi="31"
-        >
+        tools:targetApi="31">
 
+        <activity
+            android:name=".ui.onboarding.OnboardingActivity"
+            android:exported="false" />
         <activity
             android:name=".ui.splash.SplashActivity"
             android:exported="true"
-            tools:ignore="Instantiatable">
-
-        </activity>
-
+            tools:ignore="Instantiatable" />
         <activity
             android:name=".ui.main.MainActivity"
-            android:exported="false"
-            />
-
+            android:exported="false" />
         <activity
             android:name=".ui.login.LoginActivity"
             android:exported="true">
@@ -39,13 +35,10 @@
 
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
-        </activity>
-
-        <!-- kakao 로그인 창 -->
+        </activity> <!-- kakao 로그인 창 -->
         <activity
             android:name="com.kakao.sdk.auth.AuthCodeHandlerActivity"
-            android:exported="true"
-            >
+            android:exported="true">
             <intent-filter>
                 <action android:name="android.intent.action.VIEW" />
 
@@ -54,11 +47,9 @@
 
                 <data
                     android:host="oauth"
-                    android:scheme="@string/kakao_scheme"
-                    />
+                    android:scheme="@string/kakao_scheme" />
             </intent-filter>
         </activity>
-
     </application>
 
-</manifest>
+</manifest>
diff --git a/app/src/main/java/com/ftw/hometerview/ui/onboarding/OnboardingActivity.kt b/app/src/main/java/com/ftw/hometerview/ui/onboarding/OnboardingActivity.kt
@@ -0,0 +1,30 @@
+package com.ftw.hometerview.ui.onboarding
+
+import android.content.Intent
+import androidx.appcompat.app.AppCompatActivity
+import android.os.Bundle
+import android.view.inputmethod.EditorInfo
+import com.ftw.hometerview.databinding.ActivityOnboardingBinding
+import com.ftw.hometerview.ui.onboardingresult.OnboardingResultActivity
+
+class OnboardingActivity : AppCompatActivity() {
+
+    private lateinit var binding: ActivityOnboardingBinding
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        binding = ActivityOnboardingBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+
+        binding.searchButton.setOnEditorActionListener { v, actionId, event ->
+            if(actionId == EditorInfo.IME_ACTION_SEARCH){
+                // 보내기 동작
+                val intent = Intent(this, OnboardingResultActivity::class.java)
+                intent.putExtra("search_word", binding.searchButton.text.toString())
+                startActivity(intent)
+            }
+            true
+        }
+    }
+}
diff --git a/app/src/main/res/layout/activity_onboarding.xml b/app/src/main/res/layout/activity_onboarding.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        tools:context=".ui.onboarding.OnboardingActivity">
+
+        <TextView
+            android:id="@+id/go_to_next"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="@dimen/dp_size_32"
+            android:layout_marginEnd="@dimen/dp_size_16"
+            android:text="@string/skip_text"
+            android:textStyle="bold"
+            android:textColor="@color/black"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+
+        <TextView
+            android:id="@+id/guide_text"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/dp_size_48"
+            android:layout_marginTop="@dimen/dp_size_24"
+            android:layout_marginEnd="@dimen/dp_size_48"
+            android:text="@string/onboarding_text"
+            android:textAlignment="center"
+            android:textColor="@color/black"
+            android:textSize="@dimen/guide_text_size"
+            android:textStyle="bold"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/go_to_next" />
+
+        <com.google.android.material.textfield.TextInputLayout
+            style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
+            android:layout_width="0dp"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/dp_size_16"
+            android:layout_marginTop="@dimen/dp_size_32"
+            android:layout_marginEnd="@dimen/dp_size_16"
+            android:hint="@string/search_text"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toBottomOf="@+id/guide_text"
+            app:startIconDrawable="@drawable/ic_baseline_search_24"
+            app:startIconTint="@color/blue01">
+
+            <com.google.android.material.textfield.TextInputEditText
+                android:id="@+id/search_button"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:inputType="text"
+                android:imeOptions="actionSearch"/>
+
+        </com.google.android.material.textfield.TextInputLayout>
+
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
+</layout>
diff --git a/app/src/main/res/values/dimen.xml b/app/src/main/res/values/dimen.xml
@@ -4,6 +4,12 @@
     <!-- Text size -->
     <dimen name="guide_text_size">20sp</dimen>
 
+
+    <dimen name="sp_size_11">11sp</dimen>
+    <dimen name="sp_size_13">13sp</dimen>
+    <dimen name="sp_size_16">16sp</dimen>
+    <dimen name="sp_size_20">20sp</dimen>
+
     <dimen name="title_text_size">36sp</dimen>
     <dimen name="default_text_size">18sp</dimen>
     <dimen name="button_text_size">24sp</dimen>
@@ -25,13 +31,8 @@
     <dimen name="dp_size_20">20dp</dimen>
     <dimen name="dp_size_24">24dp</dimen>
     <dimen name="dp_size_32">32dp</dimen>
+    <dimen name="dp_size_48">48dp</dimen>
+    <dimen name="dp_size_60">60dp</dimen>
     <dimen name="dp_size_400">400dp</dimen>
 
-    <!-- margin size -->
-    <dimen name="margin_size_2">2dp</dimen>
-
-
-    <!-- loginActivity dp size -->
-    <dimen name="kakao_login_button_box_bottom_margin">14dp</dimen>
-
 </resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
@@ -5,5 +5,11 @@
     <string name="guide_text1">나랑 같은 지역으로 출근하는 사람들은 어디에 살고있을까?</string>
     <string name="guide_text2">집터뷰는 같은 지하철역으로 출근하는 사람들이 많이 사는 지역을 추천해줘요!</string>
     <string name="guide_text3">다음 집은 어디로 이사가야 스트레스 안 받고 출퇴근 할 수 있을까?</string>
-
+    <string name="onboarding_text">우리는 직장 정보 기반으로 많은 추천을 해드려요!</string>
+    <string name="search_text">검색</string>
+    <string name="search_result_guide_text">검색한 주소의 근처 역을 기준으로 주거정보를 제공해줘요!</string>
+    <string name="non_result_text">내가 찾는 회사가 없어요!</string>
+    <string name="to_detail_text"><![CDATA[으로 검색 >]]></string>
+    <string name="direct_text">직접입력</string>
+    <string name="skip_text">건너뛰기</string>
 </resources>
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
@@ -2,15 +2,15 @@
     <!-- Base application theme. -->
     <style name="Theme.Hometerview" parent="Theme.MaterialComponents.DayNight.NoActionBar">
         <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimary">@color/blue01</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
         <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
         <item name="colorSecondary">@color/teal_200</item>
         <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
+        <item name="android:statusBarColor" tools:targetApi="l">@color/blue01</item>
         <!-- Customize your theme here. -->
-    </style>
+    </style>면
 </resources>