컴퓨터 공학231 [2020 안드로이드 스튜디오] 스피너 (spinner) 사용 예제 [ 2020 안드로이드 스튜디오 ] 스피너 (spinner) 사용 예제 Android Studio Version 3.6.3 사용언어 JAVA 스피너를 사용하면 선택하기 전 View1과 선택하는 중 View2가 있습니다. 하지만 SDK에서 미리 만들어 제공하는 레이아웃을 사용하면 간단히 몇 줄의 코드만으로 스피너를 만들 수 있습니다. STEP 1 xml 구성하기 - 스피너 태그를 이용해 XML 레이아웃에 추가하고 어댑터 객체를 만들어 설정합니다. - 스피너에 들어가는 각 아이템은 텍스트만 보여주는 경우가 많아서 안드로이드 SDK에서 미리 제공하는 XML레이아웃을 그대로 사용할 수 있습니다. - ArraryAdapter는 아이템을 위한 여러 개의 데이터를 담아두기 위해 미리 만들어졌습니다. - 스피너는 항목.. 2020. 5. 16. [2020 안드로이드 스튜디오] 리스트뷰(ListView), 어댑터(Adapter) 이해 &기본예제 [2020 안드로이드 스튜디오] 리스트뷰(ListView) 이해 &예제, 어댑터 개념 Android Studio Version 3.6.3 사용언어: JAVA STEP 1 아이템을 위한 XML 레이아웃 정의하기 - 리스트뷰에 들어갈 각 아이템의 레이아웃을 XML로 정의합니다. ※ 예제 만들 때 파일명을 single로 한다는게 singer로 오타냈네요. 코드가 돌아가는데는 이상이 없습니다. 무시하고 원하는 대로 네이밍 하시면 됩니다. ※ ■ singer_item_list.xml STEP 2 아이템을 위한 뷰 정의하기 - 먼저 하나의 아이템을 정의하는 클래스를 만듭니다. - 아이템을 구성할 요소는 이미지, 텍스트2개 입니다. 즉, 변수 3개를 선언하면 되겠죠. ■ SingerItem.java package c.. 2020. 5. 16. [Xcode] 프로젝트 생성시 만들어지는 파일 알아보기 / M와 A 뜻 iOS프로그래밍 2020 Xcode Swift 스위프트_프로젝트의 파일들 (AppDelegate, SceneDelegate, ViewController, Assets, Info.plist 등) 살펴보기 / M와 A 뜻 ■ 프로젝트의 파일들 살펴보기 Xcode에서 프로젝트를 만들면 다음과 같은 폴더와 파일이 자동으로 만들어집니다. 각 파일들은 어떤 역할을 하는지 알아보겠습니다. 1 AppDelegate.swift 앱의 실행 주기(Life Cycle)를 관리하는 내용이 들어있습니다. 앱을 실행하거나 종료 또는 백그라운드를 실행할 때 하는 일들을 관리합니다. 2 SceneDelegate.swift 사용자 인터페이스(User Interface; UI)의 실행 주기(Life Cycle)를 관리하는 내용의 스위프트.. 2020. 5. 6. [Xcode] 자동 레이아웃 / 제약 조건(constraints) 설정하는 법 iOS프로그래밍 2020 Xcode Swift 스위프트_자동 레이아웃 auto layout 설정하기 / 제약 조건 constraints 설정하는 법 Xcode Version 11.4.1 자동 레이아웃을 설정하지 않으면 아래와 같이 기기의 디스플레이마다 객체가 다르게 표시됩니다. 이를 해결하기 위해 제약 조건을 설정해보겠습니다. 자동 레이아웃은 각 객체마다 제약 조건(constraints)을 설정하여 사용합니다. 제약 조건이란 각 객체가 가질 수 있는 여백, 정령 방법, 다른 객체와의 간격 등을 의미합니다. 간단한 예제로 바로 들어가겠습니다. STEP 1 제약 조건 아이콘 클릭하기 - 스토리보드에서 작업합니다. - 제약 조건을 설정할 객체를 선택하고 아이콘을 클릭합니다. STEP 2 객체의 좌, 우, 위,.. 2020. 5. 6. [Xcode] Auto Layout Localization 경고 메세지 뜻 iOS프로그래밍 2020 Xcode Swift 스위프트_Auto Layout Localization 경고 메세지 Views without any layout constraints may clip their content or overlap other views. Xcode Version 11.4.1 예제를 따라하다 보면 경고 아이콘(노란 세모)이 나타나는 것을 볼 수 있습니다. 경고 아이콘을 클릭해보면 Views without any layout constraints may clip their content or overlap other views.라는 문구가 나옵니다. 이 경고 메세지는 자동 레이아웃에 관련된 메세지 입니다. 스토리보드에 객체를 배치시켰는데 자동 레이아웃을 설정하지 않아서 객체가 다른 .. 2020. 5. 6. [스위프트] 만들어둔 뷰 컨트롤러 View Controller 가져오기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트 기존 프로젝트에서 만들어둔 뷰 컨트롤러 가져오기 Xcode Version 11.4.1 이미 만들어둔 뷰 컨트롤러를 재사용해야할 때가 있습니다. 그 때 사용된 이미지와 스토리보드 및 소스 코드를 가지고 와야겠지요. 기존 뷰를 현 프로젝트에 추가하는 방법을 알아보겠습니다. STEP 1 뷰의 스위프트 파일추가하기 - 스위프트 파일을 프로젝트 목록 아래에 드래그앤드롭으로 추가합니다. - 프로젝트에 이미 동일한 이름의 파일이 존재한다면 스위프트 파일명을 변경해줍니다. - 뷰에 사용되었던 이미지가 있다면 역시 드래그로 추가합니다. STEP 2 스위프트 파일명 변경하기 - 파일을 추가하면 기존에 있던 뷰 컨트롤러와 이름이 같을 수 있습니다. - 따라서 왼쪽 사이.. 2020. 4. 30. [스위프트] 탭 바 Tab Bar 컨트롤러 이용해 여러 뷰 넣기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트_탭 바 컨트롤러 이용해 여러 뷰 사용하기 Xcode Version 11.4.1 iOS에서 하나의 앱에 여러 화면을 넣을 때 일반적으로 많이 사용한는 것이 탭 바(Tab Bar)입니다. 화면 이동할 때 탭을 클릭만 하면 되기 때문에 쉽게 화면을 전환할 수 있습니다. 이제 간단한 예제를 통해 탭 바 컨트롤러 Tab Bar Controller를 사용하는 법을 알아보겠습니다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 탭 바 컨트롤러를 스토리보드에 추가하기 - 스토리보드의 아이폰 화면 전체를 드래그한 후 메뉴에서 [Editor -> Embed in -> Tab Bar Controller] 를 선택합니다.. 2020. 4. 29. [스위프트] 페이지컨트롤 page control 만들기(예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트_페이지컨트롤 앱 만들기 Xcode Version 11.4.1 ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 이미지 추가하기 STEP 2 이미지 뷰와 페이지 컨트롤 추가하기 STEP 3 아울렛 변수와 액션 함수 추가하기 - 보조 편집기를 엽니다. - 변수와 함수를 설정할 아이템을 오른쪽 마우스로 클릭합니다. - 코드를 작성할 위치에 드래그앤드롭합니다. ■ imageView 아울렛 변수 ■ Page Control 아울렛 변수 ■ Page Control 액션 함수 - Event 설정은 이 함수가 언제 실행될지 결정하는 항목입니다. - 여기서는 선택할 페이지 컨트롤의 값이 변할 때 액션 함수를 실행하기 위.. 2020. 4. 29. [스위프트] Info.plist 파일 수정하기 (예제포함) iOS프로그래밍 2020 Xcode Swift 스위프트 Info.plist 파일 수정하기 웹킷으로 웹브라우저 보이게 하는 법 Xcode Version 11.4.1 Info.plist는 Information property list의 약자이며, 키-값 쌍의 정보가 저장되어 있습니다. 이 파일 안에는 언어, 실행 파일 이름 및 앱 식별자 등등의 항목들과 관련된 리소스 파일이 들어 있습니다. ✔️ 관련 예제를 따라하고 싶다면 여기을 눌러주세요. STEP 1 Info.plist 파일 선택 - 왼쪽의 내비게이터 영역에서 [Info.plist] 파일 선택 - [ Information Property List]의 오른쪽에 있는 [+]를 눌러 항목을 추가 STEP 2 드롭 다움 목록에서 키보드 방향 키로 이동해 [Ap.. 2020. 4. 29. [스위프트] 얼럿 Alert 사용하기(예제 포함) iOS프로그래밍 2020 Xcode Swift 스위프트_얼럿 Alert 사용하기 Xcode Version 11.4.1 얼럿은 사용자에게 중요한 알림이나 경고 메세지를 나타내야 할 때 사용합니다. 안드로이드의 스낵바(snack bar)와 같은 효과를 낼 수 있죠. 그럼 간단한 예제로 iOS 얼럿(Alert)을 익혀봅시다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 새 프로젝트를 만들고 적당한 이미지 2개 추가하기 - 원하는 이미지 2개를 프로젝트에 드래그해서 추가합니다 - 뜨는 설정창에서 Copy items if needed를 체크하고 Finish를 누릅니다. STEP 2 이미지 뷰 추가하기 - 스토리보드에 이미지 뷰를 추가합니다. STEP 3 Con.. 2020. 4. 28. [스위프트]입문자를 위한 Xcode iOS프로그래밍 총정리 및 공부방법 2020 입문자를 위한 Xcode iOS 프로그래밍 Swift 스위프트 총정리 및 공부방법 💡 존경받아 마땅한 프로그래밍 독학러 💡 앱 개발에 도전하고 싶은 비전공자 💡 iOS 개발자와 원활한 의사소통을 하고 싶은 안드로이드 개발자 💡 프로그래밍 언어 문법은 지겨워 간단한 프로젝트를 진행하고 싶은 전공자 💡 파이프라인 중에 앱테크가 있는 일반인 💡디지털 노마드를 꿈꾸는 예비 프로그래머 💡사람한테 상처받아 컴퓨터랑만 대화하고 싶은 분 혹시 아래 유형에 하나라도 해당하는 분이 계시다면 제 블로그에 있는 예제를 하나하나 따라하면서 iOS프로그래밍 공부해보세요. 모든 프로그래밍 언어가 마찬가지겠지만 문법을 마스터한 후 프로그래밍을 하려고 하면 시간이 너무 오래걸리고 지겹습니다. 그래서 앱을 개발하는데 필요한 버.. 2020. 4. 24. [스위프트] Timer 타이머 작동시키기 iOS프로그래밍 2020 Xcode Swift 스위프트 화면에서 Timer 타이머 작동 Xcode Version 11.4.1 타이머 기능을 사용하여 1초에 한 번씩 현재 시간을 레이블에 출력해 보겠습니다. ✔️ 예제를 따라하기 앞서 새 프로젝트 생성 방법을 알고 싶으면 링크를 참고해주세요. STEP 1 라벨 추가하기 STEP 2 라벨 꾸미기 - 라벨을 클릭하면 오른쪽에 나오는 창을 이용합니다. - Color에서 Custom를 클릭하시면 원하는 색을 팔레트에서 선택할 수 있습니다. - Font에서 폰트 종류와 크기를 지정할 수 있습니다. STEP 3 필요한 상수, 변수 선언하기 - 클래스 선언문 아래에 다음 코드를 작성합니다. - 에러가 발생해도 일단 두세요. updateTime라는 메서드를 아직 만들지 .. 2020. 4. 24. [스위프트] 데이트 피커 모드 변경, 한국어 날짜 표기 방법 iOS프로그래밍_Swift 스위프트 Date Picker 데이트 피커 Mode 모드, 언어(지역), 간격 변경 Xcode Version 11.4.1 데이트 피커를 선택하면 뜨는 오른쪽 창에서 [Attributes inspector]에서 설정하면 됩니다. ■ 언어(지역) 변경 ■ 모드 변경 - 데이트 피커는 시간형, 날짜형, 날짜&시간형, 카운트다운형 이렇게 네 가지 모드를 제공합니다. - Mode에서 원하는 모드를 클릭하여 설정합니다. ■ 간격 변경 - Interval를 원하시는 간격으로 설정하시면 변경됩니다. 데이트 피커를 이용한 예제는 여기를 확인해주세요. Date Picker로 선택한 날짜를 화면에 출력하는 기능을 구현할 것입니다. 2020. 4. 24. [스위프트] 데이트 피커로 날짜 선택하기(예제) iOS프로그래밍_Swift 스위프트에서 Date Picker 데이트 피커로 날짜 선택하기 Xcode Version 11.4.1 데이트 피커(Date Picker)는 날짜와 시간을 선택할 수 있게 해주는 객체입니다. 아이폰의 기본 기능인 시계 앱의 알람 탭에서 자주 사용하는 기능입니다. 데이트 피커 사용법을 알기 위해 데이트 피커로 날짜를 선택하고, 그 날짜를 화면에 출력하는 기능을 구현하겠습니다. 예제를 따라하기 앞서 선행 학습이 필요하신 분들은 아래 링크를 참고해주세요. 새 프로젝트 생성 방법 STEP 1 데이트피커 추가하기 STEP 2 레이블 추가하기 화면 구상이 끝났습니다. 이제 아울렛 변수와 액션 함수를 추가해 보겠습니다. STEP 3 레이블에 대한 아웃렛 변수 추가하기 - [선택시간:] 레이블을.. 2020. 4. 24. [2020 안드로이드 스튜디오] Drawable 드로어블 배경 효과 총정리 2020 안드로이드 스튜디오 Drawable 드로어블 총정리 res에 파일을 만들어두면 앱 어디에서든지 접근가능하여 리소스 관리하기가 쉽습니다. 그래서 버튼, 이미지 버튼, 액티비티 등 다양한 곳에서 배경에 효과를 줄 때 drawable를 사용하는데요. 이 글을 통해서 기본적인 드로어블 객체 생성 방법과 그라데이션 효과, 일정 시간에 따라 변하는 애니메이션 효과도 적용해보겠습니다. 앞에 작성한 코드를 이어서 사용하니 PART1부터 따라가시면 좋을 것입니다. 필요한 코드를 읽을 수 있는 분은 바로 넘어가셔도 됩니다. PART 1 기본 생성 방법 https://bite-sized-learning.tistory.com/166 PART 2 그라데이션 https://bite-sized-learning.tistor.. 2020. 4. 23. [스위프트] 이미지 뷰를 화면에 출력하고 크기 변경하기2(예제) 2020 Xcode, 스위프트, 이미지 뷰를 화면에 출력하고 크기 변경하는 방법, 기능 구현 Xcode에서 이미지 뷰를 확대하는 기능을 구현해보겠습니다. ※ 선행되어야 하는 화면 구성이 있으니 여기를 참고해주세요. ※ 구성 방법과 소스 코드가 있습니다. STEP 1 소스 편집을 위해 보조 편집기를 열어줍니다. - 화면 오른쪽 윗부분의 [Adjust Editor Options] - [Assistant]를 선택합니다. STEP 2 이미지 뷰에 아웃렛 변수 추가하기 - 드래그할 때 나타나는 연결선을 뷰 컨트롤러의 클래스 선언문 바로 아래에 놓으세요. - 아웃렛 변수는 일반적으로 클래스(class) 선언부 바로 아래에 추가합니다. STEP 3 이미지 뷰 아웃렛 변수 설정하기 나타나는 연결 설정 창에서 다음과 같.. 2020. 4. 23. [스위프트] 이미지 뷰를 화면에 출력하고 크기 변경하기1(예제) 2020 Xcode, 스위프트, 이미지 뷰를 화면에 출력하고 크기 변경하는 방법 아이폰 앱에 원하는 이미지를 출력하려면 이미지뷰 ImageView객체를 사용할 수 있습니다. 그래서 오늘은 JPG나 PNG 등의 이미지를 화면에 출력할 수 있는 이미지 뷰의 사용법을 살펴 볼것입니다. 이 글에서는 전체적인 레이아웃 구성을 진행할 것입니다. 잘 따라주세요. 예제를 따라하기 앞서 선행 학습이 필요하신 분들은 아래 링크를 참고해주세요. 새 프로젝트 생성 방법 [ 완성예제 ] 시작해보겠습니다!👐 STEP 1 앱에서 사용할 이미지 추가하기 - 이미지를 선택하여 내비게이터 영역의 프로젝트 폴더 아래로 드래그 앱 드롭합니다. - 파일 추가에 대한 설정 창이 나타나며 현재 추가하려고 하는 이미지를 프로젝트 폴더에 복사해 주.. 2020. 4. 22. [스위프트] Xcode 새 프로젝트 만들기 2020 Xcode 새 프로젝트 만들기 STEP 1 Xcode 실행하고 Create a new Xcode project를 클릭하여 새 프로젝트 만들기 STEP 2 템플릿 선택하기 [Single View App] 를 선택하고 Next를 눌러주세요. STEP 3 파일 이름 및 저장할 폴더 지정하기 프로젝트의 기본 정보를 입력하는 창이 나오면 프로젝트 이름, 사용하는 언어 지정 등 프로젝트의 기본 정보를 입력한 후 Next버튼을 클릭합니다. 저장할 폴더를 지정합니다. STEP 4 새 프로젝트 생성! 수고하셨습니다. 👏 👏 👏 -------------------------- iOS프로그래밍 학습을 위해 더 많은 예제 보러가기 -------------------------- 2020. 4. 22. [2020 안드로이드 스튜디오] Drawable 드로어블 애니메이션 그라데이션 Drawable 드로어블 개체로 움직이는 그라데이션 만들기 안드로이드 스튜디오에서 드로어블 xml파일을 이용해 메인액티미티에서 움직이는 애니메이션을 만들어 볼 것입니다. 일정 시간이 지나면 자동으로 색이 변합니다. 미리 만들어둔 bg_btn.xml, bg_btn2.xml, bg_btn3.xml를 사용할 것이기 때문에 xml 소스 파일은 여기에서 참고해주세요. 드로어블 파일 생성하는 기본적인 방법을 알고 싶으시면 여기서부터 따라와주세요. STEP 1 app - res - drawable에서 xml를 만들어주세요. 저는 파일명을 android_gradient_list.xml로 지었습니다. STEP 2 다음 코드를 작성하세요. ■ android_gradient_list.xml STEP 3 효과를 주고 싶은 개.. 2020. 4. 22. [2020 안드로이드 스튜디오] Drawable 드로어블 그라데이션 2020 안드로이드 스튜디오 Drawable 드로어블 그라데이션 안드로이드에서는 /app/res/drawable 폴더에 .xml 파일을 만들어 드로어블 객체를 만들 수 있습니다. 기본적인 드로어블 xml 생성 방법은 여기서 확인해주세요. ■ bg_btn.xml ■ bg_btn2.xml ■ bg_btn3.xml ■ actvity_main.xml 그라데이션 색 추출 및 참고 사이트는 여기서 쉽게 찾을 수 있습니다. 드로어블 그라데이션을 이용하여 애니메이션을 만들고 싶다면 다음 글을 읽어주세요. 2020. 4. 22. [2020 안드로이드 스튜디오] Drawable 드로어블 배경 기본 사용법 2020 안드로이드 스튜디오 Drawable 드로어블 생성법 안드로이드에서는 /app/res/drawable 폴더에 .xml 파일을 만들어 드로어블 객체를 만들 수 있습니다. 테두리(stroke) 지정, 모서리 둥글게(corners), 도형 색 채우기(solid), 모양 지정(shape) 등 다양한 태그를 사용하면 됩니다. 간단히 다음과 같이 버튼에 적용할 수 있는 Drawable 드로어블 객체를 만들어보겠습니다. STEP 1 res/drawable 를 누르시고 오른쪽 마우스 New - Drawable Resource File를 클릭합니다. STEP 2 파일 이름을 입력하고 OK버튼을 누릅니다 저는 버튼(button)의 배경(background)에 사용할 거라서 bg_btn이라고 했습니다 STEP 3 상.. 2020. 4. 22. [2020 안드로이드 스튜디오] 폰트, 배경 색상 쉽게 지정 및 변경하기 2020 안드로이드 스튜디오 텍스트, 배경 색상 쉽게 지정 및 변경하기 글 업데이트 날짜: 2020.04.22 툴: 맥 안드로이드 스튜디오 3.6.3 STEP 1 좌측 사이드바를 'Android'로 설정하고 app - res - values - color.xml를 열어주세요. 안드로이드 스튜디오가 업데이트 되면서 기본 Primary와 Accent 색이 바뀌었습니다. 자세한 hex값은 color.xml에서 확인할 수 있는데요. 여기서 색의 이름과 값을 지정해두면 다른 곳(폰트색, 배경색, 버튼색 등)에서 쉽게 사용가능합니다. STEP 2 만들고 싶은 색 이름을 _____에 적어주세요. STEP 3 색 값을 _____에 적어주세요. _____ ※※※ 만약 원하는 색의 Hex를 값을 모른다면?? ※※※ 좌측에.. 2020. 4. 22. [안드로이드 스튜디오] Android 런처 앱 아이콘 변경하기 Android 안드로이드 런처 앱 아이콘 변경 및 설정하기 글 업데이트 날짜: 2020.04.21 툴: 맥 안드로이드 스튜디오 3.6.1 버전 1. File - New - Image Asset 에 들어가기 2. Name에서 이름 지정하고, Path에서 이미지 파일 경로를 지정하기 이름을 변경하지 않으면 창 아래쪽에 노랑색 주의 아이콘과 함께 같은 이름의 아이콘이 이미 존재한다는 문장이 뜹니다. 즉 이름을 꼭 변경해주세요. 3. Resize 항복의 바를 좌우로 움직여서 크기 조정하기 오른쪽에 Preview를 보면서 어떤 모양에서도 로고가 보일 수 있게 조정해주세요. 4. 배경 변경하기 Layer Name에서 이름 지정하시고 AssetType에서 단색과 이미지 중에 어떤 것으로 넣을 지 지정해주세요. 다음 .. 2020. 4. 21. [ 안드로이드 프로그래밍 ] 핸들러로 메시지 전송하기 ( 예제 포함 ) 안드로이드 프로그래밍_핸들러로 메시지 전송하기_예제포함 앱을 실행할 때 프로세스가 만들어지면 그 안에 메인 메서드가 함께 만들어집니다. 그리고 메세지 큐(Message Queue)를 실행합니다. 메세지 큐를 사용하면 순차적으로 코드를 수행할 수 있는데, 이렇게 메세지 큐로 메인 스레드에서 처리할 메시지를 전달하는 역할을 핸들러 클래스가 담당합니다. 또 핸들러를 이용하면 특정 메세지가 미래의 어떤 시점에 실행되도록 스케쥴링 할 수도 있습니다. 핸들러의 메시지 처리 방법을 그림으로 보실까요? 크게 3가지 방법으로 나눠볼 수 있습니다. 1 obtainMessage() 로 메세지 큐에 있는 메시지 객체를 하나 참조할 수 있습니다. 2 메세지 객체에 필요한 정보를 넣은 후 sendMessage() 로 메세지 큐에.. 2020. 4. 8. [ 안드로이드 프로그래밍 ] 스레드 실행하기 ( 예제 포함 ) 안드로이드 프로그래밍_스레드 실행하기_예제 포함 자동으로 생성되는 메인 액티비티는 하나의 프로세스에서 처리됩니다. 따라서 메인 액티비티의 버튼 클릭 이벤트를 처리하는 일 등 액티비티 내에서 처리하는 기능들은 다 같은 프로세스 안에서 실행되죠. 이렇게 같은 프로세스 안에서 여러 기능들이 순서대로 실행할 수 있습니다. 하지만 일련의 기능이라 해도 대기 시간이 길어지는 네트워크 요청 등의 기능을 수행할 때는 문제가 생길 수 있습니다. 그래서 하나의 프로세스 안에서 여러 개의 작업이 동시 수행되는 멀티 스레드 방식을 사용할 수 있습니다. 이런 멀티 스레드 방식은 같은 프로세스 안에 있으면서 메모리 리소스를 공유하므로 효율적인 처리가 가능합니다. 스레드(Thread)는 동시 수행이 가능한 작업 단위입니다. 현재 .. 2020. 4. 8. 이전 1 ··· 5 6 7 8 9 10 다음
