[iOS] LED 전광판 앱 만들기 (1 / 2)

Jamong·2023년 1월 25일
0

iOS 알아가기

목록 보기
10/14

[패스트캠퍼스] 30개 프로젝트로 배우는 iOS 앱 개발 with Swift 초격차 패키지 Online을 학습하면서 나오는 이론 내용과 공식 문서에서 필요한 내용을 발췌하여 정리한 글입니다.

Part2. Basic 2. LED 전광판 앱 만들기

Stroyboard Desgine (제약조건)

Navigation Controller를 추가하여 진입점으로 변경하였고 View Controller를 Root View Controller로 설정하였다.

View Controller

Label 아이템 추가 후 가운데 정렬

  • Horizontally in Container
  • Vertically in Container

Navigation Bar에 Bar Button Item을 추가하고 타이틀을 설정으로 변경했다.

Bar Button(설정)은 Action Seaguway로 새로운 View Controller에 show로 설정했다.

Setting View Controller

새로운 View Controller를 만들어서 Class를 SettingViewController로 연결하고

Navigation Bar 타이틀을 설정으로 변경하고 스택 뷰로 오브젝트 아이템들을 배치했다.


Stack View (전광판 글자)

  • Spacing: 15
  • Aling Top: 24
  • Aling Traling: 24
  • Algin Leading: 24

Obejct Item: Label (전광판에 표시할 글자)

Object Item: Text Field (Placeholder: 전광판에 표시할 글자)

  • Aling Traling: 0
  • Algin Leading: 0

Stack View (텍스트 색상)

  • Spacing: 15
  • Aling Top: 35
  • Aling Traling: 24
  • Algin Leading: 24

Obejct Item: Label (텍스트 색상 설정)

Stack View(텍스트 색상 버튼 모음)

Object Item: Button
-> image(Assets) : yellow_circle

Object Item: Button
-> image(Assets) : purple_circle

Object Item: Button
-> image(Assets) : green_circle


Stack View (배경 색상)

  • Spacing: 15
  • Aling Top: 35
  • Aling Traling: 24
  • Algin Leading: 24

Obejct Item: Label (배경 색상 설정)

Stack View(배경 색상 버튼 모음)

Object Item: Button
-> image(Assets) : black_circle

Object Item: Button
-> image(Assets) : blue_circle

Object Item: Button
-> image(Assets) : orange_circle


Button (저장)

가운데 정렬

  • Center Horizontally -> Stack View(배경 색상)
  • Aling Top: 24
profile
새해 목표 : 1일 1 깃, 블로그, 프로그래머스 2문제

0개의 댓글