iOS 개발 용 Storyboard 미리 보기 UI 의 화면 별 실행 효과

회사 에서 프로젝트 를 할 때 Storyboard 를 사용 해 왔 습 니 다.가끔 은 팀워크 의 Storyboard 충돌 문제 에 부 딪 히 기도 하지만 Storyboard 의 개발 효율 이 높 은 것 은 수지 가 맞습니다.이전 블 로그 에서 도 언급 했 듯 이 팀 이 합작 하여 Storyboard 를 사용 할 때 충돌 을 피 하 는 효과 적 인 해결 방법 은 UI 개발 을 담당 하 는 동료 들 이 각자 Storyboard 를 유지 하 는 것 이 좋 고 공용 구성 요 소 는 경량급 xib 나 순 코드 를 사용 하여 이 루어 지 는 것 이 좋다.이렇게 하면 개발 효율 을 높 일 뿐만 아니 라 스토리 보드 의 충돌 도 효과적으로 피 할 수 있다.모든 사람 이 스토리 보드 를 지 키 면 충돌 이 생기 면 당신 의 것 을 기준 으로 OK 합 니 다.
본론 으로 들 어가 면 UI 가 서로 다른 해상도 화면 에서 실행 되 는 효 과 를 미리 보기 위해 Storyboard 를 사용 하 는 방법 을 소개 합 니 다.제약 을 조정 할 때마다 Run 을 해 야 서로 다른 평면 에서 실행 되 는 효 과 를 볼 수 있 습 니 다.오늘 블 로 그 는 Storyboard 를 사용 하여 Preview 실행 효 과 를 어떻게 하 는 지 상세 하 게 설명 하 겠 습 니 다.효과 에 대한 미리 보 기 를 한 걸음 한 걸음 살 펴 보 겠 습 니 다.
1.프로젝트 추가 테스트 에 사용 할 UIImageView 생 성
테스트 프로젝트 를 만 들 고 ViewController 에 4 개의 서로 다른 사이즈 의 UIImageView 를 추가 하 며 서로 다른 제약 을 추가 합 니 다.마지막 으로 서로 다른 문예 적 이 고 신선 한 그림 을 추가 합 니 다.최종 Storyboard 의 컨트롤 과 제약 은 다음 과 같 습 니 다.

2.미리보기 창 열기
1.Storyboard 의 왼쪽 상단 에 있 는 버튼->Preview->potion+shift 키 를 누 르 고 해당 Storyboard 를 누 르 면 다음 그림 과 같이 구체 적 으로 동작 합 니 다.

2.위의 조작 을 거 친 후에 다음 과 같은 조작 화면 을 볼 수 있 습 니 다.이 화면 에서 오른쪽 에 있 는 추가 단 추 를 누 르 면 미리 보기 창 을 추가 할 수 있 습 니 다.아래 그림 과 같 습 니 다.

3.미리 보기 장치 추가
1.위 에 있 는 플러스 버튼 을 두 번 눌 러 미리 보기 창 이 나타 납 니 다.미리 보기 창 왼쪽 아래 에 플러스 버튼 이 있 습 니 다.플러스 버튼 을 누 르 면 서로 다른 사이즈 의 화면 을 추가 하여 미리 볼 수 있 습 니 다.3.5 부터 아이 패드 까지 모든 것 이 있 습 니 다.추가 예 는 다음 과 같 습 니 다.

2.위의 모든 장 치 를 다음 그림 과 같이 미리 보기 효 과 를 추가 합 니 다.이 미리 보기 효 과 는 Storyboard 로 이 루어 진 컨트롤 에 만 국한 되 지만 순수한 코드 로 쓴 UI 는 이렇게 운 이 좋 지 않 습 니 다.미리보기 효 과 는 다음 과 같 습 니 다:

 
Storyboard 는 아주 강력 합 니 다.이런 작은 기술 과 비슷 합 니 다.Storyboard 는 아직 많 습 니 다.여기 서 일일이 설명 하지 않 겠 습 니 다.나중에 천천히 소개 할 기회 가 있 습 니 다.블 로그 의 마지막 부분 에서 제 귀여운 데스크 톱 을 공유 해 드 리 겠 습 니 다.하지만 이 데스크 톱 은 당신 의 기술 향상 에 아무런 도움 이 되 지 않 습 니 다.여러분 들 이 매일 즐 겁 고 즐겁게 일 하 시 기 를 바 랍 니 다!

이상 의 소 개 는 본문의 전체 내용 이 니 여러분 께 도움 이 되 기 를 바 랍 니 다.