Skip to content

[Refactor] 매칭 지도 오버레이 Compose 전환, 단일 ComposeView 전환 #550#553

Open
edv-Shin wants to merge 7 commits into
refactor/kakaomap-compose-546from
refactor/kakaomap-overlay-compose-550
Open

[Refactor] 매칭 지도 오버레이 Compose 전환, 단일 ComposeView 전환 #550#553
edv-Shin wants to merge 7 commits into
refactor/kakaomap-compose-546from
refactor/kakaomap-overlay-compose-550

Conversation

@edv-Shin

@edv-Shin edv-Shin commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

#️⃣연관된 이슈

ex) #이슈번호, #이슈번호

#550

📝작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요(이미지 첨부 가능)

#549(#546)에서 지도 본체만 Compose로 옮기고 XML로 남겨둔 오버레이 UI(현재위치 버튼, 필터, 필터 로딩)를 Compose로 전환하고, 매칭 지도 화면 전체를 단일 ComposeView로 통합했습니다.

  • 현재위치 버튼을 Compose 오버레이로 이동
    • Box + Alignment.BottomEnd 로 지도 위에 배치, 기존 XML ImageView(44dp)와 동일한 모양 재현
    • 권한/FusedLocation/카메라 이동은 onCurrentLocationClick 콜백으로 Fragment 에 위임
  • 필터 칩 줄을 Compose로 전환 (MatchingFilterRow 신규)
    • LazyRow 로 초기화 칩 + MatchingFilterType 별 필터 칩 나열
    • 선택 여부/라벨(종목명·다중선택·선택옵션)을 FilterState 로 그림
    • 기존 MatchingFilterRVAdapter / FilterViewHolder 의 로직을 이식
  • 상단 툴바(운동 장소 목록 버튼 + 필터 줄)·필터 로딩 오버레이를 MatchingMapScreen 에 통합
    • filterState / isFilterLoadingcollectAsStateWithLifecycle 로 구독
    • 필터 로딩은 딤 + 터치 차단 + CircularProgressIndicator
  • 지도 화면 전체를 단일 ComposeView 로 통합
    • fragment_matching_map.xml 을 전체화면 ComposeView 하나로 축소
    • Fragment 는 필터 어댑터/RV 세팅과 filterState·isFilterLoading 옵저버 제거, Compose 콜백으로 배선 (currentFilterType 바텀시트는 유지)
  • 정리
    • 삭제: MatchingFilterRVAdapter, MatchingFilterViewHolders, item_filter/item_filter_clear 레이아웃
    • 삭제: 미사용 drawable(bg_current_location_btn, selector_filter_btn, bg_filter_btn, bg_filter_btn_selected, bg_matching_map_toolbar)
    • FilterUiModel 에서 어댑터 전용이던 FilterListItem 제거
    • MatchingMapController 미사용 isReady/currentBounds 제거

스크린샷 (선택)

💬리뷰 요구사항(선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

ex) 메서드 XXX의 이름을 더 잘 짓고 싶은데 혹시 좋은 명칭이 있을까요?

edv-Shin added 5 commits July 2, 2026 23:47
MatchingMapScreen 에 onCurrentLocationClick 콜백 파라미터를 추가하고
Box 안에 현재위치 버튼을 Compose Image 오버레이로 배치한다.
권한/위치 처리는 콜백으로 Fragment 에 위임한다.
Compose 오버레이로 대체된 current_location_btn ImageView 를 레이아웃에서
제거하고, Fragment 는 onCurrentLocationClick 콜백으로 checkPermissionAndMove 를
연결한다. 기존 XML 버튼 리스너는 삭제한다.
LazyRow 기반 필터 칩 줄. 초기화 칩 + MatchingFilterType 별 필터 칩을
나열하고, 선택 여부/라벨(종목명·다중선택·선택옵션)을 FilterState 로 그린다.
칩 클릭/초기화는 콜백으로 위임한다. (기존 RecyclerView 어댑터를 Compose 로 이식)
- filterState/isFilterLoading 구독 추가
- 상단 툴바(운동 장소 목록 버튼 + MatchingFilterRow)를 흰 배경 하단 라운드로
  TopCenter 배치
- 필터 로딩 오버레이(딤 + 터치 차단 + CircularProgressIndicator) 추가
- onFilterClick/onClearClick/onExercisePlaceListClick 파라미터 추가
- MatchingMapFragment: 필터 어댑터/RV 세팅과 filterState·isFilterLoading
  옵저버, exercisePlaceListBtn 리스너 제거. Compose 콜백으로 배선
  (navigateToExercisePlace 헬퍼 추출). currentFilterType 바텀시트는 유지
- fragment_matching_map.xml: 전체를 단일 전체화면 ComposeView로 축소
- FilterUiModel: 어댑터 전용이던 FilterListItem 제거
- 삭제: MatchingFilterRVAdapter, MatchingFilterViewHolders,
  item_filter/item_filter_clear 레이아웃,
  미사용 drawable(bg_current_location_btn, selector_filter_btn,
  bg_filter_btn, bg_filter_btn_selected, bg_matching_map_toolbar)
@edv-Shin edv-Shin self-assigned this Jul 3, 2026
@edv-Shin edv-Shin changed the title [Refactor] 매칭 지도 오버레이(현재위치·필터)·단일 ComposeView 전환 #550 [Refactor] 매칭 지도 오버레이(현재위치,필터)·단일 ComposeView 전환 #550 Jul 3, 2026
@edv-Shin edv-Shin changed the title [Refactor] 매칭 지도 오버레이(현재위치,필터)·단일 ComposeView 전환 #550 [Refactor] 매칭 지도 오버레이 Compose 전환, 단일 ComposeView 전환 #550 Jul 3, 2026

/** 초기화 칩: 항상 흰 배경 + 회색 테두리. */
@Composable
private fun ClearChip(onClick: () -> Unit) {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

이부분도 modifier를 받으면 좋을거 같네요

val contentColor = if (selected) ColorWhite300 else ColorBlack
Row(
modifier =
Modifier

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

modifier 동일합니다.

) {
val context = LocalContext.current
// 멤버 데이터 구독
val mapData by viewModel.combinedMapData.collectAsStateWithLifecycle()

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

현재 preview를 보기 어려운 구조로 되어있는데요 stateless한 Composable를 하나 만들고 viewmodel state값을 전달하게 하면 preview를 보기 쉬워지게 구현할수 있어요.

modifier =
Modifier
.align(Alignment.BottomEnd)
.padding(dimensionResource(com.project200.undabang.presentation.R.dimen.base_horizontal_margin))

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

dimensionResource 도 좋은데 만약에 base또는 디자인 시스템을 만들면 compose theme 를 활용해보면 어떨까요?

edv-Shin added 2 commits July 13, 2026 22:44
Compose 가이드라인대로 UI 컴포저블이 modifier(첫 옵셔널 파라미터)를 받아
root Row 에 적용하도록 수정. 호출부는 기본값 사용으로 변경 없음. (PR #553 리뷰 반영)
colorResource(presentation.R.color.white300) 대신 theme 의 ColorWhite300 을 사용해
같은 파일 필터 칩과 색 참조 방식을 일관되게 맞춤. 미사용 colorResource import 제거.
(PR #553 리뷰 반영, 간격 토큰은 후속)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants