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/#223] 온보딩 그래픽 추가 #224

Merged
merged 5 commits into from
Sep 8, 2024
Merged

Conversation

boiledeggg
Copy link
Member

@boiledeggg boiledeggg commented Sep 7, 2024

⛳️ Work Description

  • 온보딩 시작 애니메이션 추가

📸 Screenshot

KakaoTalk_Video_2024-09-07-16-19-00.mp4

📢 To Reviewers

  • 이미지 높이를 하드코딩으로 넣었는데 좋은 방법있으면 추천 부탁드려요!
  • 해당 화면의 상태바나 시스템바 색상이 이상한 건 제가 테스트를 위해 강제로 화면이동을 시켜서 그런 겁니다!!

@boiledeggg boiledeggg added ADD ➕ 부수적인 코드 추가 및 라이브러리 추가, 새로운 파일 생성 UI 💐 UI 작업 석준💜 석준 labels Sep 7, 2024
@boiledeggg boiledeggg added this to the 2차 스프린트 작업 milestone Sep 7, 2024
@boiledeggg boiledeggg self-assigned this Sep 7, 2024
@boiledeggg boiledeggg changed the title UI/#223 onboarding graphic [UI/#223] 온보딩 그래픽 추가 Sep 7, 2024
Copy link
Member

@Hyobeen-Park Hyobeen-Park left a comment

Choose a reason for hiding this comment

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

그래픽 추가 감사합니당👍🏻👍🏻

import com.airbnb.lottie.compose.LottieAnimation
import com.airbnb.lottie.compose.LottieCompositionSpec
import com.airbnb.lottie.compose.LottieConstants
Copy link
Member

Choose a reason for hiding this comment

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

이 임포트 사용하지 않는 것 같은데 확인 부탁드려요!!

Comment on lines +93 to +94
.height(372.dp)
.padding(horizontal = 24.dp)
Copy link
Member

Choose a reason for hiding this comment

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

height 고정dp를 없애고 아래에도 padding을 고정으로 넣는건 어떨까요??

Copy link
Member

Choose a reason for hiding this comment

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

기본 이미지가 작나용..? fillMaxHeight를 했을 때는 어떨지 궁금하네욤

Copy link
Member Author

Choose a reason for hiding this comment

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

밑에 패딩을 넣어도 dp 값이 커서 비슷한 문제가 있을 것 같아요;;

기본 이미지의 높이가 너무 커서 그냥 넣는 건 불가능하고,
프레임의 크기를 고정시키고 그 안에 이미지를 넣을 때 위아래 넘어가는 부분을 잘라내는 식으로 구현된 상태입니다!!

가로의 크기는 화면 크기에 맞추고 높이를 372dp로 설정한 상태에서,
로티 이미지를 넣을 때 가운데를 기준으로 372dp를 넘어가는 부분이 잘리게 되는 겁니다.

Copy link
Member

@leeeyubin leeeyubin 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 +93 to +94
.height(372.dp)
.padding(horizontal = 24.dp)
Copy link
Member

Choose a reason for hiding this comment

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

기본 이미지가 작나용..? fillMaxHeight를 했을 때는 어떨지 궁금하네욤

Copy link
Contributor

@arinming arinming left a comment

Choose a reason for hiding this comment

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

그래픽 추가 최고,.,., 수고하셨어용 ㅜㅜ!

@boiledeggg boiledeggg merged commit 57a5058 into develop Sep 8, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
ADD ➕ 부수적인 코드 추가 및 라이브러리 추가, 새로운 파일 생성 UI 💐 UI 작업 석준💜 석준
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI] 온보딩 그래픽 추가
4 participants