상상하라 그리고 현실로 만들어라.

상상하는 모든 것이 미래다.

반응형

Swift와 iPhone/iPhone App 4

스위프트 아이폰 앱 리스트 컬렉션 뷰(CollectionView)로 사진첩 리스트 만들기

아이폰 앱 리스트 만들기 컬렉션 뷰(Collection View) 지난 포스팅에서는 테이블 뷰(Table View)를 이용한 리스트를 만들었었다. 하.지.만 테이블 뷰(Table View)가 대표적인 리스트를 만드는 방식이기는 하나 조금 더 간지나는, 더 이쁜 리스트를 만들고 싶을 때도 있다. 사진첩과 같은 그리드 형식의 리스트가 좋은 예다. 마침 애플은 그런 모양의 리스트를 만들 수 있도록 컬렉션 뷰(Collection View)를 제공하고 있다. 그리고 방법은 테이블 뷰(Table view)를 구현하는 것과 크게 다를 것이 없다. (새로 배울 게 별로 없다니 이 얼마나 다행인가!) *그리드(Grid) : 격자 형식의 무늬 스토리보드(Storyboard) 만들기 앱을 만들고자 Xcode 를 열면, 스토..

아이폰 앱 개발 기초, 데이터 전달하면서 화면전환하기

데이터 전달하면서 화면전환하기 모바일 앱은 최소 단일 화면 하나만으로 구성되어 있는 앱도 있지만 대부분 여러개의 화면이 있다. 때에 따라서는 다음 화면으로 데이터를 넘겨줘야 할 때도 있다. 가장 대표적인 방법은 스토리보드(Storyboard)로 연결된 세그웨이(Segue)를 통해서 데이터를 전달하는 방법이다. 이 예제는 간단하게 각 버튼을 터치했을 때, 다른 화면으로 각기 다른 데이터가 전달되어 표시되는 앱이다. #목차 개발환경 Xcode 프로젝트에 이미지 넣기 스토리보드(Storyboard)에 뷰 컨트롤러 배치하기 세그웨이(Segue) 연결하기 뷰(View)를 코드와 연결하기 코딩1 : 데이터 보내기 코딩2 : 데이터 받기 (각 목차를 클릭하면 해당 내용을 바로 볼 수 있습니다.) 개발 환경 언어 : ..

아이폰 앱 개발 기초, 화면에 사진 이미지 띄우기

아이폰 앱 개발, 화면에 사진 이미지 띄우기 이미지 뷰(Image View)를 화면에 출력하는 방법과 버튼을 누를 때마다 이미지가 커지거나 작아지는 간단한 앱입니다. #목차 개발환경 스토리 보드에 이미지 뷰 배치하기 Xcode 프로젝트에 이미지 넣기 뷰(View)를 코드와 연결하기 코딩 (각 목차를 클릭하면 해당 내용을 바로 볼 수 있습니다.) 개발 환경 언어 : 스위프트4 (Swift4) IDE : Xcode 12.2 스토리 보드에 이미지 뷰 배치하기 스토리 보드의 우측상단 '+' 를 눌러 이미지 뷰(Image View)와 레이블(Label), 버튼(Button)을 순서대로 배치한다. 각 버튼은 이미지를 점점 크게 하거나 작게 만들 것이다. Xcode 프로젝트에 이미지 넣기 이미지를 띄우기 위해서는 X..

아이폰 앱 개발 기초, 스토리보드에서 간단하게 화면전환하기

아이폰 앱 개발, 간단하게 화면전환하기 - with 스토리보드 - 아이폰 앱을 개발 할때 화면을 전환하는 방법은 간단하다. GUI 환경인 스토리보드에서 단순히 마우스 클릭과 드래그로 전환이 가능하다. 물론, 데이터를 전달하는 등의 이벤트를 처리하기 위해서는 추가의 코드가 필요하지만 그렇지 않은 경우 불과 몇초만에 기능을 구현할 수 있다. #목차 개발환경 스토리보드에 뷰 컨트롤르 배치하기 세그웨이(Segue) 연결하기 세그웨이(Segue) 연결 깨알팁 (각 목차를 클릭하면 해당 내용을 바로 볼 수 있습니다.) 개발 환경 언어 : 스위프트4 (Swift4) IDE : Xcode 12.2 스토리보드에 뷰 컨트롤러 배치하기 우측 상단의 '+' 버튼을 눌러 뷰 컨트롤러(Controller) 를 선택, 드래그해서 ..

반응형