1주차 미션_담담

[sungs25]

1주차 미션 제출합니다.

1. 구현 내용

• Figma 디자인을 바탕으로 감정 우표 UI 화면을 구현했습니다.
• ViewBinding을 적용하여 각 감정 우표 클릭 시 하단 텍스트의 색상이 변경되도록 이벤트를 처리했습니다.

2. 핵심 구현 방법 (가운데 정렬)

• ConstraintLayout을 사용하여 위젯들을 화면 정중앙에 배치했습니다.
• 양쪽 벽에 제약을 걸어 줄다리기 하듯 중앙 정렬을 맞추는 방식을 사용했습니다.

app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"

• 세로 배치는 app:layout_constraintTop_toBottomOf 속성을 사용해 이전 위젯의 하단에 다음 위젯의 상단을 연결하는 기차놀이 방식으로 구현했습니다.

3. 트러블슈팅

• 처음엔 이미지뷰에 글자색 변경 명령(setTextColor)을 내려서 에러가 났으나, UI를 분리하여 해결했습니다.

• 안드로이드에서 투명도를 코드로 줄 때 Figma처럼 1을 쓰면 안 되고, Color.argb에서 255를 줘야 완전 불투명이 된다는 것을 새롭게 배웠습니다.

• 상세한 에러 해결 과정은 노션 워크북에 정리해 두었습니다!

4. 스크린샷