mynameiscowjaehoon

기기를 회전해도 요소들이 위와같이 가운데에 정렬되도록 하고 싶은것이 목적이라면 각 영역별로 view를 나누고 각 view에대한 constraint 와 align을 적절히 사용해서 구현할 수 있다. view는 요소를 선택한 후 다음 세가지 방법으로 추가할 수 있다. 1. 요소를 따로 선택하지 않고 library 에서 view를 직접 선택해 추가하는 방법. 2.요소를 선택한 후 Editor > Embed In > View 3.우측 하단의 Embed In 아이콘에서 View를 선택하는 방법. 위 방법들을 사용해서 3개의 view를 만들게 되면 view의 위치가 상대적으로 어떻게 되는지 정해주지 않았기 때문에 에러가 발생한다. 이를 해결하기 위해서 스택 뷰를 사용한다. stack view를 사용하기 위해서 포함..

화면에 수평, 수직적으로 가운데 정렬을 해줄 때 사용하는 constraint이다. xcode에서 요소를 선택한 후 다음 버튼을 눌러 사용한다. Horizontally in Container는 왼쪽, 오른쪽을 기준으로 요소를 정 가운데에 위치시켜주고, Vertically in Container는 위, 아래를 기준으로 요소를 정 가운데에 위치시켜준다. 아이콘의 모양을 보면 쉽게 파악할 수 있다. 위에서 기존 맥주잔 모양의 로고를 살펴보자. 위 화면을 수평으로 눕히게 되면 로고가 사라지는 것을 볼 수 있다. Align Container를 사용하면 다음과 같이 눕혀도 언제나 로고를 화면의 정가운데에 위치시킬 수 있다.

요소를 선택한 후 위 constraint 버튼을 누르면 다음 속성들을 볼 수 있다. 점선으로 표시된 막대를 눌러 어디로부터 constraint를 설정할지와 간격을 몇 픽셀로 둘 것인지를 결정할 수 있다. 앱을 다음과 같이 가로로 눕혔을 때 좌우에 빈공간이 생기는 이유는, safe area라는 배터리의 정보나 홈버튼이 오는 곳을 기준으로 constraint가 설정되어 있기 때문이다, trailing 부분과 leading부분의 뷰를 super view로 설정한 후 거리를 0으로 해주면 빈공간까지 가득 채워지는 것을 볼 수 있다. Super View는 존재하는 뷰의 모든 요소를 포함하고 있는 제일 상위의 뷰라는 것을 기억해두자. Safe View는 배터리 표시, 알림, 홈버튼 부분을 제외한 다음과 같은 부분을..

Main 스토리보드에서 이미지 요소를 선택한 후, control(^)을 눌러 코드쪽으로 드래그하면 해당 이미지 요소에 해당하는 코드가 생성된다. 스토리보드와 코드를 보는 방법은 스토리보드에서 Assistant를 선택해 주면된다. 이미지를 끌어당겨 코드쪽으로 옮기면 다음과 같은 코드가 생성된다 @IBOutlet weak var diceImageView1: UIImageView! @IBOutlet 은 해당 이미지 요소를 참조할 수 있도록 해준다. 그러면 diceImageView1이라는 변수는 이미지와 연결된 것이다. 스토리보드에서 이미지를 우클릭해보면 다음과 같이 연결된 것도 확인 할 수 있다. 앱이 실행되었을 때, 이미지 요소를 바꾸고 싶다면, 변수의 image속성을 UIImage메서드를 사용하여 수정해 ..

canva.com 에서 회원가입을 하면 다음과 같이 간단한 앱 아이콘을 만들 수 있다. 만들어진 아이콘 파일은 왼쪽 상단에서 이름을 지정해 PNG 파일로 다운로드 받을 수 있고 그 이미지 파일을 그대로 App Icon Generator에 업로드해 아이폰, 아이패드, 안드로이드 등 필요한 앱 아이콘으로 바로 변환해 줄 수 있다. 변환된 파일의 압축을 풀어보면 다음과 같다. Assets.xcassets >> AppIcon.appiconset 폴더에는 각 사이즈 별로 앱 아이콘들이 정렬되어 있고, 이걸 그대로 xcode 프로젝트파일의 Assets.xcassets 폴더에 덮어씌우면 다음과 같이 앱 아이콘들이 자동으로 등록된다.