Skip to content

Commit

Permalink
[UI/#34] 설정 UI 구현
Browse files Browse the repository at this point in the history
  • Loading branch information
@b1urrrr
b1urrrr committed Jul 9, 2023
1 parent 5ff00d7 commit f143ca9
Show file tree
Hide file tree
Showing 3 changed files with 231 additions and 72 deletions.
13 changes: 13 additions & 0 deletions app/src/main/res/drawable/ic_setting_detail.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="6dp"
android:height="11dp"
android:viewportWidth="6"
android:viewportHeight="11">
<path
android:pathData="M1,1L5,5.5L1,10"
android:strokeLineJoin="round"
android:strokeWidth="1.37405"
android:fillColor="#00000000"
android:strokeColor="#ADADAD"
android:strokeLineCap="round"/>
</vector>
282 changes: 210 additions & 72 deletions app/src/main/res/layout/fragment_setting.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,79 +4,217 @@
xmlns:tools="http://schemas.android.com/tools"
tools:context=".presentation.main.setting.SettingFragment">

<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/layout_setting"
<ScrollView
android:id="@+id/sv_setting"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/gray050">
android:layout_height="match_parent">

<TextView
android:id="@+id/tv_setting_title"
style="@style/HeadingSemibold24"
android:layout_width="wrap_content"
<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/layout_setting"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="25dp"
android:layout_marginTop="56dp"
android:text="@string/setting_title"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/tv_setting_nickname"
style="@style/SubtitleSemibold18"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="25dp"
android:layout_marginTop="49dp"
android:lineHeight="26sp"
tools:text="민지너는최고"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_title" />

<View
android:id="@+id/view_setting_divider1"
android:layout_width="0dp"
android:layout_height="14dp"
android:layout_marginTop="31dp"
android:background="@color/gray100"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_nickname" />

<TextView
android:id="@+id/tv_setting_login_info"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_login_info"
android:textColor="@color/gray500"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/view_setting_divider1"
app:drawableEndCompat="@drawable/ic_setting_kakao" />

<TextView
android:id="@+id/tv_setting_auto_login"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="자동 로그인 사용"
android:textColor="@color/gray500"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_login_info" />

<Switch
android:id="@+id/switch_setting_auto_login"
android:layout_width="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@id/tv_setting_auto_login"
android:layout_marginEnd="25dp"
app:layout_constraintBottom_toBottomOf="@id/tv_setting_auto_login"
android:layout_height="wrap_content" />
</androidx.constraintlayout.widget.ConstraintLayout>
android:background="@color/gray050">

<TextView
android:id="@+id/tv_setting_title"
style="@style/HeadingSemibold24"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="25dp"
android:layout_marginTop="56dp"
android:text="@string/setting_title"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/tv_setting_nickname"
style="@style/SubtitleSemibold18"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="25dp"
android:layout_marginTop="49dp"
android:lineHeight="26sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_title"
tools:text="민지너는최고" />

<View
android:id="@+id/view_setting_divider1"
android:layout_width="0dp"
android:layout_height="14dp"
android:layout_marginTop="31dp"
android:background="@color/gray100"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_nickname" />

<TextView
android:id="@+id/tv_setting_login_info"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_login_info"
android:textColor="@color/gray500"
app:drawableEndCompat="@drawable/ic_setting_kakao"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/view_setting_divider1" />

<TextView
android:id="@+id/tv_setting_auto_login"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_auto_login"
android:textColor="@color/gray500"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_login_info" />

<com.google.android.material.materialswitch.MaterialSwitch
android:id="@+id/switch_setting_auto_login"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="25dp"
app:layout_constraintBottom_toBottomOf="@id/tv_setting_auto_login"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@id/tv_setting_auto_login" />

<View
android:id="@+id/view_setting_divider2"
android:layout_width="0dp"
android:layout_height="14dp"
android:background="@color/gray100"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_auto_login" />

<TextView
android:id="@+id/tv_setting_push_alarm"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_push_alarm"
android:textColor="@color/gray500"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/view_setting_divider2" />

<com.google.android.material.materialswitch.MaterialSwitch
android:id="@+id/switch_setting_push_alarm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="25dp"
app:layout_constraintBottom_toBottomOf="@id/tv_setting_push_alarm"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@id/tv_setting_push_alarm" />

<View
android:id="@+id/view_setting_divider3"
android:layout_width="0dp"
android:layout_height="14dp"
android:background="@color/gray100"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_push_alarm" />

<TextView
android:id="@+id/tv_setting_version_info"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_version_info"
android:textColor="@color/gray500"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/view_setting_divider3" />

<TextView
android:id="@+id/btn_setting_terms_of_service"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_terms_of_service"
android:textColor="@color/gray500"
app:drawableEndCompat="@drawable/ic_setting_detail"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tv_setting_version_info" />

<TextView
android:id="@+id/btn_setting_privacy_policy"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_privacy_policy"
android:textColor="@color/gray500"
app:drawableEndCompat="@drawable/ic_setting_detail"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/btn_setting_terms_of_service" />

<TextView
android:id="@+id/btn_setting_opensource_license"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_opensource_license"
android:textColor="@color/gray500"
app:drawableEndCompat="@drawable/ic_setting_detail"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/btn_setting_privacy_policy" />

<View
android:id="@+id/view_setting_divider4"
android:layout_width="0dp"
android:layout_height="14dp"
android:background="@color/gray100"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/btn_setting_opensource_license" />

<TextView
android:id="@+id/btn_setting_logout"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_logout"
android:textColor="@color/red500"
app:drawableEndCompat="@drawable/ic_setting_detail"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/view_setting_divider4" />

<TextView
android:id="@+id/btn_setting_leave"
style="@style/BodyMedium16"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:paddingHorizontal="25dp"
android:paddingVertical="18dp"
android:text="@string/setting_leave"
android:textColor="@color/gray400"
app:drawableEndCompat="@drawable/ic_setting_detail"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/btn_setting_logout" />
</androidx.constraintlayout.widget.ConstraintLayout>
</ScrollView>
</layout>
8 changes: 8 additions & 0 deletions app/src/main/res/values/strings.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,4 +64,12 @@
<!-- TODO: Remove or change this placeholder text -->
<string name="hello_blank_fragment">Hello blank fragment</string>
<string name="setting_login_info">로그인 정보</string>
<string name="setting_auto_login">자동 로그인 사용</string>
<string name="setting_push_alarm">푸시 알람 설정</string>
<string name="setting_version_info">버전 정보</string>
<string name="setting_terms_of_service">서비스 이용 약관</string>
<string name="setting_privacy_policy">개인정보 처리방침</string>
<string name="setting_opensource_license">오픈소스 라이센스</string>
<string name="setting_logout">로그아웃</string>
<string name="setting_leave">탈퇴하기</string>
</resources>

0 comments on commit f143ca9

Please sign in to comment.