안녕하세요...뭐해입니다...(__)

오늘은 uccw 의 시간, 날짜, 요일관련에 대해서 알아보겠습니다...

먼저...이 글 아래에 첨부한 uzip파일(명: iron man 4)을 받으시고 따라하시면 더욱 이해가 빨리 되실 겁니다...

(uzip 파일이 하나 더 있는데..."뭐해 iron man 4" 는 저가 위치, 크기, 등을 수정한 파일입니다...참조바랍니다...)

물론...스샷과 글만 보시고 이해하셔도 됩니다...

아래 uzip파일을 적용하시면...밑이 스샷처럼 되어 있을 겁니다...

위젯크기는 4 * 2 며...지금 늘이기를 한 상태입니다...

(Time은 저번시간에 했고...date, weekbar 는 다음시간에 따로 다루겠습니다...)

이번시간에 다룰 것은...

1) Hour

2) Minute

3) hour/minute separator

4) Am/Pm

5) Day of the month

6) Day of the week

7) Month

8) Year

입니다...

스샷)

위의 스샷처럼 뜨셨나요?...

그럼...Hour(시) 먼저 알아보겠습니다...

1) Hour

Control #1에 있는 Color 에서 다크골덴로드색상인 ffd700 으로 변경해봅니다...

(자신이 원하는 임의의 색상으로 변경해도 됩니다...)

hour(시)부분의 색상이 바꼈을 겁니다...(왜 구지 이 색상으로 하는냐면...아이언맨이 지금은 골드니깐요...ㅎㅎ)

저번시간에 알려드린 Control부분은 짚고 넘어갈 것이 없으면 넘어가겠습니다...

Hour에서 제일 중요한 부분은...Control #4에 있는 Align(정렬)부분입니다...

(item 중 Time은 시:분 <=== 다 포함하기에...상관이 없는데...

Hour는...뒤에...hour/minute separator 또 뒤에 minute 가 조합이 되어야하기 때문입니다...)

즉...Hour + hour/minute separator + minute 가 한 세트가 됩니다...

그런데...왜 정렬을 맞추어 주어야 하냐면...hour/minute separator 기준으로 hour는 왼쪽 minute 는 오른쪽에 있습니다...

쉽게 말해...센터에 있는 분리점(:)으로 모이게 해주어야기에...

Hour는 늘...아래처럼...Right 로 맞추어 주어야 합니다...

minute는 그 반대인...Left로 맞춰야겠지요...

Hour에서 특히 주목해야 하는 부분은...Control #7에 있는 Format 입니다...

스샷을 먼저 보시죠...

Time과 달리...Hour에서는 Custom text 와 Image 라는 항목이 추가가 되어 있습니다...

Custome text 는 말그대로...숫자를 글자로 보이게 하는 것이고...

Image 는 단순한 숫자폰트보다...화려한 이미지를 집어 넣고 싶을때 사용되는 것입니다...

(저가 갤러리 시간당 바꿀때 이용하기도 했죠...)

Image 부분은 저가 자료를 준비하고 그때 적용하실수 있게 하고 다시 설명드리겠습니다...

지금은... 아... 이런거도 있구나 하는 정도로 여기셔도 됩니다...

다음은...

2) Minute(분)

minute도 시와 같은 Color로 변경해 봅니다...

minute는 Align 이 기본적용인 Left로 되어 있어니 넘어가셔도 됩니다...

아래 스샷을 보시면 아시겠지만...

minute의 Control #7에도...Custom text 와 Image 가 있는 걸 보실 수 있습니다...

(저가...갤러리 분당, 10분당 변경할때 쓰는 것입니다...다음강좌에서 자세히 다루겠습니다...)

다음은...

3) hour/minute sepatator(시와 분의 분리점)

시와 분의 같은 Color로 변경해 줍니다...

4) Am/Pm(오전/오후)

색상을 정해주고...위치를 시에 간섭하지 않는 곳에 잡아줍니다...

그리고...Control #4 에 있는 Case 항목을 보시면...현재 None에 선택되어 있는데...

대문자로 나오게 하고 싶으면...Uppercase에 선택을 해주시면 됩니다...

현재까지의 적용스샷)

Item 중 

Static text 1 ~ 4 까지...

Shape1 ~ 4 까지...Alpha 값을 0 으로 만들면...아래와 같은 스샷이 됩니다...

5) Day of the month(일)

말그대로...오늘 날짜입니다...28일...

여긴 특별한 것이 없습니다...^^

6) Day of the week(요일) - Thuesday 

여기서 한가지 언급할 것은...보시다시피 "화요일" 한글이 아닌 "Thuesday" 라고 표기가 됩니다...

이것은...아래스샷에 나오는...Settings을 설정해주어야 합니다...

아래스샷을 잘 보시면...

CALENDAR SETTINGS 에 있는...

Use English에 체킹이 되어 있어면 영문으로...그렇지 않으면 한글로 표기가 됩니다...

요일 역시 한글은 그렇게 상관이 없지만...

영문으로 표기시 Align을 신경을 써주어야 합니다...

한글은...월요일,화요일......일요일 <=== 이렇게 3글자로 일정하지만...

영문은...Monday, Tuesday, Wednesday,....Sunday 철자 수가 일정하지 않습니다...

그렇기에...늘...가장 Wednesday로 간격을 잡아주시고...정렬을 해 주셔야 합니다...

여기서도...소문자가 싫어시면...Control #4에 있는 Case에서 Uppercase를 선택해주시면 됩니다...

만약에...

Tuesday ---> Tue 즉...짧게 나오시게 하려면...Control #7에서 Short 로 해주시면 됩니다...

다음은...

7) Month(월) - May

지금은 영어로 나와 있는데...숫자로 변경하시려면...Control #7에 있는 Format 에서 01-12를 선택해 주시면 됩니다...

또...뒤에 "월"이라는 글을 넣고 싶으시면...Control #4에 있는 Suffix에서 "월"을 입력해 주시면 됩니다...

다음은...마지막...Year 입니다...

여기에도 별거는 없습니다...^^;;;

단지...Control #7 에 Format에 있는 Two digits : 13(년), Four digits : 2013(년)...두자리로도 바꿀수 있으니 참조바랍니다...

아무쪼록...도움이 되시었길 바라구요...

오늘 uzip 파일에는 해당항목을 구분하기 위해 static text 와 shape를 이용해 박스와 글을 넣어봤습니다...

그 항목은...

static text 1 ~ 7 까지...

shape 1 ~ 8 까지 입니다...

그 항목들을 투명화 시키던지...아니면... +- 에서 체크해제 하면...

아래와 같은 스샷이 됩니다...참조바랍니다...감사합니다...늘 건강하시고 즐거운 시간 되시길 바랍니다...(__)

최종스샷)

막간을 이용해서 위치, 크기, 색상 살짝 수정해보았습니다...아래 첨부해 두겠습니다...(뭐해iron man 4. uzip)

스샷)