Skip to content

iPad 창 크기에 따라 상단 버튼이 가려지고 화면 배치가 어색해지는 문제를 해결한다 - #951

Merged
opficdev merged 6 commits into
developfrom
ui/#950
Nov 5, 2026
Merged

opficdev merged 6 commits into
developfrom
ui/#950

Conversation

@opficdev

@opficdev opficdev commented Nov 5, 2026 •

Copy link
Copy Markdown
Collaborator

🔗 연관된 이슈

🎯 의도

iPadOS 26 창 모드에서 창 크기에 따라 상단 버튼이 창 제어 버튼에 가려지고 화면 배치가 어색해지는 문제 해결

📝 작업 내용

📌 요약

  • 창 제어 버튼을 피하는 상단 여백 적용
  • 사이드바 표시 조건에 창 폭 800pt 이상 추가
  • Home Todo 카테고리 행 간격 상한 적용
  • 프로필 히트맵 가운데 정렬
  • 앱 실행 직후 사이드바와 탭 바가 함께 보이는 문제 수정
  • 오늘 탭 상단 safe area 배경색 수정

🔍 상세

  • GeometryProxy.windowControlsInset과 EnvironmentValues.windowControlsInset 추가
    • iPadOS 26 이상에서 containerCornerInsets.topLeading.height 기준으로 창 제어 버튼 높이 계산
    • SideBar의 windowControlTopPadding(in:)을 같은 값으로 교체
  • 하단 탭 바가 보이는 compact 폭에서만 MainView가 탭 화면에 windowControlsInset 전달
    • Home, 오늘, 알림, 프로필, TodoList, TodoDetail, 설정 화면의 상단 바에 적용
    • 검색 화면과 TodoEditorView는 표시 영역에서 직접 값을 읽어 닫기 버튼 위치 보정
    • 시트로 표시되는 .goalDetail은 값을 0으로 초기화
  • 창 크기 값은 onGeometryChange로 읽어 MainFeature, HomeFeature, TodoEditorFeature의 State에 저장
  • showsSideBar를 horizontalSizeClass == .regular에서 창 폭 800pt 이상 조건까지 확인하도록 변경
  • TodoCategoryGridLayout에 maximumRowSpacing을 추가해 행 간격을 아이콘 크기의 절반으로 제한
    • 접근성 글자 크기에서는 상한 미적용
  • HeatmapView에 .frame(minWidth: availableWidth)를 추가해 넓은 카드에서 가운데 정렬
  • .toolbarVisibility가 첫 프레임 이후에 적용되어 탭 바가 잠깐 보이던 문제를 TabBarVisibility로 보완
    • 자식 뷰 컨트롤러의 didMove(toParent:)에서 UITabBarController.isTabBarHidden 설정
  • TodayView의 .inspector 바깥에 .background(Color.appBackground)를 추가해 상단 safe area 흰색 영역 제거

📸 영상 / 이미지 (Optional)

항목 수정 전 수정 후
앱 실행 첫 화면 01-launch-before 01-launch-after
작은 창 제목 02-title-home-before
02-title-today-before
02-title-noti-before
02-title-profile-before
02-title-home-after
02-title-today-after
02-title-noti-after
02-title-profile-after
창 폭별 배치 04-width-sidebar-before 04-width-tabbar-before 04-width-719pt-after 04-width-818pt-after
닫기 버튼 - 03-search-after 03-editor-after
카테고리 행 간격 05-category-before 05-category-after
히트맵 06-heatmap-before 06-heatmap-after
오늘 탭 상단 07-today-before 07-today-after

@opficdev opficdev self-assigned this Nov 5, 2026
@opficdev
opficdev merged commit 39a735a into develop Nov 5, 2026
9 checks passed
@opficdev
opficdev deleted the ui/#950 branch November 5, 2026 02:23
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.

iPad 창 크기에 따라 상단 버튼이 가려지고 화면 배치가 어색해지는 문제를 해결한다

1 participant