[ISSUE-43] 홈 화면 UI 구현 #73
Conversation
| <vector xmlns:android="http://schemas.android.com/apk/res/android" | ||
| android:width="20dp" | ||
| android:height="20dp" | ||
| android:viewportWidth="20" | ||
| android:viewportHeight="20"> | ||
| <path | ||
| android:pathData="M10.833,13.333L7.5,10L10.833,6.667" | ||
| android:strokeLineJoin="round" | ||
| android:strokeWidth="0.875" | ||
| android:fillColor="#00000000" | ||
| android:strokeColor="#9CA3AD" | ||
| android:strokeLineCap="round"/> | ||
| <path | ||
| android:pathData="M7,0.306L13,0.306A6.694,6.694 0,0 1,19.694 7L19.694,13A6.694,6.694 0,0 1,13 19.694L7,19.694A6.694,6.694 0,0 1,0.306 13L0.306,7A6.694,6.694 0,0 1,7 0.306z" | ||
| android:strokeAlpha="0.3" | ||
| android:strokeWidth="0.6125" | ||
| android:fillColor="#00000000" | ||
| android:strokeColor="#6671F6"/> | ||
| </vector> |
There was a problem hiding this comment.
이 아이콘 약속 응답 쪽에서 날짜 옆으로 넘길 때도 사용되는 것 같은데 파일 이름을 캘린터 화살표라고 하는 건 조금 어울리지 않는 느낌이에요!
| class CalendarDecorator { | ||
| class TodayDecorator(context: Context) : DayViewDecorator { | ||
| private var date = CalendarDay.today() | ||
| private val boldSpan: StyleSpan = StyleSpan(Typeface.BOLD) |
There was a problem hiding this comment.
타입 명시 안 해 줘도 될 것 같은 느낌?? 입니당..
| view?.addSpan(object : ForegroundColorSpan(Color.White.toArgb()) {}) | ||
| view?.setSelectionDrawable(drawable) | ||
| view?.addSpan(boldSpan) |
There was a problem hiding this comment.
| view?.addSpan(object : ForegroundColorSpan(Color.White.toArgb()) {}) | |
| view?.setSelectionDrawable(drawable) | |
| view?.addSpan(boldSpan) | |
| view?.let { | |
| it.addSpan(object : ForegroundColorSpan(Color.White.toArgb()) {}) | |
| it.setSelectionDrawable(drawable) | |
| it.addSpan(boldSpan) | |
| } |
묶어줘도 좋을 것 같아요!
There was a problem hiding this comment.
그냥 둬도 괜찮을 것 같기도 하고... 🤔 일단 생각났으니 남겨둘게용
| private val drawable = ContextCompat.getDrawable(context, R.drawable.bg_calendar_selection) | ||
|
|
||
| override fun shouldDecorate(day: CalendarDay?): Boolean { | ||
| val calendar = day!!.calendar |
There was a problem hiding this comment.
!! 보다는 널 체크를 해 주는 게 좋을 것 같습니다!
There was a problem hiding this comment.
addDecorator를 할 때 null이면 데코레이팅 자체를 해주지 않는 로직이 있어서, CalendarDay?에서 ?를 빼줘도 될 것 같네요! 지적해주셔서 감사합니다 :)
presentation/src/main/java/com/yapp/growth/presentation/ui/main/home/CalendarDecorator.kt
Outdated
Show resolved
Hide resolved
presentation/src/main/java/com/yapp/growth/presentation/ui/main/home/HomeScreen.kt
Outdated
Show resolved
Hide resolved
| // TODO : 약속 수 들어가는 로직 넣기 (정호) | ||
| @Composable | ||
| fun HomeIsLoginBox() { |
There was a problem hiding this comment.
요 이름만 봤을 때는 이 함수가 어떤 화면을 그리고 있는 건지 잘 모르겠어요 🥲
| fun HomeTopBox(loginState: HomeContract.LoginState) { |
There was a problem hiding this comment.
TopBox라는 네이밍이 조금 모호해서.. 같이 고민해서 이름을 변경해 봤으면 좋겠어요 ㅠㅠ 어떤 화면인가요??
There was a problem hiding this comment.
크게 기준을 앱바 - 상단 박스 - 하단 박스 요렇게 세 단계로 분류를 잡아서 분리했습니다..!
홈 화면 외에서 활용되지 않을 것 같아서 기준을 이런식으로 잡았어여..!
There was a problem hiding this comment.
상단 박스가 약속 박스고 하단 박스가 캘린더 박스인가요?
|
|
||
| @Composable | ||
| fun HomeIsNotLoginBox() { |
presentation/src/main/java/com/yapp/growth/presentation/ui/main/home/HomeScreen.kt
Outdated
Show resolved
Hide resolved
| userName: String, | ||
| onUserIconClick: () -> Unit, | ||
| ) { | ||
| ConstraintLayout( |
There was a problem hiding this comment.
이거 그냥 Row로 해도 좋을 것 같은데 ConstraintLayout으로 사용한 이유가 있을까요?
There was a problem hiding this comment.
디자인에서는 텍스트가 그림의 중앙을 기준으로 수평을 유지하도록 구성되어 있는데, Row로 구성해보니 텍스트가 묘하게 중앙정렬이 안돼서 우선 ConstraintLayout으로 설정했습니다ㅠ
한번 더 Row로 시도해보겠습니다~!
There was a problem hiding this comment.
아하 이거 그 아이콘 높이랑 텍스트 높이가 달라서 텍스트가 세로로 중앙 정렬이 되지 않는 문제라면
row modifier에 verticalAlignment = Alignment.CenterVertically 적용해 보시면 해결할 수 있을 것 같아요!
There was a problem hiding this comment.
오 그거 넣고 했었는데 뭐라해야되지... 암튼 똑같이 텍스트가 묘하게 아래로 내려가있어서..............ㅎㅎ;;;;;;;;;;;;;;;;
움 한번 더 시도해볼게요! 생각해보니 바텀에 마진주는 식으로 해결할 수도 있을 것 같아여!
|
다른 화면 구현하다가 발견해서 아까 이해하지 못한 코드 이해하게 됐는데, |
| class HomeViewModel @Inject constructor( | ||
| ) : BaseViewModel<HomeViewState, HomeSideEffect, HomeEvent>(HomeViewState()) { | ||
|
|
||
| // TODO : 로그인 여부 체크(정호) |
There was a problem hiding this comment.
SplashViewModel 의 로그인 체크하는 부분 참고해주세요~
|
캘린더 밑 Padding이랑 그림자 추가하시고 머지 부탁드려용 |
ISSUE
작업 내용
Compose ConstraintLayout의존성 추가실행 화면
Check List
[ISSUE-{N}] PR 제목으로 작성