7.11 수업 복습

작업을 하다가 문제가 생긴거 같은 경우 체크해보기

(파일, 폰트 등 추가 및 드롭 했는데 파일 위치가 제대로 되어있는지 체크하고 싶을 때)

 

 

-alpha vs opacity(투명도)

 

알파값을 주면

 

뷰 안에 라벨 넣은 경우, 뷰 안에 있는 요소도 같이 투명해진다.

라벨 뿐만 아니라 다른 UI요소 넣어도 똑같음.

->투명하게 하고 싶지 않다면, 뷰 안에 넣지 말고 빼내면 됨.

 

opacity 

: 뷰 자체만 투명하게 만들고 싶을 때 사용 (뷰에서 background클릭 후 custom컬러 설정 뒤 밑에부분에서 opacity 적용)

 

-렌더링 모드 ( template vs. original )

Assets 에서 Image Set 추가 후 오른쪽 부분 Render As 에서

original image: 이미지 자체가 들어감

template image : 형태만 있고, 안에 컬러만 칠해지는 형태

-> 한번 관련 내용 찾아보기

 

corner radius vs. clips to bounds vs. shadow

=> 검색하면 관련 내용 엄청 많이 나옴

 

clips to bounds : 네모 뷰 바깥에 관한 것  => shadow 와 같이 쓸 수 없음

(동그랗게 깎는거랑 쉐도우 같이 할 수 없음) => 만드는 방법 : 뷰 객체를 2개를 겹친다. (하나는 모서리 깎고, 하나는 쉐도우 만들기)

clips to bounds

clipToBounds는 bonds를 벗어나는 영역을 그리지 않는 속성이라는 것을 관점으로 생각해보시면서, 어떤 View에서는 clipToBounds를 적용하지 않아도 코너가 적용이되는데, 어떤 뷰는 clipToBounds를 적용해야지 되는지에 대해서 뷰의 상속관계에 대해서 생각해보시면 좋을 것 같아요.!

대표적인 예시로 UIButton의 background로 이미지를 지정하셨을 때 cornerRadius를 주었는데 적용이 안되었었지만, clipToBounds를 true로 변경하면 적용이 왜 되었을까를 생각해보시면 좋을 것 같아요 🙂

 

 

이미지를 완전 동그랗게(정원) 만들고 싶을 때

일단 정사각형 이미지뷰를 만들고 반지름만큼 깎아준다

 

Value Changed / Touch up Inside / + 뷰 객체(다양한 이벤트가 적용 되는)

slider, switch -> Value Changed

did end on exit -> text field에서 엔터 키 눌렀을 때 검색

 

Gesture

gesture 잘 안되는 경우 : isuserInteractionEnabled (막아버리면 실행 잘 안될 수 있다) 옵션 관련

 

 

오토레이아웃

네모 이미지를 1:1 비율로 하고 싶을 때 ->

예를 들면 파란색 네모를 root view에 기대고 (오른쪽 마우스로 끌어서) equal width 설정 뒤에

constraints쪽에서 aspect ratio 하고나서

multiplier 1:1 로 설정

파란색네모에 초록색 위네모 y 축 관련해서 조정하는거 multiplier로 조정했음

파란색 네모에서 초록색 네모가 조금 더 위로 배치되게끔 하는거 조정할 수 있는거임.

 

 

 

6개 네모 한꺼번에 잡고 왼쪽 오른쪽 잡으면 constraints가 여러개 생김

equal width 는 누군가에게 기대면 그 뷰에 대한 equal width가 되고

여러개 선택했을 땐 여러개 선택한 뷰에 대한 equal width가 된다

이건 근데 multiplier로 잡을 수 있음 (루트뷰에 대해서 0.3 뭐 이런식으로 잡으면 루트뷰 전체에 해서 30퍼센트만 차지하는 것 처럼 된다)

 

여백값을 기준으로 한거임 

16으로 다 고정을 시켜놓아서

만약 여기서 뷰 자체의 width까지 주면 디바이스마다 충돌이 난다.

즉 여백 값을 기준으로 하던지 뷰 자체의 너비값을 기준으로 하던지.

 

 

스택뷰 

=> 간격에 대한 옵션

가로로만 묶거나 세로로만 묶거나.

위의 경우: 간격을 16으로 잡은 경우

보통 스페이싱 정도만 잡는다.

 

distribution : 이미지뷰들이 스택뷰 안에서 비율을 잘 나눠갖도록 (fill equally)

 

 

원래 보통 iOS에서는 view -> isHidden 하게 되면 -> 그 자리가 비게 됨 (원래는)

근데 !! StackView에서는 하나의 이미지뷰를 isHidden처리하면 => 그 자리가 사라지는 효과가 있다

마치 아래 4개의 이미지 뷰에서 핑크색을 isHidden처리하면 위의 3개 이미지로 줄어들게 보이는 효과

예시 : 카카오톡 이름, 상태메시지 -> 상태메시지 없는 사람 경우에 스택뷰로 해서 이름이 가운데로 정렬됨

 

어떤 뷰를 복사해서 붙여넣기 했는데, constraint가 일부분만 복사되는 경우?

어떤 뷰에 기대지 않고, 자기 자신에 대해서 비율 설정 등등 그런건 복사가 됨.

그치만 어떤 뷰에 대해 기댔던 거에 대해서는 복사가 안됨.

 

 네비게이션 뷰 컨트롤러

embed 

드릴 다운 인터페이스

수직적 화면 관리

 

root - child(뒤로가기 버튼이 나타나는 화면들)

push - pop

 

네비게이션 뷰 컨트롤러에는 화면을 꾸미는 요소가 없음 그래서 루트뷰 컨트롤러를 데리고 옴. 

 

버튼으로 다음 화면과 연결 -> 오른쪽 마우스로 넘겨서 action segue -> show 선택 (화면 전환)

 

 

 

Bar button Item 오른쪽 두개 넣을 수 있음

 

 

back button 글씨 없애고 아이콘만 쓰는 꼼수

: space 누르고 엔터.

 

스크롤 엣지(Scroll Edge)로 색상 적용.