'ios' 카테고리의 글 목록

ios

스토리보드엔 무엇이 있을까? + Auto Layout 2022.08.01
info.plist와 AppProject에 대해 알아보자 2022.07.31

스토리보드엔 무엇이 있을까? + Auto Layout

2022. 8. 1. 12:22

스토리보드

콘텐츠 화면을 보여주고 화면 간의 연결을 나타내주는 도구(shift + command + l)

label - 여러 라인을 표시할 수 있다. 설정한 사각형의 크기와 속성에 따라 텍스트를 축소, 줄 바꿈 또는 자를 수 있다. 텍스트 글꼴, 색상, 정렬 등 설정이 가능하다.

button - 버튼 기능. 버튼 제목, 이미지 및 기타 속성 설정이 가능하다.

segmented Control - 여러 분할로 구성되어 있는 가로형 제어기, 각각 분리된 버튼으로 구성되어 있다. 페이지 전환할 때 자주 사용한다.

pull down button - 버튼의 동작과 관련이 있는 옵션들을 띄워준다.(메시지 편집 - 삭제, 선택, 수정)

pop up button - 상호 배타적인 옵션들을 팝업 형식으로 띄워준다.(최신 정렬, 인기 정렬, 이름순 정렬)

Text field - 입력 가능한 텍스트 오브젝트. 탭하면 입력이 가능하다.

나머지 요소들은 추가 예정

Auto Layout

제약조건에 따라 뷰의 크기와 위치를 동적으로 배치해준다. pin으로 설정하거나, ctrl을 누르고 끌어다가 설정할 수 있다.
뷰의 X축 위치, 뷰의 Y축 위치, 뷰의 너비, 뷰의 높이를 상대적으로 나타내준다.

설정된 값을 계산하여 크기에 맞게 유지해준다.

Safe Area - 앱이 상태바, 네비게이션바, 툴바, 탭바를 가리는 것을 방지하는 영역이다.

Constraint - Auto Layout의 제약조건이다. 방정식으로 나타낸다.

사진 좌측에서 알수 있듯이 First Item.Attribute = Multiplier * Second Item.Attribute + Constant

우측 Utility area에서 6번째 버튼인 Show Size inspector에서 직접 제약조건을 추가 및 수정할 수 있다.

[출처]

https://wogus3602.tistory.com/16

https://ksk9820.tistory.com/49

https://sujinnaljin.medium.com/ios-pull-down-button-과-pop-up-button-f0f85d650b51

https://jinshine.github.io/2018/06/07/iOS/오토레이아웃(AutoLayout)과%20Layout%20개념/

https://velog.io/@eddy_song/ios-auto-layout-1

https://leeari95.tistory.com/45

https://chobikim.tistory.com/23?category=1030063

저작자표시 비영리

'ios' 카테고리의 다른 글

info.plist와 AppProject에 대해 알아보자 (0)	2022.07.31

info.plist와 AppProject에 대해 알아보자

2022. 7. 31. 22:53

Xcode 구성

Navigator area - 프로젝트의 다양한 부분에 빠르게 액세스 가능하다.

Editor area - 소스 코드, 사용자 인터페이스 및 기타 리소스를 편집할 수 있다.

Utility area - 선택한 품목에 대한 정보와 기성품 자원에 대한 액세스를 제공한다. 두 부분으로 되어 있다.

관리자 창 : 네비게이터 또는 편집 영역에서 선택한 항목에 대한 정보를 보고 편집한다.
라이브러리 창 : 사용자 인터페이스 요소, 코드 스니펫 및 기타 리소스에 액세스 할 수 있다.

Toolbar - 앱 빌드, 실행, 진행 상황 살피기, 작업 환경 구성이 가능하다.

프로젝트 구성 파일

AppDelegate - 앱의 실행 주기를 관리하는 파일, 앱을 실행하거나 종료 또는 백그라운드를 실행할 때 하는 일 관리

SceneDelegate - 아이패드에서 생긴 멀티 윈도우와 관련하여 생성되는 파일

ViewController - 뷰에서 처리하는 내용을 담은 파일, 뷰 하나당 파일 하나씩 매칭

Main.storyboard - 앱의 내용을 시각적으로 화면 구성을 통해 보여주는 파일

Assets.xcassets - 앱의 아이콘을 보관하는 장소, 이미지를 넣어주면 이미지 앱아이콘 생성

LaunchScreen.storyboard - 앱이 실행될 때, 잠시 나타나는 스플래시 화면을 만드는 스토리보드

info.plist - 앱이 실행되는데 필요한 정보를 저장하는 파일

Project TARGET 항목 중 Info. 이곳에서 더 많은 Info.plist 내용을 확인하고 수정가능하다. 밑에서 살펴볼 예정이다.

Info.plist 구성

Bundle

실행 가능한 코드와 코드가 사용하는 자원을 포함하고 있는 디렉토리
info.plist, assets, string 파일 등 소유
framework bundle은 dynamic library에서 사용하는 코드와 자원을 포함

Bundle name - 번들 이름

Bundle identifier - 번들의 고유 식별자

InfoDictionary version - Info.plist 버전

Main storyboard file base name - 스토리보드 리소스 파일 이름

Bundle version - 번들 버전

Launch screen interface file base name - 런치 스크린(시작 화면) 파일 이름

Executable file - 번들의 실행 파일 이름

Application requires iPhone environment - 앱이 ios에서 실행되어야 하는지 여부를 나타내는 Bool 값(기본적으로 YES 값)

Supported interface orientations (iPhone) - iPhone 앱에서 지원하는 인터페이스 방향

Application supports indirect input events - 앱이 일반적으로 간접 입력 메커니즘을 지원하는가를 나타내는 Bool 값

Application Scene Manifest - Scene 생명주기 관련 정보 설정

Enable Multiple Windows: 여러 Scene을 설정할 수 있는지 체크하는 속성
Scene Configuration: 새 Scene을 만들 때, UIKIT의 기본 설정값을 설정
- Application Session role : 역할(Application / External Display)
  - Configuration Name: 설정 이름
  - Delegate Class Name: 코드 실행할 클래스 이름
  - Storyboard Name: 스토리보드 이름

Bundle OS Type code - 번들 타입(앱: APPL, 프레임워크: FMWK, 번들: BNDL)

Localization native development region - 언어 ID로 번들의 디폴트 언어 및 지역

Supported interface orientations (iPad) - 아이패드 앱에서 지원하는 인터페이스 방향

Bundle version string (short) - 번들의 배포 및 버전 번호