Navigation Bar and Toolbar Icon Size


역시나, 아래 주소에 같이 설명이 되어 있습니다.


https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/




네비게이션 바와 툴바는 아이콘의 크기가 같네요.


pt 사이즈로 알고 있으면 배율 적용해서 실제 픽셀 사이즈 계산하고 이미지 만들면 되겠습니다.


네비게이션 바에 들어가는 아이콘을 찾고 있으니까...

@2x는 48px x 48px,

@3x는 72px x 72px

입니다.


Assets에 이미지 에셋 만들고, 사용하면 되겠습니다.





'앱 개발 > 앱 개발 - iOS' 카테고리의 다른 글

네비게이션 바 아이콘 사이즈  (0) 2018.11.03
탭 바 아이콘 사이즈  (0) 2018.11.02
간만에 iOS 앱 만들기 준비  (0) 2018.10.31
[swift] 다른 앱 실행시키는 방법  (0) 2016.03.29
APNS 개발 2  (0) 2015.11.22
APNS 개발 1  (0) 2015.11.22


Posted by 똑똑한 영장류

Tab bar icon size


탭으로 구성된 앱을 만들때면 아이콘 사이즈를 어떻게 잡아야하는지 매번 찾아보게 되네요.

간만에 아이폰 앱을 하다보니 이번에도 역시나 찾아봤습니다.


애플 개발자 사이트에 설명이 있네요. 개발자 계정이 있어야 접근이 가능할 수도 있습니다.


https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/



둥근아이콘, 사각모양 아이콘, 옆으로 긴거, 위로 긴거..뭐 설명이 있는데, 각각 레귤러, 콤팩트 두 종류로 구분이 되어있네요.


레귤러? 콤팩트는 뭔가 찾아보니, 아래 링크에 있는 설명인 것 같습니다.


https://developer.apple.com/ios/human-interface-guidelines/visual-design/adaptivity-and-layout#device-size-classes



허.... 잘 모르겠습니다.


아마도 탭 바 아이콘의 경우, 세로모드일 때 레귤러 탭바, 가로모드일 때 콤팩트 탭바가 각각 적용되나 봅니다.


아이콘 이미지 지정해 줄 때, 아래처럼...




실제 이미지 사이즈는, pt 로 표현된 사이즈를, 레티나 종류에 따라서 @2x, @3x 배율로 이미지의 픽셀 사이즈를 계산하면 될 것 같습니다.


예를 들면, 탭 바 아이콘을 둥근 모양으로 하겠다고 결정했으면, 가장 위, circular glyphs 줄을 참고하면 되겠습니다.


레귤러 사이즈의 경우, pt 로 표현된 크기를 보면, 25pt x 25pt 입니다.


그러니까, 

@1x 용은 pt 사이즈와 같게 25px x 25px 크기로 아이콘을 만들고,

@2x 용은 pt 사이즈에 곱하기 2해서 50px x 50px,

@3x 용은 pt 사이즈에 곱하기 3해서 75px x 75px 크기로 각각 이미지를 만들어 준비하면 되겠습니다.


이걸 이미지 에셋  Tab1_R 정도의 이름으로 에셋을 만들어 둡니다.


콤팩트 사이즈는 pt 로 18pt x 18pt 이니까,

@1x 용은 pt 사이즈와 같게 18px x 18px 크기로 아이콘을 만들고,

@2x 용은 pt 사이즈에 곱하기 2해서 36px x 36px,

@3x 용은 pt 사이즈에 곱하기 3해서 54px x 54px 크기로 각각 이미지를 만들어 준비하면 되겠습니다.


마찬가지, 이 이미지들을 이용해서 Tab1_C 이름으로 에셋을 만들어 둡니다.

Bar item에 이미지를 적용할 때는, 

위 이미지처럼 attribution inspector 에서 


Image : Tab1_R,

Landscape : Tab1_C


로 지정해주면 되는 것 같습니...다....


'앱 개발 > 앱 개발 - iOS' 카테고리의 다른 글

네비게이션 바 아이콘 사이즈  (0) 2018.11.03
탭 바 아이콘 사이즈  (0) 2018.11.02
간만에 iOS 앱 만들기 준비  (0) 2018.10.31
[swift] 다른 앱 실행시키는 방법  (0) 2016.03.29
APNS 개발 2  (0) 2015.11.22
APNS 개발 1  (0) 2015.11.22


Posted by 똑똑한 영장류

간만에 iOS 용 앱을 하나 만들 일이 생겼습니다.

뒤돌아보니, 2년동안 안드로이드 앱만 개발 했었네요.


외주받아 개발해줬던 앱의 다음 버전 개발 요청입니다.

우선 요즘 iOS 판은 어떤지 살펴보고, 분위기 파악부터 해야겠습니다.


iOS 버전별 점유율 확인!


https://developer.apple.com/support/app-store/


애플 개발자 사이트에서  iOS 버전별 점유율을 확인할 수 있습니다. 아마도 개발자 계정이 있어야 확인이 가능할 듯 하네요.



 iOS 디바이스들 중 60%가 iOS 12를 사용하고 있다고 합니다. iOS 11 까지 포함하면 무려 89%네요.


아이폰 전용 앱 개발 요청인데, 흠...

타겟 버전은  iOS 11 로 잡으면 될 것 같습니다.


그 다음 고민은 iOS 11 이 돌아가는 가장 오래된 아이폰이 무엇인지 알아봐야겠습니다.

인터넷 검색 결과...


년도

 모델

 특징

 2007

 탄생!!!!

 3.1.3까지 지원

 2008

 3G

 4.2.1까지 지원

 2009

 3GS

 6.1.6까지 지원

 2010

 4

 7.1.2까지 지원

 2011

 4s

 9.3.5까지 지원

 2012

 5

 10.3.3까지 지원

 2013

 5c/5s

 5c : 10.3.3까지 지원, 5s : iOS 11 가능

 2014

 6/6+

 iOS 12까지 지원

 2015

 6s/6s+

 iOS 12까지 지원

 2016

 SE/7/7+

 iOS 12까지 지원

 2017

 8/8+/X

 iOS 12까지 지원

 2018

 Xs/XsM/XR

 iOS 12


성능으로봐서 5s 이상 성능을 가진 폰은 모두 iOS 11 사용이 가능한 것으로 보입니다.

개발할 앱이 iOS 11 부터 지원할 계획이니까, 하드웨어는 5s 이상이라고 보면 될 것 같습니다.


iOS 12 는 어제 애플 신제품 발표 이후에 12.1 상향 조정되었습니다.



개발환경


iOS 앱은 맥 사용이 필수이니까, 가지고 있는 맥북 프로에서 개발하면 됩니다.

사용하고 있는 맥북의 운영체제 버전은 '하이 시에라'입니다. 



Mid 2014년 맥북 프로로 잘 사용하고 있네요. 

앱 스토어에 가면 '모하비'로 업데이트 할 수 있다는 안내가 보이는데, 게을러서 아직 하고 있지 않고 있습니다.ㅎ


개발 툴인  Xcode는 10.1로 최신 버전입니다. 어제 애플 행사 이후, 릴리즈되서 방금 업데이트했습니다.


굳이 '모하비'로 맥을 업데이트하지 않아도 최신 Xcode 사용이 가능해서 다행입니다. 클린설치 하려면 날 잡고 해야되서 귀찮...


Xcode 10.1 은 swift 4.2.1 이 포함되어 있고, iOS 12.1 용 SDK 도 포함하고 있네요.




정리하면, 하이시에라 맥북 프로에서 Xcode 10.1 을 이용해서 iOS 11 부터 실행가능한 아이폰용 앱을 만들게 되겠습니다.


가지고 있는 아이폰도 iOS 12.1 로 업데이트 해줬습니다. 테스트 폰으로도 사용해야 되니까 iOS 12.1 을 얹어줘야합니다.


여담이지만, 가능하다면, 폰은 항상 최신 버전을 유지합시다. (안드로이드는 아직도 킷캣이...ㅜㅜ)


그럼, 이만~~~




'앱 개발 > 앱 개발 - iOS' 카테고리의 다른 글

네비게이션 바 아이콘 사이즈  (0) 2018.11.03
탭 바 아이콘 사이즈  (0) 2018.11.02
간만에 iOS 앱 만들기 준비  (0) 2018.10.31
[swift] 다른 앱 실행시키는 방법  (0) 2016.03.29
APNS 개발 2  (0) 2015.11.22
APNS 개발 1  (0) 2015.11.22


Posted by 똑똑한 영장류