본문 바로가기

Mobile + 모바일/iPhone + iOS

Noeul LS AnchorUi [잠금화면] - 업데이트 [16.05.27]






SIMPLE LS NOEUL v9.5



___


::: 변경사항
날씨 아이콘 이미지를 폰트로 대체
날씨 자동갱신 기능 제거 (최신 정보를 알고싶으시다면 화면을 터치하세요)
사용하지 않는 Awesome Fonts 및 이미지 삭제

기본 설정값 변경



필수트윅:
 - iOS 9.x 이상 = LockHTML4(유료), InfoStats(무료 - 버전 1.1.5)
 - iOS 8.x 이하 = GroovyLock(무료), InfoStats(무료 - 버전 1.1.5)

 - ##__InfoStats 가 설치되어야 배터리 정보가 출력됩니다__##

지원기기:
 - 모든 아이폰 및 아이팟 기기

적용경로:
 - LockHTML4 = raw(원시) 파일 시스템 :: var / Library / Widgets
 - GroovyLock = raw(원시) 파일 시스템 :: var / mobile / Library / GroovyLock


테마특징:

 - 날짜 출력

 - 시간 출력

 - 배터리 상태 출력

 - 화면 터치 = 새로고침(날씨정보와 배터리 상태를 다시 불러옵니다.)


선행작업:

 - Config.js 문서에서 날씨코드(WOEID)를 수정해주셔야 합니다. (WOEID 찾기Yahoo Weather에서 찾기)

 - 날씨코드는 LocationCode 이라는 변수가 적용되어 있으며, 문서의 13번째 줄에 있습니다.


주의사항:

 - 날씨코드를 적으실때 따옴표 또는 큰 따옴표는 사용하지 않습니다.

 - 날씨 새로고침 시간삭제되었으며. 최근 정보를 보시려면 잠금화면을 터치해주십시오.

 - 배터리바 새로고침 시간은 기본 10초를 적용하였습니다.

 - LockHTML4를 쓰시는 경우 하단의 설치방법을 꼭 참고해주십시오.

편집프로그램:

 - 'Windows' 또는 'MacOS X'에서 테마 수정 시 코딩 전용 프로그램을 사용해주세요.

 - 다운로드 : http://brackets.io


설치방법:

자신이 사용하는 iOS버전과 트윅에 따라 설치방법 및 적용방법이 틀립니다. 아래의 설치방법을 잘 읽어보세요.


## iOS 7.x , iOS 8.x

GroovyLock(무료)과 LockHTML4(유료) 모두 사용 가능함.


## iOS 9.x

LockHTML4(유료)만 사용가능.

- GroovyLock의 업데이트 중단으로 iOS 9.x에서 지원안됨.



## GroovyLock을 이용한 테마 설치 및 적용 방법


만약 GroovyLock트윅이 설치되어 있지 않다면 먼저 Cydia에 접속 후 'GroovyLock' 트윅 설치해야함.


    1. 본문에 첨부된 테마파일 다운로드 및 압축해제

    2. 기기를 컴퓨터에 연결 후 iFunbox와 같은 프로그램을 이용하여 아래 경로로 이동.

    3. 경로 : raw(원시) 파일 시스템 > var / mobile / Library / GroovyLock

    4. 위 경로에 압축해제된 테마폴더 넣기

    5. 자신의 기기의 기본 어플 중 '설정'어플 실행 후 'GroovyLock > Theme'에서 방금 넣으신 테마를 선택


## LockHTML4를 이용한 테마 설치 및 적용 방법


만약 LockHTML4트윅이 설치되어 있지 않다면 먼저 Cydia에 접속 후 'LockHTML4' 트윅을 설치해야함.


    1. 본문에 첨부된 테마파일 다운로드 및 압축해제

    2. 기기를 컴퓨터에 연결 후 iFunbox와 같은 프로그램을 이용하여 아래 경로로 이동.

    3. 경로 : raw(원시) 파일 시스템 > Library / Widgets

    4. 위 경로에 압축해제된 테마폴더 넣기

    5. 자신의 기기의 기본 어플 중 '설정'어플 실행 후 'LockHTML4 > Select Widget'에서 방금 넣으신 테마를 선택

* 테마선택 후 Optimize for LockHTML 팝업창No를 터치하셔야 하며, 만약 Yes를 누르셨다면 Config.js파일을 테마폴더에 다시 넣으시거나 테마를 다시 설치하셔야 합니다.



Config.js 설정 기본값 확인

var lang = "en"; // 언어
var Clock = "12h"; // 시간유형 - '12h' or '24h'

var color = "rgba(255,255,255,.8)"; // 글자색상
var bgColor = "rgba(10,10,10,0)"; // 배경색상
var weaPosition = 65; // 테마 위치 설정 (숫자가 클수록 아래로 내려오며 픽셀 단위)

var sWeekDay = "hide"; // 요일 표시 - 'show' or 'hide'
var sDay = "show"; // 일[Day] 표시 - 'show' or 'hide'
var sMonth = "show"; // 월[Month] 표시 - 'show' or 'hide'
var sYear = "show"; // 연도[Year] 표시 - 'show' or 'hide'

var LocationCode = 1132599; // WOEID값 (야후웨더 참고)

var Position = 115; // 위치 방향(Direction)에서부터 멀어질 거리 입력
var BatteryWidth = 230; // 배터리바 넓이값 (짝수 입력)
var BatteryHeight = 2; // 배터리바 높이값
var BatteryOpacity 0.75; // 배터리바 투명도 (0.10 ~ 1.00)
var Direction = "top"; // 방향입력 'top' or 'bottom'
var ChargingColor = "rgba(243,17,60,.6)"; // 충전시 배터리바 색상
var UnpluggedColor = "rgba(255,255,255,1)"; // 비충전시 배터리바 색상
var BatteryBarInterval = 10; // 배터리바 새로고침 시간 설정 (초 단위)



설정하기:
 - 본 테마는 아래와 같은 내용을 수정할 수 있습니다.

 - ## 테마 글자 색상
 - ## 날짜 출력 선택(기본값을 사용하시는 것이 좋습니다.)


 - ## 테마 위치 설정(날씨 위치 설정 값을 변경하시면 위, 아래로 위치 조정이 가능합니다.)
 - ## 날씨 아이콘 선택(검정색과 흰색 중 하나를 선택하세요.) 폰트로 대체되어 설정의 글자색상에 따라 자동변경됩니다.
 - ## 날씨 새로고침 시간 조절(기본값을 사용하시는 것이 좋습니다.) 화면을 터치하는 것으로 대체되었습니다.


 - ## 배터리바 넓이 조절(자신이 원하는 수치 만큼 배터리바 넓이를 조절할 수 있습니다.)
 - ## 배터리바 높이 조절(자신이 원하는 수치 만큼 배터리바 높이를 조절할 수 있습니다.)
 - ## 배터리바 투명도 조절(0.1부터 1.0까지 입력 가능하며, 숫자가 작을수록 더 투명해 집니다.)
 - ## 배터리바 위치 조절(방향과 수치를 이용하여 배터리바의 위치를 상하로 조절할 수 있습니다.)
 - ## 충전시 색상 설정(기본값 = 핑크)
 - ## 비충전시 색상 설정(기본값 = 화이트)
 - ## 배터리바 새로고침 시간 조절(기본 10초이며, 기본값을 사용하시는 것이 좋습니다.)


색상설정도움말:
제가 사용하는 색상의 코드는 rgba 라는 것으로 Red, Green, Blue, Alpha를 조합한 값입니다. 이 수치들이 어려우시면 실제 색상이름을 입력하셔도 좋습니다. (예시: white)

색상을 변경하실때 좌우의 큰따옴표는 남겨두셔야 합니다. (예시: "white")

헥스코드를 알고계신다면 헥스코드를 사용하셔도 좋습니다. (예시: "#ffffff")



16.05.27 업데이트
 - 날씨 아이콘 기울기 수정

 - 수정코드 : public/css/weatherIcons.css 문서의 12번째 줄의 스타일에 font-style: normal; 추가


    원본코드

    i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none;}


   수정코드

    i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none; font-style: normal;}






 


자주하시는 질문 사항에 대해 미리 답변토록 하겠습니다.


iOS 9.x에서는 왜 유료 트윅인 LockHTML4를 설치해야 하나요?

GroovyLock의 개발자인 GroovyCarrot이 iOS 9.x에 대한 지원을 중단하였기 때문입니다.


기기를 연결 후 iFunbox를 실행했는데 위에서 설명한 경로가 안나와요.

Cyia에서 특정 트윅을 설치하셔야 기기의 내부폴더를 관리할 수 있습니다.

이 트윅은 iOS 버전에 따라 이름이 다르오니 아래의 내용을 참고하시어 설치하시기 바랍니다.

## iOS 7.x = afc2add

## iOS 8.x 이상(iOS 9.x 포함) = Apple File Conduit "2"





SIMPLE LS NOEUL v9.5.7z




  • redeye 2016.05.04 17:10

    제가 1빠로 받은듯하네요. ^_^ 영광입니다.

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.05.04 22:24 신고

      행복한 하루보내세요^^

    • 일이오너라 2016.08.09 09:56

      예전부터 노을님 테마 잘쓰고있습니다!!!

      그런데 이번에 적용하니깐 위젯이 약간 오른쪽으로 쏠려 있는데, 이건 어떻게 해결해야할까요??!

  • 삼강오륜 2016.05.06 09:13

    언제나 완벽하고 섬세한 작업에 감탄하고갑니다.^^ 좋은 테마 잘쓰겠습니다.

  • redeye 2016.05.09 10:35

    문의드릴게 있습니다. 테마 적용완료 하고 확인하다보니 베터리상태출력에 차이가 있네요. config 수정전,후 모두 흰색으로만 출력이 되구요. 베터리가 100%인데도 약70% 정도로 화면표시되네요. 원인을 좀 알수있을까요? 사진을 첨부하고싶은데 이곳에선 첨부가 불가하네요 ;

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.05.09 13:59 신고

      먼저 Cydia에서 'InfoStats' 트윅을 설치하셨나요? 본 테마는 'InfoStats' 트윅이 필수로 설치되어있어야 합니다.

      둘째로 설정(Config.js) 부분에 세미콜론(;)과 큰 따옴표("")등의 문제로 설정파일에 오류가 발생하여 테마가 망가지는 경우도 있습니다.
      Config.js는 각 항목의 값 이후 세미콜론(;)으로 끝을 내셔야 합니다.
      값이 숫자만 있다면 큰 따옴표를 사용하지 않습니다. 큰 따옴표는 문자가 포함되어있는 경우에만 사용하세요. (단, true와 false는 제외)

      var color = "rgba(255,255,255,.8)";
      var LocationCode = 1132599;
      위에서 color는 rgba와 괄호()가 포함되어 있기에 문자로 인식하여 큰 따옴표를 사용합니다. LocationCode는 문자가 없기에 큰 따옴표가 필요없습니다. 그리고 두 변수(설정값) 뒤에 세미콜론(;)이 있는 것을 확인할 수 있습니다.

  • 키드 2016.05.27 13:52

    항상 좋은 테마와 공유 감사드립니다.

    그런데 혹시, 가운데 날씨만 기울기 적용되는건 어떤 문제인지 알 수 있을까요?

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.05.27 19:45 신고

      아......... 그 부분 설정을 안해드렸네요.

      만약 설정값을 수정하지 않으셨다면 본문의 첨부파일을 새로 다운받으신 뒤 적용하세요.

      코드 수정이 편하시다면 아래의 방법을 사용하시면 됩니다.
      1. public/css/weatherIcons.css 문서를 에디터로 여세요.
      2. 12번째 줄에 있는 아래 내용을 수정해주시면 됩니다.
      _
      원본코드
      i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none;}
      _
      수정코드
      i[class^='icon-'] {font-family: 'weather'; line-height: 1.0; text-transform: none; font-style: normal;}

      3. 수정된 코드에는 font-style: normal; 이 추가 되었습니다.

    • 키드 2016.05.30 11:27

      잘 적용되었네요^^
      그리고 혹시... 등대 배경화면 공유도 가능하신가요?

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.05.30 17:33 신고

      해당 배경이미지는 새로운 포스트로 등록해 놓았습니다.

      __
      다운로드 URL
      http://onfriday.design-hi.com/entry/Desktop-Wallpaper-160530

      아이폰에서 다운받기
      _
      1. 다운받을 이미지 터치 후 대기
      2. 이미지 저장과 복사하기 항목이 뜨면 이미지 저장 터치
      3. 사진 어플에서 확인 (원본 사이지의 이미지가 아이폰에 저장됩니다.)

      ***
      등대 이미지의 경우 해상도가 2880 X 1800이고, 사진 어플을 이용하여 '배경화면 지정'을 선택하시면 원하시는 위치를 선택하여 배경으로 만들 수 있습니다 :)

    • 키드 2016.05.30 19:28

      고맙습니다, 잘 사용하겠습니다!

    • 키드 2016.05.30 19:29

      고맙습니다, 잘 사용하겠습니다!

    • 키드 2016.05.30 19:29

      고맙습니다, 잘 사용하겠습니다!

  • 익명 2016.07.30 15:45

    비밀댓글입니다

  • Favicon of https://kangminsoo.tistory.com K_MinSu™ 2016.08.02 03:37 신고

    노을님 고맙습니다. 잘받아갑니다^^

  • Romin 2016.08.02 06:39

    노을님 죄송한데.. 혹시 여기에 디데이랑 요일 추가할 수 있을까요..?

  • 도도돗 2016.08.11 03:50

    덕분에 예쁜 락스크린 적용했어요! 감사합니다~

  • 익명 2016.08.30 19:59

    비밀댓글입니다

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.30 22:16 신고

      날씨아이콘은 이미지가 아닌 폰트임으로 default font change 트윅을 사용하시면 아이콘이 숫자로 보여집니다.

    • csk87 2016.08.30 23:13

      댓글주신거보고 트윅검색했는데 설치되있는상태여서 다시설치했는데 동일한증상입니다 ㅜㅜ...

    • csk87 2016.08.30 23:16

      1 A z 이런식으로 나오고있습니다.
      다른쪽은 정상적으로 작동되구용..

    • Favicon of https://blog.delfiini.co.kr NOEUL's 2016.08.30 23:20 신고

      csk87님 default font change 트윅을 지우셔야 한다는 뜻입니다.

    • csk87 2016.08.30 23:26

      지우려고 생각해보니 기본폰트전체다바꾸는거였네용 ㅜㅜ 점알쓰고싶은 잠금화면인데 아쉽네용
      도움주셔서 감사합니당!

  • csk87 2016.08.30 23:50

    노을님 죄송하지만 혹시 날씨아이콘이폰트로교체되기전 날씨이미지 사용했던버전은 현재 배포중지인가용..?

  • 고맙습니다 2017.07.12 13:39

    정말 고맙습니다. 트윅 사용법과 적용법을 몰라 발만동동 구르고 있었는데 이렇게 세심하게 포스팅 해주신 덕분에 저같은 초보도 쉽게 따라할 수 있고 큰 도움 되었습니다. InfoStats는 사용된 테마에 맞는 버전을 사용하여야 하는가 봅니다. 이 글에 사용된 버전은 1.1.5인데 제가 처음에 최신버전인 InfoStats2를 설치해서 적용했었는데 바로 안전모드로 들어가지더군요. 그래서 다시 다운그레이드 하여 1.1.5 적용하니 정상적으로 적용이 되었습니다. 이밖에도 제가 영어를 잘 몰라 LockHtml설정도 어려움 겪고 있었는데 정말 많은 도움 얻었습니다. 감사합니다!