블로그 이미지
내게 능력 주시는 자 안에서 내가 모든것을 할수 있느니라 - 빌립보서 4 : 13 - happydong

카테고리

Happydong (1363)
프로그래밍 (156)
MUSIC (16)
인물 (3)
Utility (10)
세미나 소식&내용 (22)
IT뉴스 (18)
운동 (830)
CAFE (10)
Life (282)
Total
Today
Yesterday



1 . 주소 창 숨기기.


 
아이폰 네이티브앱과 같이 전체화면을 사용하는 것과 같이 주소표시줄을 완전히 숨기도록 처리할 수 있다. 이를 설정하기 위해서는 <meta>태그를 추가해주면 된다.

<meta name=”apple-mobile-web-app-capable” content=”yes” />

(**이는 iOS에만 적용이 된다.)

2 . 상태바 색상 변경.

iOS
네이티브앱과 같이 상태바의 색상을 회색(default), 검정(black), 반투명 검정(black-translucent)으로 변경 할 수 있다. 이 기능 또한 <mete>태그로 설정이 가능하다. 그리고 apple-mobile-web-app-capable이름을 같은 메타태그가 지정이 되어 있어야 만이 적용된다.

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

 

3. iOS 런치(Launch) 이미지 설정.

iOS
앱 개발할 때 XCode에서 런치이미지를 등록하는 것과 마찬가지로 <link>태그를 이용하여 같은 효과를 줄 수 있다. 이는 apple-touch-startup-image속성을 이용해서 지정하면 된다.

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup.png” />


Startup
이미지는 iOS 해상도 별로 따로 지정해 줄 수도 있다.

<!--iPhone splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup320x460.png” media=”(device-width:320px)” />

 

<!--iPhone (Retina) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup640x920.png” media=”(device-width:320px) and (-webkit-device-pixel-ratio: 2)” />

 

<!--iPad (portrait) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup768x1004.png” media=”(device-width:768px) and (orientation: portrait)” />

 

<!--iPad (landscape) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup748x1024.png” media=”(device-width:768px) and (orientation: landscape)” />

 

<!--iPad (Retina , portrait) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup1536x2008.png” media=”(device-width:1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)” />

 

<!--iPad (Retina , landscape) splash screen -->

<link rel=”apple-touch-startup-image” href=”/이미지경로/startup1496x2048.png” media=”(device-width:1536px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)” />

 

 


**1,2,3은 URL직접 입력이 아닌 홈 화면에 등록된 바로가기 아이콘을 터치해서 실행된 경우에만 적용이 된다.



Posted by happydong
, |



아이폰(iPhone) & 아이패드(iPad) 상태바 숨기기(Status bar hidden) 방법에는 두가지가 존재한다.  

첫째는 코드를 통해서 숨기는 방법이고, 둘째는 환경 설정에서 숨기는 방법이다.

 

- 첫번째 방법은 보통 기본적으로 상태바가 표시되어 있다가, 특별한 경우에만 상태바를 없애는 경우, 유용하게 사용할수 있겠다.

 

>> 사용법

 

 

 

- 두번째 방법은 만들고자하는 앱이 상태바가 태생부터 필요없는 경우, 환경설정에서 세팅해 사용하는게 유용하다 할수 있겠다.

 

>> 사용법

 

1. 프로젝트 환경설정 파일 "해당프로젝트명.plist" 파일을 클릭해서 화면을 이동한다.

 

 

 

2. 아래와 같은 화면이 나오면, 아무대나 마우스 오른쪽 클릭해서 "Add Row" 메뉴를 선택한다.

 

 

 

3. 하나의 행이 생성이 되면, 스크롤을 내려 "Status bar is initially hidden" 항목을 찾아 선택하고, 값을 "YES"로 선택한다.

 

 

 

이상 두가지 세팅방법에 대해서 알아 보았다. 

 

 

참고로 상태바의 사이즈는 20픽셀이다.

Posted by happydong
, |



아이폰&안드로이드 앱을 무료로 만들수 있는 사이트가 한국에도 베타 오픈했습니다. 

(한국 : http://www.appcookr.co.kr  , 영국 : http://www.appcookr.co.uk)

(네이버 메인 기사)
Posted by happydong
, |