iPhone/테마2011.02.22 09:48

윈터보드를 이용하지 않는 테마가 있어서 소개 합니다. 시디아 앱인 BackBoard를 이용해서 테마를 설치하는 방식 인데 원터보드에 비해 테마 설치와 사용이 간단 합니다. 윈터보드에 비해 리소스를 덜 먹는 느낌이긴 하지만 각각의 아이콘이 독립적으로 구동되는 라이브 타일을 추가 할 수도 있는데 라이브 타일의 수에따라 리소스 소비가 달라지긴 합니다.

- 라이브 타일: 이 테마는 각각의 아이콘들을 타일이라고 부릅니다. 그 중에서도 독립적으로 실시간 정보나 애니메이션 효과등을 표현하는 타일을 추가 할 수있는데 이것을 라이브 타일이라고 합니다. 위 스샷에서는 시계, 날씨, 캘린더가 라이브 타일입니다.
- 해당 테마에서는 폴더 구현이나 앱 삭제가 지원되지 않으니 참고하세요 @.@

※ 원본 출처는 이곳 입니다.
이곳을 방문 하시면 아이콘, 라이브 타일등의 자료를 구하 실 수 있습니다.


설치 방법

1. 시디아에서 BackBoard를 검색해서 설치 해 줍니다. 기본 소스에서 검색이 되니 특별히 추가할 소스는 없습니다.


2. BackBoard가 설치 된것을 확인 합니다.


3. BackBoard를 실행 시켜서 +버튼을 눌러서 현재 테마값을 "Default"등의 이름으로 저장 합니다.
- 나중에 테마를 원복할때 필요한 작업 입니다.



4. 아이폰에서 사파리를 실행하고 주소창에 아래와 같이 정확하게 입력하고 Go키를 눌러 주시거나 아이폰에서 직접 사파리로 제 블로그에 접속해서 아래 링크를 클릭 하셔도 동일한 효과를 보실 수 있습니다.
※ 링크를 이용 할 경우 제 블로그 자료를 이용하시는게 속도가 조금 빠를 겁니다.
입력 할 주소: backboard://http://wyndrepo.googlecode.com/files/OS7Beta.zip
클릭 할 링크 - 원본,  제 블로그 자료

제 블로그 자료를 클릭하셨을 경우 두번째 스샷과는 조금 다르게 보일 수 있지만 동일한 자료 이므로 Yes버튼을 눌러 주시면 됩니다. 작업이 완료 되기까지 회선 상태에 따라서 시간이 조금 걸릴 수 있으니 느긋하게 기다리세요 ^^;


5. OS7테마가 추가 된것을 확인 할 수 있습니다. 테마 적용을 위해 OS7을 선택하고 Install버튼을 눌러주고 Confirm을 합니다.


6. 적용이 완료 되고 리스프링 할꺼냐 묻는 창이 나타나면 Respring버튼을 눌러 줍니다. 테마의 초기 화면이 보일 겁니다.
다만 이 상태에서 테마를 이용하면 앱을 실행 할때마다 팝업으로 베타버전이라는 안내와 함께 Donate버튼이 나타 납니다.


7. 2월 21일 현재 최신 버전인 Beta4로 업데이트 하기 위해 아래 자료를 내려 받아서 아이폰의 /Library/MobileSubstrate/DynamicLibraries 폴더 아래에 복사 해 줍니다. 기존 파일에 덮어 씌우는 작업 입니다. 복사 후 리스프링 해 주시면 됩니다.




8. 7번까지 완료 후 리스프링 해 주시면 기본 화면이 아래처럼 바뀌게 됩니다. Beta4로 업데이트 되면 Donate팝업창이 나타나지 않습니다. 사진 앱의 타일 사이즈가 줄어 드는게 정상 입니다. 여기까지 완료 하셨다면 설치 작업은 모두 완료 되었습니다.





활용 방법

▶ OS7테마 사용 안하기
- 테마를 원복 했다가 다시 OS7으로 돌아와도 타일 배열등의 설정이 그대로 유지 됩니다.
설치 과정 중 3번에서 원본 테마를 백업 했었습니다. BackBoard에서 그것을 적용해서 원복 하는 방법 입니다.


SBSettings를 설치하고 사용하시는 분들은 SBSettings를 이용해서 원복 할수도 있습니다.
아래처럼 More - Mobile Substrate Addons를 살펴보면 OS7이 활성 화 되어 있을텐데 이것을 비활성 시켜 주시면 됩니다.



▶ 홈 화면 배열 변경하기
우선 홈(메인)화면과 설정화면을 기동하는 방법은 아래처럼 화살표를 터치하는 방법과 화면을 문지르는 방법이 있습니다.

설정 화면에 가시면 아이폰에 설치되어 있는 앱들이 나열되어 있습니다. 이 상태에서도 앱들을 가볍게 터치 하면 실행 할 수도있습니다.
원하는 아이콘을 홈 화면에 고정하려면 아이콘을 꾸욱~ 누르고 있으면 메뉴가 나타나게 되는데 Pin to Start Menu를 선택하면 홈 화면에 고정되게 됩니다.

아래처럼 추가한 아이콘이 나타나게 됩니다. 아이콘은 자동 생성되게 됩니다.
이것을 다시 홈 화면에서 지우고 싶다면 해당 아이콘을 꾸욱~ 눌러주면 메뉴가 나타나는데 Unpin을 선택하면 홈 화면에서 사라지게 됩니다.

홈 화면 아이콘의 순서를 변경 하려면 위의 메뉴중에 Move Up, Move down을 이용해서 순서를 바꿔 주시면 됩니다.
이동 순서는 아래와 같이 생각 하시면 됩니다. 만약 2번 아이콘에서 Move down을 선택 했다면 3번으로 이동하게 됩니다.


이건 설명보다 동영상을 보시는게 이해가 빠르실거 같아서 작동 동영상 첨부 합니다.



▶ 날씨 표시 지역 변경하기
기본적으로 포함되어 있는 날씨 타일은 실제 날씨를 표현 해 주는 라이브 타일 입니다. 이것을 자신이 원하는 지역으로 변경하기 위해서는 파일 2개를 수정 하셔야 합니다.
- 날씨 아이콘: /User/Library/OS7/Tiles/com.apple.weather/Library/wydget.js
- 날씨 애니메이션 효과: /User/Library/OS7/Tiles/com.apple.weather/locationHere.js

wydget.js를 편집기로 열어보시면 2번째 줄에 "localStorage.setItem("zipCode", "77429");" 부분이 보이실 겁니다. 이중에 77429를 자신의 지역 코드로 변경 해 주시면 됩니다.

locationHere.js를 편집기로 열어보시면 2번째 줄에 "var locale = "77429";" 부분이 보일 겁니다. 위와 마찬가지로 77429부분을 자신의 지역코드로 변경 해 주시면 됩니다.

지역 코드는 여기에서 검색 하세요.


▶ 큰 타일로 변경하기
※ 모든 타일은 /User/Library/OS7/Tiles/폴더 아래에 위치하고 있습니다.
기본으로 포함되어 있는 사진의 라이브 타일을 예로 설명 하겠습니다. /User/Library/OS7/Tiles/com.apple.mobileslideshow폴더가 사진의 타일 위치 입니다.
해당 폴더 아래에 보면 Info.plist가 있는데 이것을 편집기로 열어보면 아래 처럼 작성되어 있습니다.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>usesHTML</key>
	<string>YES</string>
	<key>widgetFile</key>
	<string>Tile.html</string>
</dict>
</plist>

여기에 아래의 코드를 추가 해 주고 저장 해 주시면 되겠습니다.
<key>isLargeTile</key>
<string>YES</string>

코드는 아래처럼 변경 되겠지요.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>usesHTML</key>
	<string>YES</string>
	<key>widgetFile</key>
	<string>Tile.html</string>
	<key>isLargeTile</key>
	<string>YES</string>
</dict>
</plist>

결과물은 아래와 같습니다.



▶ 타일을 원하는 아이콘으로 변경하기
이 테마는 앱을 홈 화면에 위치 시키면 아이콘이 자동 등록 됩니다. 하지만 몇몇 앱들은 아이콘들이 볼품없이 생성됩니다.
아래의 예처럼 보통 기본 앱과 시디아를 통해서 설치한 앱들에서 그런 현상이 일어 납니다.


이를 자신이 원하는 아이콘으로 변경하는 방법을 알아보겠습니다. 예로 연락처의 아이콘을 변경 해 보겠습니다.
변경할 타일을 길게 눌러서 메뉴가 뜨게 한 후 아래처럼 제일 윗줄의 텍스트를 확인 합니다.


아무 곳에나 위에서 확인 한 텍스트와 동일한 이름으로 폴더를 만들어 줍니다. 대소문자 구분해서 만들어야 합니다.


아래 첨부 파일을 내려 받아서 위에서 만든 폴더에 넣어 줍니다.

사용 할 아이콘을 준비해서 위의 폴더에 같이 넣어 줍니다.
- 파일 형식은 png파일이며 파일의 이름은 Tile.png입니다.
- 제가 3GS사용자라 확인 해보진 못했지만 iPhone4에서는 파일명을 Tile@2x.png로 사용 하는거 같습니다.
- 이미지 작업 사이즈는 상관없이 자동으로 리사이징 해 주는거 같습니다.


준비가 끝났으니 com.apple.MobileAddressBook폴더를 아이폰의 /User/Library/OS7/Tiles/폴더 아래에 폴더째 복사 해 주고 리스프링 해 주면 아래처럼 아이콘이 변경되어 있을 겁니다.









Posted by prologos

티스토리 툴바