본문 바로가기
모바일앱/iOS

2주차 프로젝트02_프로필

by GeekCode 2021. 12. 14.
반응형

 

목표

  • UIKit 둘러보기
  • Auto Layout 알아보기
  • Human Interface Guideline for iOS 알아보기
  • View Programming Guide 알아보기

 

UIKit에 대해서는 다른 포스팅에 정리했다.

https://h1guitar.tistory.com/133

 

UIKit 알아보기

UIKit User Interface Kit iOS 또는 tvOS의 사용자 인터페이스 구성을 위한 프레임워크 Foundation 프레임워크와 더불어 iOS의 대부분의 큰 기능을 이루는 뼈대 UIKit은 이미 Foundation을 import하고 있다. 각각..

h1guitar.tistory.com

https://developer.apple.com/documentation/uikit

 

Apple Developer Documentation

 

developer.apple.com

AutoLayout을 통해 정확한 디자인이 가능하고, 기기들 간의 차이를 줄일 수 있으며, 고정된 위치를 통해 안전하게 조작할 수 가 있다.

또한 회전과 같은 상황에서도 유연하게 변화하는 UI를 만들 수가 있다.

 

 

휴먼인터페이스 가이드라인

 

휴먼 인터페이스 가이드라인이란 애플에서 강조하는 사용자 경험 중심의 UI가이드 라인이다. 

텍스트필드를 입력할 때, 이름칸에는 일반키보드, 이메일 입력칸에는 @이 있는 이메일용 키보드,  전화번호 입력칸에는 숫자패드 등등

사용함에 있어서 어떻게하면 사용자가 편리하게 조성할 수 있을까? 가 중심 패러다임이다. 

 

https://developer.apple.com/design/human-interface-guidelines/

 

Human Interface Guidelines - Design - Apple Developer

Human Interface Guidelines Get in-depth information and UI resources for designing great apps that integrate seamlessly with Apple platforms.

developer.apple.com

 

구현화면

오토레이아웃을 적용하는 경우 파란색 선들이 적용된다.

만약 지정해 둔 레이아웃을 벗어나게 되면 노란색 선이 나타난다. 우측하단의 리셋버튼이 있다.

하단의 버튼을 누르면 UI에 적용된 요소들을 하나하나 계층별로 볼 수 있다.

Xcode 하단부 위치

가장 아래 위치한것이 window이다.

반응형

'모바일앱 > iOS' 카테고리의 다른 글

UISlider  (0) 2021.12.15
Gesture Recognizer  (0) 2021.12.15
2주차 프로젝트03_업다운게임  (0) 2021.12.15
UITextfield에 입력후 키보드 숨기기  (0) 2021.12.14
2주차 프로젝트01_웹브라우저  (0) 2021.12.14
UIKit 알아보기  (0) 2021.12.14
옵셔널 복습  (0) 2021.11.18
arc의 간단 개념  (0) 2021.11.17