위젯 아키텍처
위젯은 일반적으로 시계, 경매 티커, 이벤트 카운트다운 등과 같이 타사 사이트에 포함되어 있는 독립 실행형 애플리케이션입니다. 따라서 위젯은 배포하기 쉽고 빠르게 개발할 수 있으며 기존 애플리케이션에 기능을 추가하여 고급 기술을 활용하는 데 사용되는 미니 애플리케이션입니다. 웹 페이지를 만들 수 있다면 JavaScript, DHTML 및 CSS의 동일한 기술을 사용하기 때문에 위젯을 만들고 배포하는 방법을 알고 있는 것입니다. 위젯은 액세서리, 애플리케이션 또는 정보 위젯일 수 있습니다. 액세서리 위젯은 인터넷이나 애플리케이션과 독립적으로 실행되는 독립형입니다. 정보 위젯은 인터넷 데이터와 함께 작동하는 반면 응용 프로그램 위젯은 응용 프로그램과 완전히 연결됩니다.
아키텍처
1 단계
텍스트 편집기를 실행하고 HTML 파일을 만듭니다. HTML 파일은 현재 웹 표준 모범 사례를 준수하기 위해 XHTML 1.0 표준 이상을 준수해야 합니다. 간단한 XHTML 코드는 다음과 같습니다.
오늘의 비디오
2 단계
사용
3단계
CSS(Cascading Style Sheets)를 사용하여 모든 브라우저에서 균일하게 표시되도록 위젯의 스타일을 지정합니다. CSS 파일의 일부에는 다음 스타일이 포함됩니다.
4단계
위의 파일을 별도의 파일에 넣습니다. 이 예에서는 파일을 "widget.css"로 저장했습니다. 다음과 같이 기본 html 파일에서 "가져오기" 문을 사용하여 파일을 참조합니다.
역동성을 더하다
1 단계
"위젯" 개체를 사용하여 추가 기능을 제공합니다. 예를 들어, 사용자 기본 설정에 액세스하려면 다음 코드 줄을 사용합니다.
widget.setPreferenceForKey(기본 설정, 키) GO widget.preferenceForKey(키);
2 단계
위젯이 CPU 시간 또는 네트워크 리소스를 과도하게 사용하지 않도록 활성화 이벤트를 사용합니다. 아래 코드는 이 작업을 수행하는 방법을 보여줍니다.
If (window.widget) { widget.hide = GO 숨기기 widget.show = GO 표시
function hide() { if(timeInterval == null) { timeInterval = setInterval(updateTime(true);", 500) GO } }
원하는 대로 코드에 다른 기능을 추가합니다.
3단계
위젯과 해당 리소스를 식별하기 위해 "Info.plist" 파일을 만듭니다. 이 파일은 위젯 유형에 따라 포함해야 하는 내용이 다릅니다.
팁
웹 기술 사용에 발맞추어 JavaScript를 사용하여 위젯의 역동성을 제공합니다. 이를 통해 위젯은 시스템의 사용자 기본 설정에 액세스하고 위젯을 뒤집어 기본 설정에 액세스하고 다른 응용 프로그램, 웹 페이지 이벤트에 응답하고 명령줄 도구 및 셸과 같은 시스템 명령 실행 스크립트.
