336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


UIAlertController - actionSheet

안녕하세요. 개발자 myoung입니다. UIAlertController에는 두가지 스타일 있습니다. actionSheet와 alert입니다. 오늘 포스팅 내용은 actionSheet에 대한 포스팅입니다. Alert가 알려주는 기능이었다면, ActionSheet는 주로 사용자에게 여러가지 선택 사항이 있을때, 간편하게 선택 할 수 있도록 하는 Controller입니다.

사용 환경

  • Swift3.x
  • Xcode 8.3.3

사용의 예

Alt text
<이미지 1>

사용 방법

가장 기본적인 사용 방법은 Alert과 별반 다르지 않습니다. 타이틀, 메세지에 원하는 텍스트를 넣어주고 UIAlertAction을 통해 선택 할 수 있는 항목을 정해주면 됩니다. 선택개수는 추가한 UIAlertAction 개수에 따라 선택 메뉴가 형성이 됩니다. ( 맨 아래에 취소 버튼을 안 추가 해주시면 무조건 선택을 해야 Controller가 지워지기 때문에 필요없지 않는 이상 넣어줍니다.)

let actionSheet = UIAlertController(title: "Title",
                                            message: "Message",
                                            preferredStyle: .actionSheet)
actionSheet.addAction(UIAlertAction(title: "menu1", style: .default, handler: { result in
           //doSomething
        }))
actionSheet.addAction(UIAlertAction(title: "menu2", style: .default, handler: { result in
            //doSomething
        }))
actionSheet.addAction(UIAlertAction(title: "취소", style: .cancel, handler: nil))
self.present(actionSheet, animated: true, completion: nil)

마치며

메뉴에 대한 개수는 따로 정해져 있지 않지만 많으면 많을수록 로딩(개발자 입장에서는 로딩이지만 사용자 입장에서는 순간 멈춘것처럼 느껴지죠)이 길어집니다. 메뉴가 많아지면 자연스럽게 테이블뷰 처럼 스크롤이 가능하게 됩니다. alert 스타일보다는 활용도가 많다고는 할수 없지만 작은 화면 많은 것을 표현해야되기 때문에 선택메뉴는 이런식으로 많이 구현을 하게 됩니다. 이것또한 커스텀보다는 쉽게 구현 할 수 있기 때문에 디자인이 문제가 되지 않는다면 이런식으로 사용하는것도 나쁘지 않는거 같습니다. 이번 포스트는 여기까지입니다. 틀린점이나 궁금한점이 있다면 언제든지 댓글을 남겨주시면 감사합니다 :)



'iOS 프로그래밍 > iOS' 카테고리의 다른 글

iOS) EUC-KR 인코딩 하기  (0) 2017.09.18
iOS) 카카오 API를 통해 웹 이미지 검색하기  (2) 2017.09.13
iOS) UIAlertController - alert  (0) 2017.07.11
iOS)UIActivityViewController  (0) 2017.06.15
iOS) JSON 타입 활용하기  (0) 2017.05.16
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


UIAlertController - alert

안녕하세요. 개발자 myoung입니다. UIAlertController에는 두가지 스타일 있습니다. actionSheet와 alert입니다. 오늘 포스팅 내용은 alert에 대한 포스팅입니다. Alert은 주로 사용자에게 변경 사항이라던지 여러 알림을 알려주기 위해서 사용됩니다.


사용의 예

Alt text
<이미지 1>

Alt text
<이미지 2>


사용 방법

가장 기본적인 사용 방법입니다.다. 타이틀, 메세지에 원하는 텍스트를 넣어주고 취소버튼, 확인 버튼을 통해 실행 하고자 하는 부분을 실행 하시면 됩니다. 액션버튼을 하나 이상으로 해주시면 최대 몇개까지는 모르겠지만 그래도 따로 커스텀으로 만들지 않아도 편하게 Alert창을 만들어서 사용 할 수 있습니다.

let alert = UIAlertController(title: "타이틀", message: "메세지", preferredStyle: .alert)
let action_cancel = UIAlertAction(title: "취소", style: .default, handler: { result in 
                        //do something
                    })
alert.addAction(action_cancel)
let alert_done = UIAlertAction(title: "확인", style: .default, handler: { result in
                        //do something
                    })
alert.addAction(alert_done)
self.present(alert, animated: true, completion: nil)

텍스트 필드를 이용해서 <이미지2>와 같이 사용 하실 수 있습니다. 사용법은 아래와 같습니다.

let alert = UIAlertController(title: "타이틀", message: "메세지", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "취소", style: .default, handler: nil))
alert.addAction(UIAlertAction(title: "건너뛰기", style: .default, handler: { result in
    //do something
}))
alert.addAction(UIAlertAction(title: "확인", style: .default, handler: { result in
    let tf_title = alert.textFields![0] as UITextField
    print(tf_title.text)
}))
alert.addTextField { (textField : UITextField!) -> Void in
    textField.placeholder = "힌트입니다."
}
self.present(alert, animated: true, completion: nil)

마치며

alert은 정말 많이 사용됩니다. 물론 커스텀을 만들어서 사용되기도 하지만 대부분 기본으로 쉽게 사용 할 수 있는 컨트롤러중 하나임은 분명합니다. 여러가지로 신경써야 할 부분도 많이 줄어 들기도 합니다. (ex: 텍스트 필드를 사용 할 경우 키보드에 대한 대응..? ) 오늘 포스팅은 여기까지입니다. 다음 포스팅은 UIAlertController의 또다른 스타일인 actionSheet에 대해서 포스팅 하겠습니다. 틀린점이나 궁금한점이 있으시면 언제든지 댓글을 남겨 주시면 성실히 답변 드리겠습니다.



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


Json 타입 활용하기

안녕하세요. 개발자 myoung입니다. 오늘은 JSON에 대해서 포스팅할려고 합니다.
JSON는 간략한 설명입니다.

JSON(제이슨[1], JavaScript Object Notation)은 속성-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 인간이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷이다. 
비동기 브라우저/서버 통신 (AJAX)을 위해, 넓게는 XML(AJAX가 사용)을 대체하는 주요 데이터 포맷이다. 특히, 인터넷에서 자료를 주고 받을 때 그 자료를 표현하는 방법으로 알려져 있다. 
자료의 종류에 큰 제한은 없으며, 특히 컴퓨터 프로그램의 변수값을 표현하는 데 적합하다.
본래는 자바스크립트 언어로부터 파생되어 자바스크립트의 구문 형식을 따르지만 언어 독립형 데이터 포맷이다. 
즉, 프로그래밍 언어나 플랫폼에 독립적이므로, 구문 분석 및 JSON 데이터 생성을 위한 코드는 C, C++, C#, 자바, 자바스크립트, 펄, 파이썬 등 수많은 프로그래밍 언어에서 쉽게 이용할 수 있다.
JSON 포맷은 본래 더글라스 크록포드가 규정하였다. RFC 7159와 ECMA-404라는 두 개의 경쟁 표준에 의해 기술되고 있다. 
ECMA 표준은 문법만 정의할 정도로 최소한으로만 정의되어 있는 반면 RFC는 시맨틱, 보안적 고려 사항을 일부 제공하기도 한다.
[2] JSON의 공식 인터넷 미디어 타입은 application/json이며, JSON의 파일 확장자는 .json이다.
출처 - 위키피디아

많이 활용 되고 알기 쉽게 데이터를 분류 할 수 있는 강력한 포맷중 하나입니다. Objective-C, Swift 에서는 NSDictionary, Dictionary 형태와 갔다고 보면 될 것 같습니다.

Dictionry타입을 JSON 타입으로 변환하는 코드 입니다.

do {
    let jsonData = try JSONSerialization.data(withJSONObject: your_dictiony, options: .prettyPrinted)
    print(jsonData)
} catch {
    print(error)
}

JSON타입을 String타입으로 변환하는 코드 입니다.

do {
    let convertedString = String(data: you_jsonType, encoding: String.Encoding.utf8)
    print(convertedString!)
} catch {
    print(error)
}

JSON타입을 Dictionary타입으로 변환하는 코드입니다.

do {
    let backup_data = arr_authText?[0].data(using: .utf8)
    let decoded = try JSONSerialization.jsonObject(with: backup_data!, options: [])

    if let dictFromJSON = decoded2 as? [String:Any] {
        //원하는 Dictionary, Array타입으로 캐스팅 하면 됩니다.
        print(dicFromJSON)
    }
} catch {
    print(error)
}

JSON 타입은 서버랑 통신 할때 주로 많이 쓰이는 것 같습니다. Swift 라이브러리로는 “SwiftyJSON”이 있습니다.
간단하게 아니라 주로 사용한다면 라이브러리를 사용하는 것을 권장합니다.(정신건강을 위해서라도요..)

틀린점이 있다면 언제든지 댓글을 달아주세요 :)



'iOS 프로그래밍 > iOS' 카테고리의 다른 글

iOS) UIAlertController - alert  (0) 2017.07.11
iOS)UIActivityViewController  (0) 2017.06.15
iOS) string에서 숫자만 꺼내오기  (0) 2017.05.01
iOS) 키보드 타입  (0) 2017.04.19
iOS) UITextField 간단하게 좌우 여백 주기  (0) 2017.02.20
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



안녕하세요.

오늘은 텍스트 필드에 여백을 주는 방법에 대해서 포스팅 하겠습니다.

UITextView는 동서남북 여백을 줄 수 있지만 UITextField는 UITextView방식으로는 여백을 줄이고 늘릴수가 없습니다.

그래서 UIView안에 UITextField를 넣고 여백을 주는 방법도 있지만 rightView와 leftView를 통해서 여백을 줄수 있습니다.


extension을 통해 UITextField에 메소드를 추가해줍니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
extension UITextField {
    func setLeftPaddingPoints(_ amount:CGFloat){ //왼쪽에 여백 주기
        let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: amount, height: self.frame.size.height))
        self.leftView = paddingView
        self.leftViewMode = .always
    }
 
    func setRightPaddingPoints(_ amount:CGFloat) { //오른쪽에 여백 주기
        let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: amount, height: self.frame.size.height))
        self.rightView = paddingView
        self.rightViewMode = .always
    }
}
 
//사용방법
let textfield = UITextField(frame: CGRect(x: 0, y: 0, width: 100, height: 30))
textfield.setLeftPaddingPoints(20)
textfield.setRightPaddingPoints(20
cs

이런식으로 사용 하시면 됩니다. 

잘못된 점이 있으면 댓글 말씀해주시면 수정하겠습니다.

감사합니다.



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.



안녕하세요. iOS 개발을 하고 있는 Myoung 입니다.


UI를 그리다보면 BorderWidth 와 BorderColor를 이용해서 View의 테투리를 그려줄때가 많습니다.

일반적으로 border를 이용해서 그리는 방법은 이렇게 사용을 합니다. 그럼 테투리가 자연스럽게 Width 만큼생기게 되죠.

1
2
3
4
let view = UIView(frame: CGRect(x: 0, y: 0, width: 50, height: 50))
view.layer.borderColor = UIColor.red.cgColor
view.layer.borderWidth = 1.0
view.addSubview(view)
cs


하지만 UI를 그리다보면 한쪽만 혹은 한쪽을 남겨두고 그릴때가 있습니다. 

extension을 통해 CALayer에 메소드를 추가해줍니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
extension CALayer {
    func addBorder(_ arr_edge: [UIRectEdge], color: UIColor, width: CGFloat) {
        for edge in arr_edge {
            let border = CALayer()
            switch edge {
            case UIRectEdge.top:
                border.frame = CGRect.init(x: 0, y: 0, width: frame.width, height: width)
                break
            case UIRectEdge.bottom:
                border.frame = CGRect.init(x: 0, y: frame.height - width, width: frame.width, height: width)
                break
            case UIRectEdge.left:
                border.frame = CGRect.init(x: 0, y: 0, width: width, height: frame.height)
                break
            case UIRectEdge.right:
                border.frame = CGRect.init(x: frame.width - width, y: 0, width: width, height: frame.height)
                break
            default:
                break
            }
            border.backgroundColor = color.cgColor;
            self.addSublayer(border)
        }
    }
}
cs


사용법은 간단합니다. 원하는 뷰에 layer를 통해서 사용 하시면 됩니다. 

1
your_view.layer.addBorder([.top, .bottom], color: UIColor.white, width: 1.0)
cs

UIRectEdge의 속성은 총 다섯개가 있습니다.

1
2
3
4
5
UIRectEdge.all, //전체 
UIRectEdge.top, //상단
UIRectEdge.bottom, //하단
UIRectEdge.left, //왼쪽
UIRectEdge.right, //오른쪽
cs

원하는 방향을 Array로 묶어서 layer를 통해 추가해주시면 됩니다. 이왕이면.. 한쪽만 뻥뚫린 UI가 없었으면 하지만 생각보다 간단하게 해결 할 수 있습니다.


틀린점이나 오타 부족한점이 있으면 언제든지 댓글를 남겨주세요.



336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요. 정말 오랜만에 글을 쓰는거 같습니다. 

iOS10.. Swift3.0으로 넘어오면서 정말,, 베타 나오면 바로 개인적으로 해야되는데 

iOS개발을 한건 별로 안되지만 그래도 7부터 10까지 업뎃되면서 가장 많은 변화가 있지 않았나 싶을정도 변화가 많았습니다.

특히 Range에 부분이 많은 부분 변경 되었습니다. 

오늘 포스트 할 내용은 텍스트안에서 특정 텍스트의 시작 location을 찾는 것입니다.

Objective-C와 Swift2.3이하 버전에서는 뭐랄까 편하게 찾을 수 있었던거 같은데 3.0부터는 많은 변화가 있었습니다.

(2.3이하 버전은 제가 테스트 할 수 있는 환경이 없어서 적지 않았습니다 ㅠㅠ 죄송합니다.ㅠㅠ)


Objective-C

1
2
3
4
5
6
7
8
NSString * str = @"테스트 텍스트 입니다.";
NSString * search = @"텍스트"
NSRange range = [str rangeOfString:@"how are you doing"];
if (range.location == NSNotFound) {
    NSLog(@"없는 텍스트 입니다.");
else {
    NSLog(@"loc %d, len %d", range.location, range.length);        
}
cs



Swift3.0

1
2
3
4
5
6
7
8
let str = "테스트 텍스트 입니다"
let search = "텍스트"
        
let range: Range<String.Index> = str.range(of: search)!
let location : Int = str.distance(from: str.startIndex, to: range.lowerBound)
let length : Int = search.characters.count
        
print("loc \(location), len \(length)")
cs


+ Recent posts