[🐣질문] UI 위치? 관련 질문

[익명(125.250)]

이거 핸드폰마다 전면부 카메라 위치가 가운데 있는 경우도 있고 오른쪽 끝에 있는 경우도 있는데

그 카메라 위치 때문에 UI가 가려지는데

UI anchor를 어디에 설정하면 좋을까요?

카메라 피한다고 여백 많이 두기에는 오히려 어색한 거 같아서..

(그림으로 보여드리면 좋을 것 같아서 그림판으로 급조해왔어요)

↑핸드폰 전면부 카메라에 가림

↑여백이 어색함..

[익명(175.207)]

어떤 화면이냐에 따라 다른듯 화면을 봐야될거같은데

[로망바드(kong1659)]

이런저런 예외에 안시달리려면 카메라 부분을 아예 안그리는게 좋은데... Safe area로 찾아봐. 유니티 안드로이드는 옵션 체크 하나로 해결됨.

[익명(125.250)]

역시 그냥 UI들을 카메라 너비만큼 내리는 수밖에 없나요

[로망바드(kong1659)]

음, 내가 설명이 부족했나보다. 전면부 카메라 문제는 디바이스마다 너무 파편화가 많이 되어있어서 일괄로 UI를 얼마씩 띄우면서 이쁘게 처리하긴 힘들어. 결국 해당 폰에 카메라가 있는지, 있으면 어느정도의 영역을 차지하는지 일일히 봐야되는데... 니가 일일히 확인하는 건 어렵겠지??

[로망바드(kong1659)]

유니티(다른 엔진은 몰?루)도 당연히 이런 문제를 알고 있어서 관련 기능을 제공하는데, 크게 2가지로 처리가 가능할거야. 1. Edit -> PlayerSetting -> Player -> Resolution and Presentaiton 탭을 보면 'Render outside safe area'라는 항목이 있어. 이걸 켜면 카메라 영역까지 그래픽을 그리고, 끄면 카메라 영역은 검은색으로 처리해버림. 내가 알기로 안드로이드는 이걸 지원하기 때문에 이 항목만 체크해제 해두면 카메라 문제는 신경꺼도 될거야.

[로망바드(kong1659)]

2. 아이폰의 경우 1번 방법이 다 적용되면 개꿀인데, 내가 쓰던 유니티 버전에선 아이폰은 적용이 안되더라. 결국 따로 구현할 수 밖에 없었단 말이지? 유니티에서 제공하는 함수 중 Screen.safeArea.width/ height는 '카메라 영역을 뺀 해상도'를 리턴해. 그리고 그냥 Screen.width/ height를 사용하면 '전체 해상도'를 리턴해. 이 두가지 수치를 가지고 영차영차 계산해보면 각 디바이스에 따라 카메라에 따른 처리를 마무리할 수 있을거야.

[익명(125.250)]

자세한 설명 감사합니다.. 사실 이미 인터넷 서칭 통해서 Safe Area 활용해서 여백 만들어 왔는데요 근데 그 여백이 좀 어색하다는 것이었는데 어쩔 수 없나 보네요

[익명(125.250)]

아무튼 감사합니다 너무 디테일하게 설명해주셔서 감사할 따름이네요

[침질질(hibane)]

실제 아이폰 유아이처럼 카메라 좌우공간에 끼워 넣을수도 있을것 같음

[익명(125.250)]

근데 카메라 위치가 기종마다 왼쪽에도 있고 오른쪽에 있는 경우가 있어서.. 결국엔 위에 부분은 그냥 다 버리는 쪽으로 가기고 했습니다..ㅎ