[Xcode] UIView 정리

* 복습 차원에서 다시 해보고, 이것저것 해봄

* 확장자가 안보이면 뭔질 몰라서;  Xcode\General\File extension : Show all 변경

 

X code

 

 

만들 프로젝트를 설정해준다.

 

 

경로 : Desktop/iOS/projects/SMViewer

 

 

* 가장 기본으로 생성되는 파일 설명 대충.

• AppDelegate - 앱 라이프사이클 관리, 시작호출종료 등
• SceneDelegate - 아이패드 사파리 2개 가동 시 화면분리 씬 분리에 대한 라이프사이클 관리
• ViewController - 템플릿 생성 시 디폴트 화면
• Main - Storyboard. 중앙 상단 우측 + 뷰들 많음.
  이미지 뷰 드래그. 뷰 클릭 시 우측 바에서 5번째 조절 카테고리는 선택 뷰의 속성 바.
  속성 바 image 넣을 이미지 선택.

 

 

 

X code 프레임워크 툴들에 익숙하지 못하다.

정신차리고 어디에 뭐가 있고 어디서 뭘 볼 수 있는지 익숙해지기.

 

* 뷰 파일을 선택했을 경우

  좌측 사이드 바는 파일뷰.., 깃, 이슈, 디버깅 등 + 화살표가 Run

  중앙 상단 바는 시뮬레이터 돌릴 기종

  우측 상단 사이드 바는 현재 선택 중인 파일,객체에 대한 속성 정보 

  하단 바는 콘솔창, 디버깅 등

 

* 스토리보드를 선택했을 경우

  우측 사이드 바는 현재 선택한 파일,객체에 대한 속성 정보

 

+ 버튼을 누르면 Label, Button, Slider, Segmented Control, Switch, Stepper 등 

끌어다 둘 수 있는 Object 창 

 

선택한 오브젝트 속성이 보이고 속성바에서도 값을 설정할 수 있음

 

스토리보드에서 추가한 오브젝트를 뷰와 Connection 시키기 위해서 뷰를 보조로 볼 수 있게 열기

 

 

 

스토리보드는 눈에 보이는 오브젝트를 갖다두기만 한거라 그 오브젝트를 사용할거면

뷰와 Connection해서 뷰의 코드를 참조 주소값으로 가져야만 한다.

 

 

Connection은 기본적으로 먼저

1) 스토리보드와 뷰를 Connection할 수 있게 해주는 IBOutlet를 사용

@IBOutlet 변수명 : 해당 Object타입

2) 그 후에 해당 Object의 Action을 Connection 해주는 IBAction 사용하여 동작 함수로 선언.

@IBAction func 함수명(매개변수:매개변수타입) {

 

 

@IBOutlet하니까 java 어노테이션 같다..

변수의 타입 class, struct에 이미 보편적으로 선언된 변수명이 있을 수도 있어서

Connection 변수명이 중복된다면 뒤에 넘버링으로 선언. view1, view2 ...

 

우측 드래그를 놓아서 Connection할 때 속성을 골라서 지정할 수 있다.

Action은 func로 Connection되기 때문에 이벤트, 매개변수를 지정 가능.

 

Type : Any 는 공통 함수여서 이 타입 저 타입 받게 될 경우 (java Object)

Event : 터치가 어떻게 동작될 때

Argument : 어떤 매개변수를 보낼지, Sender는 보통 자기 자신

 

 

Object 우클릭하면

Referencing Outlets 변수명이 key, connection 뷰가 value가 된다.