남다른 논리

프로그래밍/모바일: iOS, Java, Android, Swift

[iOS] Watch : 이미지 크기 변경 및 적용

애플워치에 이미지를 넣는 것입니다. 워치키트앱의 왼쪽메뉴의 'Assets.xcassets'를 클릭하면 아래화면이 나옵니다.오른쪽 속성 인스펙터에서 그림처럼 ' Screen Width'를 38mm and 42mm로 조정하면, 각각의 크기에 맞게 이미지를 넣을 수 있습니다. 또한 Devices 가 Universial로 되어 있으면, Apple Watch로 선택합니다. 아래 캡쳐한 이미지 위오른쪽 부분인데 반쯤 짤렸네요. 탐색창에서 파일을 그냥 끌어다 왼쪽에 넣고, 오른쪽에서 네모 상자 안에 이미지를 넣습니다. 다음, 오브젝트 라이브러리에서 Image를 선택하고 끌어다 놓습니다. 이미지를 메뉴판 아래에 놓고, 속성에서 Image를 아까 올려놓은 '피자'를 기본 이미지로 선택합니다. 프로그램으로 이미지를 변경할..

프로그래밍/모바일: iOS, Java, Android, Swift

[iOS] Watch 기본 2 : 레이블 및 버튼 위치 바꾸기

애플워치 개발시 레이블과 버튼위치 변경은 폰 개발과 다른 UI를 제공합니다. 먼저 맨위 레이블인 '메뉴판'을 선택하고, 오른쪽 '속성 inspector'에서 정렬(Alignment)에서 수평 > center로 선택합니다. 아래처럼 중앙으로 움직였습니다. 이번엔 '디저트'를 선택하고, 수직정렬을 Buttom으로 선택합니다. 맨아래 버튼으로 움직였습니다. 디폴트는 Top이기 때문입니다. 아래는 '애피타이저'레이블을 수직>중앙으로 바꾸었고, 다음으로 '피자'버튼을 '수직>Center'로 바꿉니다. 기본적으로 Top으로 수직정렬 되었으므로, 센터로 하여도 기본설정의 아래로 온것을 볼 수 있습니다. 스토리보드에서는 화면이 길게 나오지만, 시뮬레이터나 시계에는 스크롤바가 같이 나옵니다. 디자인시 주의점은 손가락으로..

프로그래밍/모바일: iOS, Java, Android, Swift

[iOS] Xcode에서 탭 페이지 만들기

웹의 메뉴바처럼, 여러개의 탭이 아래에 있는 기능을 Xcode는 제공합니다.이번 블로그에서는 탭 메뉴 추가 기능에 대해 알아보겠습니다. 먼저 파일 > New > Project에서 'Tabbed Application'을 선택합니다.프로젝트가 시작되면, 두개의 화면이 탭에 연결되어있습니다. 이곳에 하나더 페이지를 추가해 보겠습니다. 아래처럼 View Controller를 빈공간에 끌어다 놓으면, 화면이 하나더 추가 됩니다. 다음으로 'Lable'을 추가하고, 이름을 지정해 넣습니다. 이름을 넣은뒤, 'Tab Bar Controller'의 왼쪽에 화살표 모양의 Connection Inspector를 보면, First와 Second가 연결되어 있습니다. 이곳을 그림처럼 3번째의 화면에 끌어다 놓습니다. 위의 작..

프로그래밍/모바일: iOS, Java, Android, Swift

[IOS] 테이블뷰 만들기 (5) : Deligate

[결과화면] 델리게잇을 하기위해 스토리보드에서 아래처럼 연결한다. 그리고 ViewController에 클래스 첫줄에 UITableViewDelegate을 추가한다. 아래쯤에 didSelectRowAt 의 펑션을 추가하여, 리스트 클릭시 시스템에 클릭한것이 보이도록한다. [전체 소스] import UIKit class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate { //0. 위 UITableViewDataSource 입력 //3. 어레이 입력- 5. 중복 어레이 입력 let data:[[String]] = [["Item1", "Item2", "Item3"], ["ItemA", "ItemB", "ItemC"]] //..

프로그래밍/모바일: iOS, Java, Android, Swift

[IOS] 테이블뷰 만들기 (4) : 커스텀 테이블 만들기

커스텀 테이블 만들기 File > New에서 파일을 추가하도 CustomCell.swift라고 이름을 정한다. Subclass는 UITableViewCell을 선택한다. 스토리뷰에서 셀을 선택하고, 오른쪽 inspector의 Class에서 새로 만들어준 파일을 선택한다. 그리고 Cell 안에 label 과 Switch를 넣는다.이것을 새로만든 파일안에 label이라고 이름지어 연결한다. [수정코드]ViewController.swift에서 // 14. (커스텀 테이블 만들기) 위 코드 대신 아래로 수정 let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomCell cell.label?.text = ..

프로그래밍/모바일: iOS, Java, Android, Swift

웹뷰 : 파일 로딩, 웹 페이지 로딩

웹뷰에서 파일 로딩 하는 소스 코드입니다.스토리보드는 작업내용이 없습니다. iOS8 이후 부터 webView를 오른쪽 아래서 꺼내쓰지 않고 WKWebView를 씁니다. (직접 코드로) (이전에 쓰던 web view) (작업할 실행 화면 캡쳐) : 파일에서 불러 옵니다. (파일은 간단히 만들어 디렉토리내에 위치 합니다.) [page.html] 소스 Example Title Example Paragraph [View Controller] 소스 ====================import UIKitimport WebKit class ViewController: UIViewController { var webView:WKWebView! override func viewDidLoad() { super.view..

프로그래밍/모바일: iOS, Java, Android, Swift

[iOS] 이미지 갤러리 간략소스

만들려는 대상 각 버튼과 이미지를 ViewController에 연결 @IBOutlet weak var labelPage: UILabel! @IBOutlet weak var imageView: UIImageView! @IBOutlet weak var backOutlet: UIButton! @IBOutlet weak var nextOutlet: UIButton! var imageInt = 0 버튼을 Action으로 연결한 후 이미지 번호를 변경한다. @IBAction func buttonNext(_ sender: Any) { imageInt += 1 if (imageInt > 3){ imageInt = 1 } labelPage.text = String("\(imageInt)/3") self.imageGall..

프로그래밍/모바일: iOS, Java, Android, Swift

[iOS 기초] 텍트스 입력 후, 키보드 없애기

Xcode 에서 텍트스 입력 후, 키보드 없애는 방법은 여러가지가 있다. 1) 텍스트 필드에 글씨 입력후, 버튼을 누르면 키보드가 없어진다. 물론, 버튼을 누르면 레이블 필드에 입력한 글자가 보여진다. @IBOutlet weak var myText: UITextField! @IBOutlet weak var myLabel: UILabel! @IBAction func onClickButton(_ sender: Any) { let name = myText.text! myLabel.text = "Hi \(name) !" myText.resignFirstResponder() // 버튼 누를때 키보드 없애는 작동 } 2) 또다른 방법중 하나로 다음 function을 추가하면, 화면 아무데나 출력해도 키보드가 없어진..