본문 바로가기
Scriptable/달력 위젯

[달력 위젯] 위젯 설정 방법

by Gofo 2021. 2. 1.

변경 항목

아래 내용의 설정을 변경할 수 있습니다.

구분 상세 내용
바로가기 버튼 구성, 크기, 버튼 사이 간격
글자 크기, 서체(폰트)
달력 월간 달력 색상, 일정사이 간격
새로고침 새로고침 시간
기타 배경, 투명위젯 만들기
텍스트/아이콘 색상
위젯 구성 (달력 유무 등)
언어

 


변경하는 방법

스크립트 코드를 수정해야 합니다.

  1. Scriptable을 실행합니다.
  2. [Gofo_달력 위젯] 스크립트의 <pre>···</pre> 을 눌러 편집모드로 진입합니다.
  3. 아래 변경하고자하는 내용에 맞춰서 수정합니다.
  4. 화면 오른쪽 아래의 <pre>play(▶)</pre> 버튼을 눌러 스크립트를 실행합니다.
  5. 화면 왼쪽 위의 <pre>DONE</pre>을 눌러 저장합니다.

 


바로가기 버튼

구성 변경

  1. 코드위치 : #15 ~ #20
  2. items에 원하는 아이콘 내용을 아래 형식에 맞춰서 추가합니다.

주의사항

  • 형식 : <pre>[ 'SF Symbol 이름', '단축어 이름이나 URL shceme' ] ,</pre>
  • 추가 시 <pre>[ ' ,</pre> 등 기호도 정확히 입력해주세요.
  • items의 순서에 따라 버튼이 나타납니다.
  • SF Symbol 확인 방법 : 게시글 바로가기(클릭)
  • URL Scheme 확인 방법 : 게시글 바로가기(클릭)
// 버튼 관련
buttons  : [   // 위젯 아래의 버튼들
  // 형식 : ['SF symbol name', '단축어 이름이나 앱 url scheme']
  ['viewfinder.circle', 'kakaotalk://con/web?url=https://accounts.kakao.com/qr_check_in'], // QR 체크인
  ['k.circle', 'kakaopay://'],              // 카카오페이
  ['p.circle', 'photos-redirect://'],       // 사진
  ['circle.grid.2x2', 'App-prefs://'],      // 설정
  /*...*/
],

 

버튼 크기 및 버튼 간격

  1. 코드위치 : #24 ~ #25
  2. 버튼 크기 : <pre>buttonSize</pre>의 값을 변경합니다.
  3. 버튼 간격 : <pre>buttonSpacer</pre>의 값을 변경합니다.
buttonSize   : 16,   // 버튼 크기
buttonSpacer : 10, // 버튼 사이 간격

 


글자

크기

  1. 코드위치 : #28 ~ #33
  2. 상세설명
변수명 내용
extraSmall 캘린더/미리알림 일정의 내용
배터리 정보
날씨 정보
small "일정", "미리알림" 타이틀
달력의 "월" 타이틀
monthly 큰 사이즈에서의 월간 달력 내용(날짜, 요일)
battery 배터리 정보
// 글자 크기
fontSize : {       // 글자 크기
  extraSmall : 12, // 일정 내용, 배터리 정보, 날씨
  small      : 13, // 일정/미리알림/월 타이틀
  monthly    : 9,  // 달력
},

 

서체(폰트)

  1. 코드위치 : #38 ~ #41
  2. <pre>normal</pre>과 <pre>bold</pre>에 따옴표와 함께 서체 프로파일 이름을 정확하게 넣으세요.
  3. 프로파일 이름 확인 방법 : 설정 > 일반 > 프로파일
  4. 예 : "NanumSquare_ac Regular"
font : {
  // 글꼴 : 프로파일 이름과 정확히 일치해야합니다.
  // 프로파일 : 설정 > 일반 > 프로파일
  normal : null,
  bold : null,
},

 


달력

색상

  1. 코드위치 : #44 ~ #51
  2. 원하시는 항목에 색상을 따옴표(<pre>" "</pre>)안에 넣으세요.
  3. 색상은 "#"의 유무는 상관없이 hex 값으로 넣어야 합니다.
  4. 기본 코드에서는 회색으로 지정되어 있으며, 그 옆의 주석처리된 것은 각각 파란색과 빨간색입니다.
변수 명 사용
red 현재 사용되지 않습니다.
blue 현재 사용되지 않습니다.
today 달력에 오늘 날짜 뒤에 표시되는 동그라미의 색상
saturday 달력 내 토요일의 색상
sunday 달력 내 일요일의 색상
calendarCount 일정/리마인더 제목 옆의 개수
// 색상 : 따옴표('') 안에 hex값으로 넣으세요.
color  : {
  red  : 'F51673',
  blue : '2B69F0',
  today  : 'F51673',   // 달력의 오늘 날짜의 동그라미
  saturday : '545454', // 달력의 토요일
  sunday   : '545454', // 달력의 일요일
  calendarCount : '545454', // 일정/미리알림 옆에 글씨
},


일정/리마인더 내용 개수 및 줄간격

  1. 코드위치 : #53~#54
  2. 일정의 개수 : <pre>calendarNumber</pre>
    * 캘린더와 리마인더의 각 개수입니다.
  3. 일정 사이의 줄간격 : <pre>calendarSpacer</pre>
    * 소수점 단위로 늘리는 것을 추천합니다.(예 : 0.5, 0.7 등...)
calendarNumber : 2, // 캘린더/리마인더 일정 개수
calendarSpacer : 0, // 캘린더/리마인더 일정 내용 사이 줄간격

 


새로고침

  1. 코드위치 : #57
  2. IOS는 위젯이 있는 페이지로 전환할 때 기본적으로 새로고침을 합니다.
  3. 그 외에 페이지를 고정할 때 주기적으로 새로고침하기 위하여 시간을 설정하였습니다.
  4. 기본 시간은 10분입니다.
  5. 변경을 원하시면 <pre>refreshTime</pre>의 값을 변경하세요. 단위는 입니다.
refreshTime : 60 * 10, // 새로고침 시간(단위 : 초)

 


배경, 텍스트/아이콘 색상, 위젯 크기, 위젯 구성, 언어

  1. [Gofo_달력 위젯 설정] 스크립트를 실행하세요.
  2. 좌우 화살표를 눌러 원하는 값으로 선택하세요.
    * 좌우 화살표 가운데를 누르면 선택 가능한 전체 옵션이 나타납니다.
  3. 화면을 맨 아래로 내려 저장하기를 누르세요.

달력 위젯 설정창

 

 

'Scriptable > 달력 위젯' 카테고리의 다른 글

[달력 위젯] 위젯 설치 방법  (1) 2021.02.01
[달력 위젯] 위젯 소개  (4) 2021.02.01

댓글