Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[UI/#13] onboarding profile setting #14

Merged
merged 26 commits into from
Jan 1, 2024

Conversation

chattymin
Copy link
Member

@chattymin chattymin commented Dec 31, 2023

⛳️ Work Description

  • UI 구현
  • 글자수 세는 함수 커스텀
  • 글자 입력 제한 함수 커스텀
  • 입력값 검증 후 페이지 이동버튼 활성화
  • 에러 상태 확인 및 적용
  • 에러 관련 정보들 커스텀

📸 Screenshot

2024-01-01.9.05.38.mov

📢 To Reviewers

  • emoji가 포함되어야 하기 때문에 글자수 세기 및 제한 함수를 커스텀했습니다.
  • 페이지 이동 버튼은 디자인이 변경될 가능성이 있기 때문에 대략적으로 만들어두었습니다. 추후 디자인이 나온다면 수정하겠습니다.
  • string 리소스로 인한 충돌이 발생하여 해결하였습니다.
  • 디자인에 맞게 전부 수정했습니다!
  • 타이포 제외 전부 적용 완료!

Copy link
Member

@Marchbreeze Marchbreeze left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

굿굿 !! 머 넘 잘해서 코멘트 달만한게 딱히 없네요 ㅋㅋ

Comment on lines 32 to 35
binding.etvOnboardingProfileSettingOnLineInfo.setOnEditorActionListener { view, actionId, _ ->
if (actionId == EditorInfo.IME_ACTION_DONE) view.clearFocus()
false
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 어우 컴포넌트 id 한번 살벌하네요 ㅋㅋㅋㅋㅋ
우리 에딧텍스트 컨벤션 et로 설정해주셔야할 듯 하구, 지금도 괜찮지만 조오금은 길이 줄여볼 방법도 생각해보면 좋을듯 ㅎㅎ

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ㅋㅋㅋㅋㅋㅋㅋㅋ 넵 이건 생각해보겠습니당

Comment on lines 56 to 57
const val MAX_NAME_LEN = 5
const val MAX_INFO_LEN = 20
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이야 굿굿 !!

app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:title="@string/onboarding_title"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이거 저는 액티비티에서의 추출과 xml에서의 추출을 구분하기 위해 onboarding_tb_title 처럼 컴포넌트 유형도 넣어주는 편입니다!

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋은 아이디어 같습니다! 반영 완료~

<string name="onboarding_name">이름을 입력해주세요.</string>
<string name="onboarding_one_line_info_title">한줄 소개</string>
<string name="onboarding_one_line_info">당신을 한줄로 표현해보세요.</string>
<string name="onboarding_finish_button">유형 검사하러 가기</string>]
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

요기 뒤에 오타 있는듯 !

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수정 완!

Comment on lines 14 to 16
<item name="colorControlActivated">@color/red_600</item>
</style>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Eggeum은 라이브러리명인가요??

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

복붙의...폐헤입니다... 왜 안바꿨지...
죄송함다 ㅠㅠ

Copy link
Member

@Marchbreeze Marchbreeze left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아주아주아주 조아요 ~~~ LGTM

Comment on lines 42 to 51
binding.etOnboardingProfileSettingName.setOnFocusChangeListener { _, hasFocus ->
if (hasFocus) {
setNameCounterColor(R.color.gray_700)
} else {
setNameCounterColor(R.color.gray_200)
}
if (viewModel.isNameAvailable.value == NameState.Blank) {
setNameCounterColor(R.color.red_400)
}
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아래랑 똑같이 반복되는거 함수화해서 간략하게 할수도 있어보여요!

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

역시 디테일 킹상호!

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<selector
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

셀렉터 네이밍은 sel_ 로 해주세용~

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

넵! 수정했습니당

Comment on lines +65 to +66
android:textColor="@{viewModel.isNameAvailable() == NameState.Blank ? @color/red_400 : @color/gray_700}"
android:visibility="@{viewModel.isNameAvailable() == NameState.Blank ? View.VISIBLE : View.GONE}"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이분 걍 데바 마스터 아님? xml 장인

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

그니까요 미쳤다

@chattymin chattymin merged commit f4ad7ab into develop Jan 1, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI] 프로필 설정 / UI 구현
3 participants