스킨(Skin) 구조에 대한 안내(업데이트중)

스킨의 구조

 

 

1.background.png - 디자인 이미지 파일 (필수) 

 

2.skin.ini - 현재속도등 출력될 정보에 대한 설정 파일 (필수)

3.font.otf , font.ttf  - 존재할 경우, 스킨의 폰트를 해당 파일에서 읽어오고 존재하지않을 경우, 안드로이드의 기본 글꼴을 읽어옵니다.  (선택)

 

4.needle.png  - 현재속도를 가리키는 바늘 이미지  (선택)

 

5.needle2.png  - 케이던스를 가리키는 바늘 이미지 (선택)

 

6.needle3.png  - 심장박동수를 가리키는 바늘 이미지 (선택)

 

 

 

 

 

 

스킨의 위치

Android/data/com.tracker.sodaejiantplus/skin/   아래에 임의의 디렉토리를 생성하고 생성된 디렉토리내에 스킨파일들을 위치합니다.

소돼지자전거 실행시  임의로 생성된 디렉토리명이 스킨명으로 표시됩니다.

 

 

 

 

background.png 파일 제작

 

720x1280 등의 HD 또는 FHD 해상도로 이미지를 제작합니다.

 

 

* background.png 예시

아래와 같이 백그라운드 이미지 파일을 작성하고  skin.ini 파일에서  바늘과 텍스트의 위치를 설정하여줍니다.

 

 

 

 

 

 

 

 

Skin.ini의 구조

 

//프로그래스바 설정

progress1visible=1                  // 프로그래스바1 이 노출될것인지에 대한 설정  1=visible  0=invisible
progress1width=476               // 프로그래스바의 넓이 ,  넓이 최대값은 480 입니다.
progress1height=476              //프로그래스바의 높이
progress1marginleft=4           // 좌측으로부터의 위치,  값이 클수록 우측으로 이동
progress1margintop=181        // 상단으로부터의 위치, 값이 클수록 하단으로 이동
progress1maxvalue=60           // 프로그래스바의 최대 값
progress1backgroundvalue=0    
progress1rotation=0                 // 0 값의 시작 위치  ( 값이 0 이면 6시,  45면 9시에서 프로그래스바가 시작됩니다.)
progress1backgroundcolor=0  //배경색   ( #ffffff = 흰색,   0 = 기본색)
progress1primarycolor=0        //프로그래바 primary 색상
progress1secondarycolor=0    // 프로그래스바 secondary 색상
progress1xml=8                      // 프로그래스바의 기본 디자인  1부터 ~ 10까지 존재합니다.

 

progress1  // 현재속도

progress2  //  케이던스

progress3  // 심박수

progress4  // 현재시각

 

 

 

//바늘 설정 - visible 설정이 1일 경우,   needle.png , needle2.png  needle3.png 파일이 필요합니다.

needle1visible=0   //  바늘1이 노출될것인지에 대한 설정 1=visible  0=invisible
needle1width=5  
needle1height=184
needle1marginleft=240 //좌측으로부터의 위치 
needle1margintop=220 //상단으로부터의 위치
needle1maxvalue=60.0 // 최대값
needle1startangle=0  // 값이 0일때 바늘의 위치 설정
needle1endangle=270 // 최대값일때 바늘의 위치 설정

 

needle1 = 현재속도

needle2 = 케이던스

needle3 = 심박수

 

 

 

//출력값 설정

text1visible=1     // 현재속도값을  스킨에 보여지게 할것인지에 대한 설정  1 = visible   0= invisible
text1width=480    // 현재속도 텍스트의 넓이  ,  넓이 최대값은 480 입니다.
text1fontsize=130   // 글자 크기
text1fontcolor=#ffffff   //글자색 , #ffffff - 흰색 ,  #000000 - 검정색
text1marginleft=0   //좌측으로부터의 위치 , 값이 클수록 우측으로 이동
text1margintop=295   //상단으로부터의 위치 , 값이 클수록 하단으로 이동
text1gravity=center   //설정된 넓이 내에서  값의 정렬  left =좌측정렬   right=우측정렬   center = 가운데 정렬
text1rotation=0   //세로스킨이면 0 ,  가로스킨이면 1

 

 

 

text1(s_currspd) - 현재속도
text2(s_cad);      - 케이던스
text3(s_hr);       - 심박수
text4(s_distance); - 이동거리
text5(s_avgspd);   - 평균속도
text6(s_ridetime); - 주행시간
text7(s_maxspd);   - 최고속도
text8(s_avgcad);   - 평균케이던스
text9(s_avghr);     - 평균 심박수
text10(s_currtime);  - 현재시각
text11(s_maxhr);  - 최고심박수
text12(s_altitude);  - 해발고도
text13(s_battery);   - 배터리 %
text14 (s_calorie)  - 칼로리 소모량
text15 (s_hrzone)  - 심박존
text16 (s_grade)  - 경사도
text17 (s_ascent)  - 누적 상승고도
text18 (s_descent) - 누적 하강고도
text19 (s_pressure) - 기압

 

 

 

* 스킨 메뉴얼은  수시로 수정중에 있습니다.

 

 

소돼지 자전거의   다양한 커스텀 스킨들