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/#216] 취향 태그 뷰 / UI 구현 #224

Merged
merged 12 commits into from
Mar 4, 2024
Merged

Conversation

leeeyubin
Copy link
Member

@leeeyubin leeeyubin commented Mar 2, 2024

⛳️ Work Description

  • 여행 친구 조회 프로그레스바 UI 수정

📸 Screenshot

📢 To Reviewers

  • 위 사진은 예시입니당
    아직 서버 연동이 안 돼서 프로그레스바 색상이 하나만 뜰 거예요!

  • 여기서 "철저하게"랑 "1명"의 폰트랑 색상이 다 다른데, 하나의 TextView로 했을 때 Spannable을 각각 15번 사용해주는 것보다 두 개의 TextView로 만들어주는 게 좋을 것 같아서 그렇게 했습니닷

@leeeyubin leeeyubin added 유빈 ❄ FEAT ✨ 새로운 기능 구현 UI 💐 UI 작업 labels Mar 2, 2024
@leeeyubin leeeyubin added this to the 2차 스프린트 milestone Mar 2, 2024
@leeeyubin leeeyubin self-assigned this Mar 2, 2024
Copy link
Contributor

@crownjoe crownjoe 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 +96 to +102
private fun setResultTextColor() {
binding.tvCheckFriendsResult.apply {
text = SpannableStringBuilder(text).apply {
setSpan(
ForegroundColorSpan(
colorOf(R.color.red_500)
), 0, 9, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE
Copy link
Contributor

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.

엇 요 부분은 성향 검사 결과 Text의 색깔을 다르게 구현하는 함수입니다!

프로그레스바 색상은 layer_list_trip_friends_progress_bar.xml파일에 미리 만들어두었어요!
추후에 서버에서 값 넘겨주면 setProgressBarStatus() 함수에서 값만 쇽샥 넣어줄 예정입니당

Copy link
Contributor

Choose a reason for hiding this comment

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

아!! 요부분은 텍스트 색깔이군엽 설명 감사합니당!

<ProgressBar
android:id="@+id/progress_bar_check_friends_1_revert"
style="@style/Widget.AppCompat.ProgressBar.Horizontal"
<LinearLayout
Copy link
Member

@chattymin chattymin Mar 2, 2024

Choose a reason for hiding this comment

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

내부 코드들이 너무 중복이 많은데 컴포넌트화 해보는건 어떨까요??

제가 만든 것 처럼 커스텀 뷰를 만들어도 되지만, 이건 내부 연산이 많이 필요하지 않아 보이네요
단순 화면만 중복되게 만드는 용도라면 include를 사용서 만들어보면 좋을 것 같습니다!
물론 스프린트 끝나고 리펙토링때 시도해봐도 좋아요 :)

<참고링크>

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

@chattymin chattymin left a comment

Choose a reason for hiding this comment

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

야무지게 코드 짜네요~~~

android:background="@drawable/shape_rect_6_gray50_fill"
android:gravity="center"
android:paddingVertical="14dp"
android:text="식당, 여행 계획 취향이 잘 맞는 조합이네요!"
Copy link
Member

Choose a reason for hiding this comment

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

해당 text는 추후 서버에서 받아오는 값으로 변경 될 값으로 보입니다.
서버 통신이 늦어질 경우 여기에 있는 값이 화면에 나와있다가 갑자기 값이 변경되는 것 처럼 사용자에게 보여질 염려가 있습니다!

그래서 tools에 있는 text를 사용한다면, xml 화면에는 보이지만 앱에서는 보이지 않기 때문에 tools를 사용하는 것을 저는 더 선호합니다!

Copy link
Member Author

Choose a reason for hiding this comment

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

현재 해당 뷰의 text 색깔을 고치는 로직이 있어 tools로 바꾸면 에러가 발생하는 것 같습니다..!
추후에 서버 통신할 때 tools로 다시 바꿔놓겠습니다!!

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.

진짜 코딩 천재 미쳣삼

@@ -1,21 +1,25 @@
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
Copy link
Member

Choose a reason for hiding this comment

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

이제 레이어 리스트 마스터했네요 ㅎㅎㅎㅎ

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/gray_50" />
<stroke android:width="6.35dp" />
Copy link
Member

Choose a reason for hiding this comment

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

6으로 하면 피그마랑 너무 달라지나요? 소수점 사용을 지양합시다 !

Copy link
Member Author

Choose a reason for hiding this comment

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

피그마에서 디쟌선생님들이 6.35로 줘서 그대로 반영했었습니닷,, 사실 6으로 해도 상관 없을 것 같아서 6으로 수정하겠습니다!

@leeeyubin leeeyubin merged commit 887286e into develop Mar 4, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FEAT ✨ 새로운 기능 구현 UI 💐 UI 작업 유빈 ❄
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI] 취향 태그 뷰 / UI 구현
4 participants