IOS 응용 프로그램의 상태 표시 줄 수정 방법 - 상태

상태 표시 줄을 고정하는 것이 iOS 7에서 다루어야 할 사항입니다. 실제로 어렵지는 않지만보기 및 설정 작업에 도움이됩니다. 그것을 이해하기 위해서.

iOS 7에서는 상태 표시 줄이 투명하므로 문제가 발생합니다. 문제는 웹보기가 투명 상태 표시 줄을 통해 보여지고 있다는 것입니다. 그건 아니야. 그것은 상태 표시 줄 정보에서주의를 산만하게하고, iOS 인터페이스의 일관성을 파괴하며, 대부분의 사람들에게 이상하게 보입니다.

세 가지 표준 솔루션이 있습니다. 가장 쉬운 방법은 내비게이션 컨트롤러를 사용하여 콘텐츠 (기본보기)를 표시하는 것입니다. 탐색 컨트롤러에는 상태 표시 줄에 적절한 배경을 표시하고 상태 표시 줄 뒤에 있지 않도록 내용보기를 배치하기 위해 논리가 내장되어 있습니다. (이는 iPhone 응용 프로그램에서 문제가 자주 발생하지 않는 이유 중 하나입니다.)

또한 상태 막대 아래 및보기의 내용 위에 놓을 비조색적인 배경 이미지를 만들 수 있습니다.

가장 강력한 솔루션은 자동 레이아웃을 사용하는 것입니다. 지금까지 자동 레이아웃을 사용하여 뷰 고정 및 다른 뷰에 포함 시켰습니다. 자동 레이아웃에는 많은 이점이 있습니다. 여기서는이 레이아웃을 사용하는 방법에 대해 설명합니다.

우선, 쉽게 알아낼 수있는 바와 같이, 상태 표시 줄은 20 포인트 높습니다. 유틸리티 영역의 크기 속성으로 이동하여 상단 뷰의 원점을 수동으로 0, 20로 설정하면 상태 막대 아래에 배치됩니다.

애플이 상태 표시 줄의 높이가 20 포인트가 아닌 새로운 폼 팩터로 iOS 장치를 출시하면 앱이 중단됩니다. 이제는 장치가 다음 주에 소개 될 것이라는 보장은 없지만 가능성은 매우 높습니다 (그리고 아마 당신에게 가장 불편한시기에 일어날 것입니다).

상태 표시 줄이 투명하고 화면 상단에 표시된다는 것을 인식하여 시작하십시오. 지도 컨트롤러의 경우 화면 상단에 투명 상태 막대가 있습니다. 툴바를 그 아래에 놓고 웹 뷰를 툴바의 아래쪽 바로 아래에서 볼 수 있습니다.

숨기지 않는 한 상태 막대가 화면 상단에 있다는 것을 알았으므로 다른보기를 올바르게 배치하는 단계가 있습니다.

1. 스토리 보드에서 문서 개요 및지도 컨트롤러 - 맵 장면을 엽니 다.

2. 씬 내에 Top Layout Guide와 Bottom Layout Guide가 있습니다.

   자동으로 배치됩니다.

3. 툴바에서 상단 레이아웃 가이드로 컨트롤 드래그하십시오.

4. 나타나는 팝업에서 수직 간격을 선택하십시오.

   

5. 툴바를 선택하고 유틸리티 영역에서 크기 속성을 선택하십시오. 제약 목록에서 Top Space를 Top Layout Guide로 설정합니다.

   이것은 방금 만든 제약 조건입니다.

   

6. 해당 구속 조건에서 기어 휠을 클릭하고 선택 및 편집을 선택합니다.

7. 제약 조건이 설정되어 있어야합니다.

   팝업 메뉴가 같음으로 설정되고 상수가 0으로 설정되고 우선 순위가 1,000으로 설정되는지 확인하십시오. 이는 가장 높은 값이며 다른 제한 조건으로이 값을 무시할 수 없음을 의미합니다.

8. 다른 제약 조건이있는 경우 톱니 바퀴 휠을 사용하여이를 삭제하십시오.

   이러한 추가 제약 조건은 실험하는 동안 누적 될 수 있습니다.

9. 편집기 → 핀을 사용하여 앞과 뒤 공백을 수퍼 뷰에 고정합니다.

10. 크기 속성을 사용하여 툴바 높이가 44인지 확인하십시오.

    툴바가 상태 표시 줄과 겹치지 않는지 확인하려면 지금 앱을 실행하고 싶을 수 있습니다.

11. 지도보기에서 툴바로 Control- 드래그하십시오.

12. 4 단계에서 수행 한 것과 같이 수직 간격을 선택하십시오.

13. 편집기 → 자동 배치 문제 해결 → 누락 된 구속 조건 추가를 선택하십시오.

    명령이 회색으로 표시된 경우 웹보기에 대한 맨 위, 맨 아래, 맨 위 및 맨 아래 제약 조건이 있는지 확인하십시오. 그렇지 않다면 도구 모음이 선택되었는지 확인한 다음 편집기 → 자동 레이아웃 문제 해결 → 제약 조건 지우기를 사용하여 다시 시도하십시오.

    Xcode는 맨 아래 공간을 수퍼 뷰에 고정하고 앞, 뒤 및 위쪽을 도구 모음에 맞 춥니 다. 웹보기는 수퍼 뷰에 고정 된 도구 모음에 고정됩니다.

14. 하드웨어 메뉴를 사용하여 시뮬레이터를 회전하여 구속 조건이 작동하는지 확인하십시오.

시뮬레이터 회전은 자동 레이아웃의 산성 테스트입니다. 스토리 보드에서 작업 할 때와 동일한 키보드를 사용하여 아름다운 풍경 레이아웃이 세로로 똑같이 아름답게되어 있는지 지속적으로 확인하십시오.