아이폰X의 레이아웃을 조사해 봤어요.
2254 단어 AutoLayoutiPhoneXSafeAreaios11
개시하다
안녕하세요!
아이폰X에 관한 12/9 기사를 계속 쓰고 싶습니다.
만약 잘못을 알았다면 보고해 주세요.
아시다시피 아이폰X는 테두리 없는 전체 화면이 됐고 홈페이지 버튼도 폐지됐다.
거기서 기존 애플리케이션은 어떻게 나올까요?하면...왜냐하면 제가 이런 기사를 한 적이 있어요.
한 번 통과하면 더 쉽게 이해할 수 있어요.
대략적인 설명이지만 비대응 응용 프로그램은 이전의 사이즈와 같다
대응하는 프로그램에서 정보를 전력을 다해 표시할 수 있다.
그렇다면 이 문제는 아이폰X가 화면 위에 센서류를 배치했기 때문에 절구가 있다는 것이다.
이번에는 이 절개를 어떻게 하는지 알아보고 싶어요!
컷 레이아웃 고려하기
iOS 11부터 배치에 SafeArea라는 개념을 도입했습니다.
이는 주로 아이폰X 레이아웃에 필요한 개념이다.
간단하게 설명하자면 화면 상부의 오목한 부분과 화면 하부의 홀바라고 불리는 조작 구역을 피하고 배치해야 한다.
오목한 부분에 무슨 중요한 정보가 있어도 표시할 수 없다
홈런과 버튼 종류가 있다면 당연히 사용력이 떨어진다.
그렇다면 어떻게 해야만 SafeArea
를 고려한 포석을 설계할 수 있을까...
상하 ○○pt는 설정할 수 없습니까?
예?고정 너비?
아니오, 아니오.(※)
어려운 것을 고려하지 않고 간단히 아이폰X에 대응할 수 있다.
네, AutoLayout이면.
AutoLayout에서 SafeArea 가져오기
조금 농담을 했는데...(단지 말하고 싶을 뿐)
그럼 본론으로 들어갑시다!!
다 아시는 분들일 것 같은데 iOS의 레이아웃 방법AutoLayout
이 있어요.
모르면AutoLayout에 대한 간략한 설명도 써있고 괜찮으면 이쪽도...^^(홍보w)
이 AutoLayout을 사용하면 자동 계산으로 SafeArea를 구성하는 편리한 기능을 사용할 수 있습니다.
SafeArea에 구성되어 있으면 아이폰X의 여러 부분에 간섭하지 않습니다
사용자에게 큰 화면과 새로운 체험을 제공할 수 있다.
개발자를 울리는 터미널도 이렇게 하면 OK!
AutoLayout을 사용하지 않으면 어떻게 합니까?
과거 쓴 기사에서도 지면 디자인을 할 때 오토Layout이 사용하기 어려운 경우가 있다고 언급한 바 있다.
(있다고 했어요. 그런데 저는 AutoLayout 하나만 하면 충분한 앱을 만들었어요. 있다고 들었는데 맞아요.)
이 경우 SafeArea의 레이아웃 디자인도 고려해야 합니다.
나는 아직 해 본 적이 없지만, 일반적으로 코드에서 SafeArea의 값을 얻어서 View의 위치를 조정한다.UIView
safeAreaInsets
에서 얻을 수 있을 것 같다)
위에서 말한 것
아니오, 아니오.(※)
이것
AutoLayout만 사용할 수 있는 것은 아니므로 어떤 방법을 배워야 하는지...
최후
굉장히 얼토당토않은 설명이지만.
그런 게 있구나~, 내가 해볼게~ 여러분들이 그렇게 생각하시면 정말 좋겠습니다!!
난 아직도 매일 스위프트와 고전하고 있어...
먼저 Xcode에 익숙하지 않습니다.
그럼 여기까지!
요즘 고민은 P.S.아이폰X가 기상 후 얼굴을 인증하지 않았다는 점이다.
Reference
이 문제에 관하여(아이폰X의 레이아웃을 조사해 봤어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ryo-ta/items/d46f4b865c5bcd8ad724
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
iOS 11부터 배치에 SafeArea라는 개념을 도입했습니다.
이는 주로 아이폰X 레이아웃에 필요한 개념이다.
간단하게 설명하자면 화면 상부의 오목한 부분과 화면 하부의 홀바라고 불리는 조작 구역을 피하고 배치해야 한다.
오목한 부분에 무슨 중요한 정보가 있어도 표시할 수 없다
홈런과 버튼 종류가 있다면 당연히 사용력이 떨어진다.
그렇다면 어떻게 해야만
SafeArea
를 고려한 포석을 설계할 수 있을까...상하 ○○pt는 설정할 수 없습니까?
예?고정 너비?
아니오, 아니오.(※)
어려운 것을 고려하지 않고 간단히 아이폰X에 대응할 수 있다.
네, AutoLayout이면.
AutoLayout에서 SafeArea 가져오기
조금 농담을 했는데...(단지 말하고 싶을 뿐)
그럼 본론으로 들어갑시다!!
다 아시는 분들일 것 같은데 iOS의 레이아웃 방법AutoLayout
이 있어요.
모르면AutoLayout에 대한 간략한 설명도 써있고 괜찮으면 이쪽도...^^(홍보w)
이 AutoLayout을 사용하면 자동 계산으로 SafeArea를 구성하는 편리한 기능을 사용할 수 있습니다.
SafeArea에 구성되어 있으면 아이폰X의 여러 부분에 간섭하지 않습니다
사용자에게 큰 화면과 새로운 체험을 제공할 수 있다.
개발자를 울리는 터미널도 이렇게 하면 OK!
AutoLayout을 사용하지 않으면 어떻게 합니까?
과거 쓴 기사에서도 지면 디자인을 할 때 오토Layout이 사용하기 어려운 경우가 있다고 언급한 바 있다.
(있다고 했어요. 그런데 저는 AutoLayout 하나만 하면 충분한 앱을 만들었어요. 있다고 들었는데 맞아요.)
이 경우 SafeArea의 레이아웃 디자인도 고려해야 합니다.
나는 아직 해 본 적이 없지만, 일반적으로 코드에서 SafeArea의 값을 얻어서 View의 위치를 조정한다.UIView
safeAreaInsets
에서 얻을 수 있을 것 같다)
위에서 말한 것
아니오, 아니오.(※)
이것
AutoLayout만 사용할 수 있는 것은 아니므로 어떤 방법을 배워야 하는지...
최후
굉장히 얼토당토않은 설명이지만.
그런 게 있구나~, 내가 해볼게~ 여러분들이 그렇게 생각하시면 정말 좋겠습니다!!
난 아직도 매일 스위프트와 고전하고 있어...
먼저 Xcode에 익숙하지 않습니다.
그럼 여기까지!
요즘 고민은 P.S.아이폰X가 기상 후 얼굴을 인증하지 않았다는 점이다.
Reference
이 문제에 관하여(아이폰X의 레이아웃을 조사해 봤어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ryo-ta/items/d46f4b865c5bcd8ad724
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
과거 쓴 기사에서도 지면 디자인을 할 때 오토Layout이 사용하기 어려운 경우가 있다고 언급한 바 있다.
(있다고 했어요. 그런데 저는 AutoLayout 하나만 하면 충분한 앱을 만들었어요. 있다고 들었는데 맞아요.)
이 경우 SafeArea의 레이아웃 디자인도 고려해야 합니다.
나는 아직 해 본 적이 없지만, 일반적으로 코드에서 SafeArea의 값을 얻어서 View의 위치를 조정한다.
UIView
safeAreaInsets
에서 얻을 수 있을 것 같다)위에서 말한 것
아니오, 아니오.(※)
이것
AutoLayout만 사용할 수 있는 것은 아니므로 어떤 방법을 배워야 하는지...
최후
굉장히 얼토당토않은 설명이지만.
그런 게 있구나~, 내가 해볼게~ 여러분들이 그렇게 생각하시면 정말 좋겠습니다!!
난 아직도 매일 스위프트와 고전하고 있어...
먼저 Xcode에 익숙하지 않습니다.
그럼 여기까지!
요즘 고민은 P.S.아이폰X가 기상 후 얼굴을 인증하지 않았다는 점이다.
Reference
이 문제에 관하여(아이폰X의 레이아웃을 조사해 봤어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ryo-ta/items/d46f4b865c5bcd8ad724
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(아이폰X의 레이아웃을 조사해 봤어요.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ryo-ta/items/d46f4b865c5bcd8ad724텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)