[iOS] TIL_230719

✅ 이미지와 라벨 들어간 버튼 만들기

버튼의 이미지는 줄어들지 않음

→ 디자이너가 크기 조절해서 리소스 줌.

→이미지뷰는 사이즈 조절 가능해서 더 수월함.

→버튼 스타일을 default로하면 버튼 내 이미지도 수정 가능 but 텍스트를 이미지 아래로는 못 내림

이미지와 라벨을 만들고 그 위에 버튼을 올리는 방법으로 해결도 가능

Plain Style 일 때

: 버튼 줄여도 이미지 안 줄어듬.

Default Style 일 때

: 줄이면 줄어들지만 텍스트 가려짐

→ 텍스트 없는 버튼일 때만 쓸만할듯

→ 이미지 더 크게는 안 됨

결론 : 버튼은 자유자재로 원하는 모양 만들기가 힘듦.. 다양하게 속성 설정해보면서 익혀야함.

(걍 이미지로 만들어서 넣는게 낫은듯,,,)

✅ User Defined Runtime Attributes

• layer.cornerRadius는 설정이 됨.
• borderColor는 CGColor를 받아야해서 UIColor로 설정 불가라 안 됨.

 

1. Scene과 Logic

Scene

: 사용자가 시각적으로 접하는 영역

• 인터페이스 빌더를 사용한다는 것.
• 단지 시각적인 요소에 불과하며, 로직과 무관

ex. 뷰객체, 제스쳐, 뷰컨트롤러 (스보로 가능)

Logic

: 기능구현을 위해 작성한 코드 (swift 코드)

핵심은 Scene과 Logic을 쌍으로 연결하는 것

각 화면(Scene)은 각 하나의 파일로 구현

2. 코드로 뷰 만들기

✅ 파일 생성

• Group: 파일 위치 설정
• Target: 무조건 체크
  • Target을 해제하면 프로젝트 안에 있음에도 자기 것인지 모르는 경우가 있음

import 주석 처리

Identity Inspector

• Class에 만들어놓은 UIViewController파일 명 작성 (엔터 꼭 치기 !)
• inherit Module From Target 안하면 못 찾아서 오류 못할 확률 큼

• ViewDidLoad 안 이나 class 밖에는 못 넣음.

• Strong으로 설정

• IB: Interface Builder
• UIImageView! → ! 강제 언래핑은 apple이 일단 만들어준거니까 쓰자(무조건 이미지뷰라는 느낌의 의미)
• ViewDidLoad
  • 사용자에게 화면이 보이기 직전에 실행되는 부분
  • 모서리 둥글기, 그림자 등 스토리보드에서 설정할 수 없는 UI를 설정할 때 주로 사용
  • 뷰 컨트롤러 생명주기

• 자동완성 순서는 내가 뭐를 많이 쓰냐에 따라 달라질 수 있음
• 크기 조절 가능

UIImage(named:) : 에셋에 있는 요소 사용할 때 쓰임

borderColor는 CGColor라 UIColor.red로 설정 불가 (CG: CoreGraphics)

UIColor.red → UIColor.red.cgColor 로 해줘야함.

✅ label 추가하고 연결 해주기

✅  이미지와 라벨 이름 바꿔보기

이미지 이름 변경

아래 코드 변수들도 복사해서 바꾸면 댐

라벨 이름 변경

infoLabel → informationLabel

실행하면 오류남 (key value coding-compliant Error)

→ 스보 가보기

• x눌러서 없애기

• 밑에 새로 생긴 이름들로 다시 연결

✅ 이름 수정 초간단버전

• 변경할 변수 우클릭 Rename

• 스보까지 다 바꿔줌

✅ 코드 스니펫 만들기

Shift + Command + L

로 스니펫 창 열어서 필요할 때마다 가져다 쓰면 됨

Option + Command + 좌우 키 : 코드 열고 접기

 

✅ 코드로 버튼 설정해보기

스토리보드

코드

highlighted

버튼을 떼지말고 꾹 눌렀을 때(눌린 건 아님 화면이 넘어가거나 하지 않음)

setTitle

스보로 넣은 이미지 그대로 있고 타이틀 추가 됨

setImage

기본 스보로 넣은 이미지는 없어지는 듯?

✅ 이미지 랜덤으로 가져오기 (랜덤 한 수 만드는 두가지 방법)

let을 쓰는 이유는 viewDidLoad 실행 중에 값 바뀔일 없음

첫번째 방법

두번째 방법

옵셔널 관련 경고 뜸

배열에 값이 있어서 randomResult에 nil이 들어갈 일이 없어서 문제 전혀 없다고 소리칠 수 있음

세번째 방법

랜덤한 요소가 아닌 랜덤한 인덱스로 접근

✅ 버튼에 액션 넣기

• Type : Any말고 UIButton으로 해줘야 안정적임 (내일 설명)
• Name : 노상관
• Event : 99퍼센트 touch up inside 씀.
• @IBAction 코드는 클릭했을 때 실행 되기 때문에 코드에서 이름 바꿔도 클릭 안 하면 오류 안 남(Rename으로 바꿨을 때는 오류 없이 잘 적용 됨)

액션함수 안에 이 배열을 넣는다면 액션함수 누를 때마다 배열이 메모리에 올라갔다가 사라졌다가 반복

→수만번 누른다고 치면 비효율

따라서 바깥에 넣어주는게 좋음.

✅ 함수화 하기

viewDidLoad() 안은 최대한 짧게

✅ 함수의 종류

• 애플이 만든 것
  • ex.viewDidLoad : 애플이 만들어 놨으며 언제 실행 될 지 애플이 내부적으로 정해 놓음.
• 우리가 직접 만든 것
  • 우리가 이름,기능,실행 타이밍 모두 직접 설정

✅ Break Point

• 멈춰 있는 상태
• 코드를 원하는 곳에서 한줄한줄 멈춰서 확인
• 오른쪽으로 스와이프하면 사라짐
• 클릭하면 비활성화
•  

→ 누르면 다음 브레이크 포인트로 넘어감

→ 토글해서 모든 브레이크 활성화/비활성화 가능

→ 모든 브레이크 포인트 한번에 확인

✅ 한 swift파일에 여러개 class

• 몇 백개 클래스가 한 파일에 있어도 상관 없음.
• 하지만 눈에 잘 보이기 위해 보통 한 파일에 한 클래스

✅ 라벨 글자 줄 수 무제한으로 쓰기

resultLabel.numberOfLines = 0 

✅ General : Build Setting의 간편 보기 버전

General

Build Setting

✅ 텍스트 필드 텍스트 비우기

✅ 바탕 뷰 누르면 키보드 내려가게 하기

1. 원하는 곳에 Tap Gestrue Recognizer 추가 (지금은 바탕 View)Tap Gesture Recognizer추가 된 모습

2. @IBAction 연결

3. 액션함수에 뷰 편집 상태 종료하는 코드 추가

✅ Could not insert new action connection 오류

→강종 후 해결

강종은 Command+Q 하면 편함

✅ Outlet Collection

아래와 같이 선언한 후 (스보에서 라벨 끌어와서 선언하니까 오류남;; 아래처럼 코드로 선언해도 엑코 껐다 키니까 겨우 됨. 점 까다로운넘 …)

스토리보드의 각 라벨들에 끌어 놓기 (세 번 추가)

잘 적용 됨

✅ 함수에 매개변수 추가해서 사용하기

outletName :외부 매개변수

name: 내부 매개변수

외부 매개변수 안 쓰는 법 - 와일드카드 식별자(_) 사용

용어 정리

• 매개변수(Parameter) : 전달인자를 받을 변수. 함수 내부에서 표현하는 말
  • 외부 매개변수 (Argument Label)
  • 내부 매개변수 (Parameter name)
• 전달인자(Argument) : 함수를 호출 할 때 실질적으로 들어가는 값, 전달 하는 값 (시시각각 변동)

✅ Alert 코드

 	let alert = UIAlertController(title: "이곳이 타이틀입니다", message: "이러쿵 저러쿵 내용을 작성해주세요!", preferredStyle: .alert)
        let cancel = UIAlertAction(title: "취소", style: .cancel)
        let ok = UIAlertAction(title: "확인", style: .default)
        alert.addAction(cancel)
        alert.addAction(ok)
        present(alert, animated: true)

---