아이팟 바탕화면의 인터페이스는 대부분 HTML , Javascript , xml , 이미지 파일로 구성
DHTML을 이해한다면, 다양한 화면을 좀더 체계적으로 제어가능
스킨과 테마 사용하게 해 주는 프로그램
iAcces more > iAcces iStorm
준비
백업후 작업
해킹팟
WINTERBOARD 설치
1. Cydia에서 윈터보드를 설치하신후
2. 테마폴더에 넣어줌.
\private\var\stash\Themes\Themes.XXXX
이제 내부접속을 해주시고 /var/stash\Themes.XXXX 이위치로 테마폴더를 넣어주시면 됩니다.
그리고 마지막으로 윈터보드에 들어가셔서 해당테마폴더를 체크해주시면 됩니다
테마받는곳
http://www.mbtheme.com/iphone_theme/
예제) 'ClearOne'테마파일
Budles폴더
보통 아래 세개의 폴더만 변경
com.apple.springboard : 캐리어(아이콘) 이미지 수정폴더
com.apple.TelephonyUI : 잠금해제 버튼 수정폴더
com.apple.MediaPlayer : 뮤직플레이어 수정폴더
Icons폴더
아이팟/아이폰에서 어플등의 이미지를 표시해주는 아이콘이미지가 들어가 있습니다.
본인의 어플에 해당하는 이미지가 없을경우 기본어플이미지를 사용하셔도 되고 본인이 직접 제작하셔도 되고 다른 테마의 아이콘으로 대체하셔도 됩니다.
테마에서 가장 큰요소를 차지하는 부분입니다.
UIImages폴더
유저 인터페이스 이미지 - 각종 어플등을 실행시 단추버튼이나 백그라운드 이미지등을 수정
Widgets폴더
대부분의 테마에서는 사용하지 않습니다.
위젯폴더는 홈화면상에서 날씨정보나 다른 위젯기능을 표시하기 위해 추가된 폴더입니다.
원하지 않을경우 삭재하셔도 무방합니다.
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>DockedIconLabelStyle</key> 덕아이콘의 글자표시스타일설정
<string>/*font-size: 13px;*/ color: transparent;</string> 폰트크기 13픽셀
<key>NavigationBarStyle</key> 네비게이션 바스타일
<string>1</string>
<key>TimeStyle</key> 시간 표시스타일
<string>/*font-size: 16px*/</string> 폰트크기16픽셀
<key>UndockedIconLabelStyle</key> 언덕아이콘 글자표시스타일설정
<string>/*font-size: 13px;*/ color: transparent;</string> 폰트크기 13픽셀
</dict>
</plist>
Wallpaper.html 파일
홈화면에서 표시되는 정보
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="wallpaper/"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0 0 0 0;
height: 480px;
width: 320px;
}
img {
opacity: 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 1s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head><body style="color: black">
<img src="Wallpaper01.png" id="bg"/>
<img src="Wallpaper02.png" id="bg"/>
<img src="Wallpaper03.png" id="bg"/>
<img src="Wallpaper04.png" id="bg"/>
<img src="Wallpaper05.png" id="bg"/>
<img src="Wallpaper06.png" id="bg"/>
<img src="Wallpaper07.png" id="bg"/>
<img src="Wallpaper08.png" id="bg"/>
<img src="Wallpaper09.png" id="bg"/>
<img src="Wallpaper10.png" id="bg"/>
<script>
var Time = 60000;
var bgn = bg.length;
var bfn = Math.floor(Math.random() * bgn);
var btn = 0;
function fade(){
btn = bfn;
do{
bfn = Math.floor(Math.random() * bgn);
}while (btn == bfn)
bg[btn].className = 'fade-out';
bg[bfn].className = 'fade-in';
setTimeout(fade, Time);
};
fade();
</script>
</body></html>
Wallpaper.png 파일
홈화면의 바탕화면 파일.
Widget.html 파일
홈화면에서 표시되는 위젯의 표시정보를 담고있는 html파일입니다.
<참조>
http://ipod-touch.textcube.com/184
