UIColor 비교하기


설명

두개의 UIColor 똑같은지 아닌지 비교 하는 코드 입니다. UITextView는 Placeholder(힌트 텍스트)를 UITextFeild처럼 따로 지원 해주지 않기 때문에 텍스트 색을 비교해서 현재 텍스트가 힌트라는걸 판별 할때 저는 사용합니다.


사용환경

* Swift 4.2
* XCode 10.0

코드

//Objective-C
- (BOOL)color:(UIColor *)color1 isEqualToColor:(UIColor *)color2 withTolerance:(CGFloat)tolerance {
    CGFloat r1, g1, b1, a1, r2, g2, b2, a2;
    [color1 getRed:&r1 green:&g1 blue:&b1 alpha:&a1];
    [color2 getRed:&r2 green:&g2 blue:&b2 alpha:&a2];

    return
    fabs(r1 - r2) <= tolerance &&
    fabs(g1 - g2) <= tolerance &&
    fabs(b1 - b2) <= tolerance &&
    fabs(a1 - a2) <= tolerance;

}

//Swift
func isColor(_ color:UIColor, color2:UIColor, tolerance:CGFloat) -> Bool {
        var r1 : CGFloat = 0, g1 : CGFloat = 0, b1 : CGFloat = 0, a1 : CGFloat = 0
        var r2 : CGFloat = 0, g2 : CGFloat = 0, b2 : CGFloat = 0, a2 : CGFloat = 0

        color.getRed(&r1, green:&g1, blue:&b1, alpha:&a1)
        color2.getRed(&r2, green:&g2, blue:&b2, alpha:&a2)

        return abs(r1-r2) <= tolerance && abs(g1-g2) <= tolerance && abs(b1-b2) <= tolerance && abs(a1-a2) <= tolerance
    }

맞치며

막상 포스팅을 하고나니깐 생각보다 활용을 할만한 곳이 생각이 안 나는거 같습니다,, 궁금하신점이나 틀린점이 있으면 댓글로 남겨주세요 감사합니다 :)



원하는 방향만 둥글게 하기


설명

뷰를 만들다 보면 전체를 둥글게 하는것이 아니라 특정 방향만 둥글게 해줘야 되는 경우가 있습니다. UIView 상속 받은 모든 컴포넌트에 해당되는 내용입니다.


사용환경

* Swift 4.2
* XCode 10.0


코드

// Swift // 오른쪽위와 오른쪽아래를 둥글게 let contentImage = UIView()
contentImage.frame = CGRectMake(64, 64, 55, 55)
contentImage.backgroundColor = UIColor.redColor()
let maskPath = UIBezierPath(roundedRect: contentImage.bounds, byRoundingCorners: [UIRectCorner.TopRight, UIRectCorner.BottomRight], cornerRadii: CGSizeMake(3.0, 3.0))
let maskLayer = CAShapeLayer()
maskLayer.frame = contentImage.bounds
maskLayer.path = maskPath.CGPath
contentImage.layer.mask = maskLayer
view.addSubview(contentImage)


// Objective-C
// 오른쪽위와 오른쪽아래를 둥글게
UIView * ContentImage = [[UIImageView alloc]initWithFrame:CGRectMake(64, 64, 55, 55)];
ContentImage.backgroundColor = [UIColor redColor];
UIBezierPath * maskPath;
maskPath = [UIBezierPath bezierPathWithRoundedRect:ContentImage.bounds byRoundingCorners:(UIRectCornerTopRight | UIRectCornerBottomRight) cornerRadii:CGSizeMake(3.0, 3.0)];
CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = ContentImage.bounds;maskLayer.path = maskPath.CGPath;
ContentImage.layer.mask = maskLayer;
[self.view addSubview:ContentImage];

둥글게 하고 싶은 모서리의 방향을 UIRectCorner 속성을 추가 해주시면 됩니다. UIRectCorne 종류는 밑에 표를 참조 하시면 됩니다.

Objective-C Swift
전체 UIRectCornerAllCorners UIRectCorner.allCorners
왼쪽 위 UIRectCornerTopLeft UIRectCorner.topLeft
왼쪽 아래 UIRectCornerBottomLeft UIRectCorner.bottomLeft
오른쪽 위 UIRectCornerTopRight UIRectCorner.topRight
오른쪽 아래 UIRectCornerBottomRight UIRectCorner.bottomRight

맞치며

작업을 하다보면 이미지 보다 UIView 또는 다른 컴포넌트 뷰를 이용해서 만드는 경우가 더 편하고 손쉽게 만들어지는 경우도 있습니다. 물론 단순 이미지보다는 손은 더 갑니다. 디자인을 보다보면 이쁜 디자인을 위해 둥근 모서리를 이용하는 경우가 많습니다. 위에 코드를 위해 원하는 모양을 손쉽게 만들수있습니다. 틀린점이나 궁금한점 있으시면 댓글을 남겨주세요. 감사합니다.



클립보드로 텍스트 복사

설명

가끔 앱을 만들다 보면 클립보드에 텍스트를 복사하는 경우가 필요합니다.
코드 한줄이면 원하는 텍스트가 클립보드에 복사가 되며, 다른 텍스트 적는 곳에 가서 붙여 넣기를 할 수 있습니다.


사용환경

* Swift 4.2
* XCode 10.0


코드

//Swift
UIPasteboard.general.string = "ex)안녕하세요"

//Objective-C
[[UIPasteboard generalPasteboard] setString:@"안녕하세요"];


맞치며

사용자들에게 텍스트 관련 편의성을 제공하는 메소드 입니다. 초대코드나 내 앱이 아닌 다른 앱에서 텍스트를 사용해야할 경우 유용하게 쓰입니다.
틀린점이나 수정해야 할 부분이 있으면 댓글 남겨주세요! 감사합니다 :)



Int형 천단위 콤마 찍고 스트링으로 변환해주기

설명

보통 돈을 나타낼때 천자리마다 콤마(,)를 찍습니다. Int형 값에 천단위마다 콤마(,)를 찍어주고 String형 값으로 변환해주는 소스 입니다.


사용환경

* Swift 4.2
* XCode 10.0


코드

//Swift 코드
let intValue: Int = 1000

let value: NSNumber = intValue as NSNumber
print("NSNumber = \(value)")
let formatter = NumberFormatter()
formatter.numberStyle = .decimal

guard let resultValue = formatter.string(from: value) else { return }
print("Result Value = \(resultValue)")


//출력 결과
NSNumber = 1000
Result Value = 1,000


//Objective-C
NSNumberFormatter * numFormatter = [[NSNumberFormatter alloc] init];
[numFormatter setNumberStyle:NSNumberFormatterDecimalStyle];
int value = 1000;
NSString * price = [NSString stringWithFormat:@"%@", [numFormatter stringFromNumber:[NSNumber numberWithInt:value]]];


맞치며

단위가 관련된 앱을 만들다 보면 많이 사용되는 방법 중 하나입니다. 틀린점이나 궁금한점 있으면 댓글 남겨주세요 :)




앱스토어 올라가는 스크린샷에 동영상을 추가해서 앱을 설명 할 수 있습니다. 그 동영상이 실제 앱이 구동되는 화면을 가지고 설명되는 동영상이면 상관이 없지만, 앱을 설명하는 동영상에 실제 화면이 포함되지 않는 동영상이 올라갈 경우 사용자에게 명확한 설명이 안되고 추상적이기때문에 애플 측에서 리젝을 합니다.


리젝 사유

Performance - 2.3.4

Your App Preview includes content that does not sufficiently reflect the app in use.
Specifically, your preview:

- Showed footage other than the app in use.

Next Steps

Please revise your App Preview to only use video screen captures of the app,
narration, and textual and design overlays.

해결 방안

동영상을 올릴경우 꼭 전체화면은 아니지만 보여지는 화면에 실제 사용되는 앱의 모습니 있어야 됩니다. 매우 간단한 해결 방안이지만 만약 리젝을 당했던 동영상이라면 동영상을 다시 만들어야 되는 문제가 발생 합니다.


마치며

처음부터 이러한 사실을 알고 있다면 좋겠지만, 보통의 경우 한번당하고 나서 알게됩니다. 직접 동영상을 만들지 않는 것이라면 영상 제작자에게 잘 얘기를 해서 수정해야되는 방향으로 가거나 아예 동영상을 삭제 해야되지 않을까 싶습니다. 리뷰를 맡기면서 느끼는 거지만 요새는 리뷰를 하루면 해주기 때문에 출시하기 일주일전에 개발자가 출시해야되는 옵션을 걸고 리뷰를 맡아 보고나서 출시일에 맞쳐서 앱을 출시 하는 것도 리젝을 피하는 하나의 방법이지 않을까 싶습니다. 틀린점이나 궁금한점 있으면 언제든지 댓글을 남겨 주세요 :)



설명

런처이미지 사이즈에 대해서 포스팅 하겠습니다. 3.5인치에서 4인치 화면만 있다가 4.7인치와 5.5인치가 추가될때 런처이미지를 추가 하지 않으면 4.7과 5.5인치에서는 그냥 확대된 상태로만 나오던 적이 있었습니다. 애플에서 설명을 하는 런처이미지는 이렇습니다.

A launch screen appears instantly when your app starts up.
The launch screen is quickly replaced with the first screen of your app,
giving the impression that your app is fast and responsive.
The launch screen isn’t an opportunity for artistic expression.
It’s solely intended to enhance the perception of your app as quick
to launch and immediately ready for use. Every app must supply a launch screen.

앱이 시작되면 즉시 런처이미지가 나타납니다. 런치이미지는 빠르게 앱의 시작화면으로 바뀌어서 빠르게 반응하는 것 같은 인상을 줍니다. 런처이미지는 예술적으로 표현하는 곳이 아닙니다. 다만 앱이 즉시 사용 준비가 된 상태라는 것을 알려주기 위한 용도로만 사용도비니다. 모든 앱에서는 런처이미지를 제공해야됩니다. (직역입니다. 틀린부분이 있을텐데 그냥 넘어가주세요.. 영어공부 열심히 하겠습니다…)

앱이 시작되는 부분에서 나타나는 화면이고, 앱이 사용할 준비가 끝나면서 사라지는 장면이라는 것입니다.


이미지 사이즈 표

Device Portrait size(세로 방향) Landscape size(가로 방향)
12.9” iPad Pro 2048px × 2732px 2732px × 2048px
10.5” iPad Pro 1668px × 2224px 2224px × 1668px
9.7” iPad 1536px × 2048px 2048px × 1536px
7.9” iPad mini 4 1536px × 2048px 2048px × 1536px
iPhone X 1125px × 2436px 2436px × 1125px
iPhone 8 Plus 1242px × 2208px 2208px × 1242px
iPhone 8 750px × 1334px 1334px × 750px
iPhone 7 Plus 1242px × 2208px 2208px × 1242px
iPhone 7 750px × 1334px 1334px × 750px
iPhone 6sPlus 1242px × 2208px 2208px × 1242px
iPhone 6s 750px × 1334px 1334px × 750px
iPhone SE 640px × 1136px 1136px × 640px

맞치며

사실 LaunchScreen.storyboard 여기서 통합적으로 해주면 되기는 합니다. 오토레이아웃도 사용할 수 있고요. 아이폰x에서 탭바가 네이비게이션 이동을 탭바를 사라지게 하는 hidesBottomBarWhenPushed 옵션을 주게 되면 위로 올라갔다가 사라지는 이슈가 있는데,, 아이폰x 런처 이미지를 넣어주면 해결 된다는 글을 본적이 있습니다. (적용을 해봤지만 실패 해서 일단 다른 방법을 사용 하고 있습니다.) 필요로 하면 넣어주는게 맞는거 같습니다. 포스팅에 잘못된점이 있으면 댓글 달아주시면 수정하도록 하겠습니다.





EUC-KR 인코딩 하기

설명

iOS에서 EUC-KR로 인코딩 하는 문제가 프로젝트를 진행하면서 오랜 시간동안 Warning을 발생시켜서 눈에 가시처럼 보였는데 해결방안을 찾아서 포스팅 하게 되었습니다. 일단 먼저 EUC-KR(EUC-KR은 KS X 1001와 KS X 1003을 사용하는 8비트 문자 인코딩, EUC의 일종이며 대표적인 한글 완성형 인코딩이기 때문에 보통 완성형이라고 불린다. - 위키백과사전) 말그대로 한글 완성형 인코딩이기 때문에 오랜 시간 사용해왔습니다. 네이버,네이트,우체국등 오래된 한국기업 웹페이지는 EUC-KR로 되어있습니다. UTF-8을 사용하면 좋겠지만 용량문제, 전환비용등 때문인지 아직도 사용되고 있습니다. 특히 우체국 API를 통해 주소 검색을 구현할때는 쿼리를 EUC-KR로 인코딩 해서 보내야 올바른 값을 받을 수 있습니다.
기존에 사용 하고 있던 이 방식은 안타깝게도 iOS9버전 부터는 Warning을 발생시킵니다. iOS9에서는 더 이상 사용되지 않기 때문에 권장 UTF-8인코딩을 사용하라는 것입니다.

 NSString *queryString = [str stringByAddingPercentEscapesUsingEncoding:-2147481280];

    //first deprecated in iOS 9.0 - Use -stringByAddingPercentEncodingWithAllowedCharacters: instead, which always uses the recommended UTF-8 encoding, and which encodes for a specific URL component or subcomponent since each URL component or subcomponent has different rules for what characters are valid.

포기하고 있다가 다른분을 도와주다가 우연찮게 찾아서 이렇게 포스팅을 하게되었습니다.


사용환경

* Swift3.x
* Xcode 8.3.3

소스 코드

  • Objective-C
- (NSString *)euckrEncodingObjectiveC:(NSString *)str {

    NSMutableString *outputQuery = [NSMutableString string];

    NSUInteger encoding = CFStringConvertEncodingToNSStringEncoding(kCFStringEncodingEUC_KR);
    const char * source = [str cStringUsingEncoding:encoding];
    NSInteger sourceLen = strlen((const char *)source);

    for (int i = 0; i < sourceLen; ++i)
    {
        const unsigned char thisChar = source[i];
        if (thisChar == ' ') {
            [outputQuery appendString:@"+"];
        } else if (thisChar == '.' || thisChar == '-' || thisChar == '_' ||
                 (thisChar >= 'a' && thisChar <= 'z') ||
                 (thisChar >= 'A' && thisChar <= 'Z') ||
                 (thisChar >= '0' && thisChar <= '9'))
        {
            [outputQuery appendFormat:@"%c", thisChar];
        } else {
            [outputQuery appendFormat:@"%%%02X", thisChar];
        }
    }
    return outputQuery;
}
  • Swift
func euckrEncoding(_ query: String) -> String { //EUC-KR 인코딩

    let rawEncoding = CFStringConvertEncodingToNSStringEncoding(CFStringEncoding(CFStringEncodings.EUC_KR.rawValue))
    let encoding = String.Encoding(rawValue: rawEncoding)

    let eucKRStringData = query.data(using: encoding) ?? Data()
    let outputQuery = eucKRStringData.map {byte->String in
        if byte >= UInt8(ascii: "A") && byte <= UInt8(ascii: "Z")
            || byte >= UInt8(ascii: "a") && byte <= UInt8(ascii: "z")
            || byte >= UInt8(ascii: "0") && byte <= UInt8(ascii: "9")
            || byte == UInt8(ascii: "_") || byte == UInt8(ascii: ".") || byte == UInt8(ascii: "-")
        {
            return String(Character(UnicodeScalar(UInt32(byte))!))
        } else if byte == UInt8(ascii: " ") {
            return "+"
        } else {
            return String(format: "%%%02X", byte)
        }
        }.joined()

    return outputQuery
}

마치며

EUC-KR보다 UTF-8을 권장하지만 아직 한국내에서는 불가능한거 같습니다. 위에도 언급해듯이 전환비용, 용량문제등 아직 해결할 문제들이 많은거 같습니다. 오랫동안 눈에 밟히던 Warning을 없앤것만으로도 기분 좋은 일인거 같습니다. 틀린점이나 궁금한점이 있다면 댓글 남겨주시면 감사합니다 :)


참고 사이트

https://stackoverflow.com/questions/41270687/swift-euc-kr-korean-encoding-not-working-but-works-in-python





UIActivityViewController

안녕하세요. 개발자 myoung입니다.
오늘은 UIActivityViewController에 대해서 포스팅 하겠습니다.

UIActivityViewController는 간단하게 이미지, URL, 텍스트등 다른 앱 또는 AirDrop으로 쉽게 공유 할 수 있게 해주는 컨트롤러 입니다.

사용의 예

Alt text

UIActivityCategoryAction (지원하는 액션)

UIActivityTypePrint //프린트
UIActivityTypeCopyToPasteboard //복사하기
UIActivityTypeAssignToContact //전화번호부로
UIActivityTypeSaveToCameraRoll //사진첩으로
UIActivityTypeAddToReadingList
UIActivityTypeAirDrop //에어드랍
UIActivityCategoryShare

UIActivityTypeMessage (지원하는 기본 앱)

UIActivityTypeMail //메일로
UIActivityTypePostToFacebook //페이스북
UIActivityTypePostToTwitter //트위터
UIActivityTypePostToFlickr //플리커 (사진 공유 커뮤니티)
UIActivityTypePostToVimeo //비메오 (비디오)
UIActivityTypePostToTencentWeibo //텐센트웨이보
UIActivityTypePostToWeibo //웨이보 (중국 최대 SNS)

지원하는 데이터 타입

Activity Type String Attributed URL Data Image Asset Other
Post To Facebook
Post To Twitter
Post To Weibo
Message ✓* ✓* ✓* sms:// NSURL
Mail ✓+ ✓+ ✓+
Print ✓+ ✓+ UIPrintPageRenderer, UIPrintFormatter, & UIPrintInfo
Copy To Pasteboard UIColor, NSDictionary
Assign To Contact
Save To Camera Roll
Add To Reading List
Post To Flickr
Post To Vimeo
Post To Tencent Weibo
AirDrop

사용 방법

사용방법은 매우 간단합니다. UIActivityViewController를 정의 해주실때 배열 형식으로 아이템을 만들고 Present 하게 되면 아이템 종류에 따라 지원하는 앱, 지원하는 액션에 자동으로 선택되어서 공유하는 뷰가 밑에서 위로 올라옵니다.

let string: String = "텍스트"
let url: URL = "URL"
let img: UIImage = UIImage(named: "image")

let activityViewController = UIActivityViewController(activityItems: [string, url, img], applicationActivities: nil)
self.present(activityVC, animated: true, completion: { result in
}})

끝마치며

UIActivityViewController를 사용하게 되면 따로 FaceBook, Twitter등 다른 sms 공유가 매우 쉬워집니다. 굳이 SDK를 깔지 않아도 되는 장점이 있습니다. 자유도는 많이 떨어지지만 충분히 다른 앱에 공유하는게 가능해집니다. 좀더 나아가면 커스텀 파일등을 이용해서 백업파일 또는 나의 앱에서만 사용 할 수 있는 파일등을 앱에서 사용할수도 있습니다.

제 포스팅에 틀린점이나 수정해야할 상황이 있다면 언제든지 댓글로 알려주세요. :)



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

iOS) UIAlertController-ActionSheet  (0) 2017.07.26
iOS) UIAlertController - alert  (0) 2017.07.11
iOS)UIActivityViewController  (0) 2017.06.15
iOS) JSON 타입 활용하기  (0) 2017.05.16
iOS) string에서 숫자만 꺼내오기  (0) 2017.05.01
iOS) 키보드 타입  (0) 2017.04.19


iOS 키보드 타입

안녕하세요. 개발자 Myoung 입니다.
오늘은 iOS 키보드 타입에 대한 포스팅입니다. Objective-C,Swift 둘다 해당되는 타입형태입니다. UITextFeild, UITextView등 키보드를 사용하는 뷰에서 사용됩니다.



키보드 타입 종류

typedef enum {
        UIKeyboardTypeDefault,                  // 기본적인 키보드
        UIKeyboardTypeASCIICapable,             // 영문만 표시되는 키보드
        UIKeyboardTypeNumbersAndPunctuation,    // 숫자와 특수문자가 표시되는 키보드
        UIKeyboardTypeURL,                      // URL을 입력할 수 있도록 .과 / 그리고 .com이 키보드 영역에 표시되는 키보드
        UIKeyboardTypeNumberPad,                // 숫자를 입력하는 키패드 형식의 키보드
        UIKeyboardTypePhonePad,                 // 전화 번호를 입력할 수 있는 키패드 형식의 키보드
        UIKeyboardTypeNamePhonePad,             // 대문자 입력이 불가한 키보드
        UIKeyboardTypeEmailAddress,             // 이메일을 입력할 수 있도록 @와 .이 키보드 영역에 표시되는 키보드
        UIKeyboardTypeDecimalPad,               // 소숫점을 입력할 수 있는 키패드 형식의 키보드
        UIKeyboardTypeTwitter,                  // 트위터 입력을 빠르게 할 수 있도록 @와 #이 추가된 키보드
        UIKeyboardTypeWebSearch,                // URL 및 검색어 입력에 최적화 됨 (공백 및. 표시)
        UIKeyboardTypeAlphabet = UIKeyboardTypeASCIICapable, // 더 이상 사용 안함
    } UIKeyboardType;


사용법

사용법은 매우 간단 합니다. 코드로는 setKeyboardType을 사용하시면 됩니다.

ObjectiveC

[textField setKeyboardType:UIKeyboardTypeEmailAddress]

Swift

textField.keyboardType = .default

스토리 보드 상에서는 UITextFeild, UITextView View에 추가 하신 후 오른쪽 항목에서 보시면 KeyBoard Type이 있습니다. 거기서 적절하게 선택 해주시면 됩니다.





안녕하세요. 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가 없었으면 하지만 생각보다 간단하게 해결 할 수 있습니다.


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



  1. 김종찬 2019.06.18 17:24

    도움이 되었습니다. 감사합니다.

+ Recent posts