기타

앱의 모든 화면은 Scroll View로 구성해야 한다.

Phililip
728x90

안녕하세요.

 

흥미로운 포스트를 봐서, 그 내용을 공유해보려고 해요.

 

- https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

Every Screen in Your App Should Be a Scrolling View

In this blog post, I’m going to tell you why every major screen in your application should be embedded in a scrolling view.

lickability.com

 

위 포스트에서는 UIKit의 UIScrollView, UITableView, UICollectionView 또는 SwiftUI의 ScrollView, List, Form 등을 사용해서 모든 화면이 Scroll View로 구성되어야 한다고 얘기를 하는데요, 어떤 얘기인지 살펴보겠습니다.

 


보통 아래 같은 간단한 화면을 만들 때, 스크롤이 되지 않게 구현하는 경우가 많습니다. (많다고 합니다..)

 

출처 : https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

 

그런데 해당 포스트에서는 저런 화면조차 스크롤이 가능하도록 구현해야 한다고 합니다.

 

그리고 거기에는 3가지 이유가 있습니다.

 

 

 

첫 번째, 키보드가 화면을 가릴 수 있습니다.

 

키보드가 화면에 올라왔을 때에도 사용자가 앱을 정상적으로 사용할 수 있으면 좋겠죠?

 

스크롤이 가능해지면 자동으로 이러한 처리가 가능해지기 때문에 편리합니다.

 

출처 : https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

 

 

두 번째, 다양한 디바이스에 대응이 가능합니다.

 

아이폰 디바이스 크기가 큰 것부터 작은 것까지 다양한데, 스크롤이 가능해지면 작은 디바이스에 대해서도 유연하게 대처가 가능해집니다.

 

출처 : https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

 

 

세 번째, Dynamic Type에 대응이 가능합니다.

 

앱은 Dynamic Type을 지원해야 하고, 스크롤이 가능해진다면 폰트 크기를 키웠을 경우에도 어느 정도 대응이 가능해집니다.

 

 

 

 

 

위에서 설명한 3가지 이유를 고려하지 않는다면, 아래처럼 키보드 때문에 화면이 가려지게 되는 일이 발생할 수 있다는 것이죠!

 

출처 : https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

 

 

그래서 스크롤이 가능하도록, Scroll View를 embedded 시키면 이런 이슈를 쉽게 대응할 수 있다는 것이죠ㅎㅎ 아래처럼요!

 

출처 : https://lickability.com/blog/every-screen-in-your-app-should-be-a-scrolling-view/

 

 

 


 

이번 글은 여기서 마무리.

 

 

 

반응형