BRANDI UI 클론

과제.

iPhone 11 제작 화면

1. 비율
   1. view.width = superview.width * 0.5(Mulit)
   2. 하드코딩 UI
   3. constraints (NSLayout)

발생한 이슈 및 해결 현황

• 맨 위에 브랜디로고, 돋보기 및 장바구니 아이콘의 배치→ 고정값으로 할 경우 크기가 다른 기기들로 실행시키면 빈 곳이 생기거나 할 듯.
• → 일단 width, height 고정값을 주어서 해결했는데, aspect ratio 또는 비율로 배치 하는 방법? (예를 들어 3:1:1)
• 큰 이미지 배너의 경우 width(가로 값을) 414로 설정해놨는데, 이걸 없애는 순간 전체 화면의 가로값이 거의 절반으로 줄어든다. 이걸 superview 가로 값에 맞추는 방법이 있을지?
• 오늘의 인기상품 문구를 위에 20정도 띄어쓰기 하려고 했는데 안먹힘
• 전체적인 문제점 1) 모든 요소들을 전부 다 button으로만 구성해버림. 다른걸로 하면 배치가 잘 안될 거 같아서.

1. 전체적으로 height 고정값을 썼는데 , 기기가 달라지면 이상해질듯.

• 상품의 각각 밑에 배치한 ‘하루배송'이미지를 각각 상품의 왼쪽 정렬 할 수가 없을까?

과제 후기.

이런 앱 UI 구성 관련된 유튜브 영상이나 강의를 찾아봐야겠다. [ 오토레이아웃 및 UI관련 ]