본문 바로가기

Mobile + 모바일/iPhone + iOS

[iWidgets] Music AnchorUI T.O.M Theme

__

첨부파일

[MUSIC] AnchorUI-TOM.zip




[iWidgets] Music AnchorUI T.O.M Theme




제작환경

  • iOS 9.0.2
  • iPhone 5


필수트윅

  • iWidgets (무료)
  • InfoStats 2 (무료)

설치경로

  • raw(원시) 파일 시스템 > var > mobile >Library > iWidgets


질문금지

  • iOS 9.0.2의 경우 InfoStats 2 트윅이 시디아에서 바로 설치가능하기 때문에 iOS 9.3.x를 사용하시는 분들의 InfoStats 2 설치에 대한 문의는 답변드릴 수 없습니다.
  • 테마 변경 문의하시는 분들이 계신데, 그런 분들은 그냥 다른 테마 사용해주세요. 부탁드립니다. (_ _)


테마옵션 (=사용자가 지정할 수 있는 것)

  • 실행어플선택 : 아티스트(가수)부분 터치 시 실행될 음악 어플 선택(지니, 멜론, 아이폰,아이패드의 기본 음악어플, 사운드클라우드)
  • 테마색상 : 테마의 전체적인 글자와 아이콘 색상을 지정합니다.
  • 제목크기 : 곡 제목의 글자크기
  • 아티스트크기 : 아티스트의 글자 크기
  • 아이콘크기 : 재생, 이전곡, 다음곡, 일시정지 아이콘의 크기
  • 제목/가수 간격 : 제목과 아티스트 사이의 간격(음수'-' 표기시 제목과 가수의 글자위치가 겹쳐질 수 있습니다.)
  • 가수/컨트롤러 간격 : 아티스트와 미디어 컨트롤 아이콘 사이의 간격(음수'-' 표기시 아티스트와 컨트롤 아이콘이 겹쳐질 수 있습니다.)
  • 컨트롤러 버튼 간격 : 각 버튼 아이콘의 좌우 간격(수치가 클수록 좌우로 더 벌어집니다.)


테마특징

  • 본 테마는 이미지가 아닌 아이콘폰트를 이용하여 제작되었습니다.
  • 아이콘은 총2종류로 나뉘고, 아이콘의 미리보기는 fonts 폴더 안에 icons.html 문서를 참고하시기 바랍니다.


아이콘변경방법(fonts 폴더안에 icons.html문서를 여시면 클레스명이 붉은색으로 되어있습니다.)

  • Widget.html 문서를 전용 에디터툴로 열어줍니다.
  • 먼저 19번째 줄에 있는 태그의 클레스명변경해주세요.
  • <i id="prev" class="icon-skip-back"></i><i id="play" class="icon-play"></i><i id="next" class="icon-skip-forward"></i>
  • 다음으로 44번째 줄과 48번째 줄에 있는 스크립트를 변경해주시면 됩니다.
  • _m('play').className="icon-pause";
  • _m('play').className="icon-play";


제목과 아티스트 부분의 텍스트 변경방법

  • Widget.html 문서를 전용 에디터툴로 열어줍니다.
  • 14번째 줄 <div id="title">ANCHOR.UI WEB AGENCY</div> 텍스트 변경
  • 16번째 줄 <span id="appLink"><span id="artist">W.PUBLISHER_@NOEUL</span><span> 텍스트 변경
  • 49번째 줄 _m("title").innerHTML = "ANCHOR.UI WEB AGENCY"; 텍스트 변경
  • 50번째 줄 _m("artist").innerHTML = "W.PUBLISHER_@NOEUL"; 텍스트 변경


기종에 따른 Widget.plist 수정 방법

  • 테마폴더에 있는 ReadMe.html 문서를 참고하세요.


[MUSIC] AnchorUI-TOM.zip