2013-02-06 3 views
0

HTML 페이지의 네이티브 프레임 전환을 사용하여 Windows Phone 용 phonegap 앱을 만드는 방법을 배우기 위해 일부 문서를 찾으려고하는데, 그런 플러그인이나 코드 또는 유용한 문서를 찾을 수 없습니다. . 정확히 내가 원하는 무엇PhoneGap 및 Windows Phone 기본 프레임 전환

은 다음과 같습니다

window.location.href = "newpage.html"; 

내가 내 응용 프로그램이 기본 응용 프로그램처럼 다른 페이지로 이동하려면 :

것은 내가 자바 스크립트 코드를 사용하여 HTML 코드에서 다른 페이지로 이동하려고 할 때 전환 효과를 내고 있습니다. 예를 들어 앱 시작시이 페이지/프레임 전환 효과를 볼 수 있습니다.

HTML 페이지의 전환 효과를 수행하는 방법은 무엇입니까?

답변

0

jQuery Mobile을 사용하여 Phonegap 앱용 HTML 페이지를 작성해야합니다.

http://jquerymobile.com

이 있기 때문에 그것은 유용 내장 다른 HTML 페이지로 변경하려고 할 때 감지 할 수있는 라우터. (프로그래밍 방식으로 또는 링크를 클릭하는 사용자를 통해)

그런 다음 해당 이벤트를 가로 채서 다음 페이지를 비동기 적으로로드 할 수 있습니다 (Phonegap 앱의 경우 페이지가 이미 단말기에 있으므로). 그런 다음 새로운 페이지 (슬라이드, 페이드 등)를 표시 할 때 말하는 전환 효과를 적용합니다.

사용자 정의가 가능하며 대부분의 동작은 간단한 HTML 마크 업을 만들고 데이터 속성을 추가하여 구성됩니다. 예 : 당신도 그렇게 할 수 있습니다 - 당신이 "단일 페이지 응용 프로그램"길을 가고 싶어 결정하는 경우에 나는 또한 좋아하기 때문에

<a href="next-page.html" data-role="button" data-transition="flow">next page</a> 

. 저는 개인적으로 Phonegap + jQuery Mobile + Backbone.js의 조합을 좋아합니다. Backbone.js가 동적으로 HTML jQuery Mobile 페이지를 생성하고 Phonegap이 응용 프로그램에서이를 래핑합니다.

+0

WP7 phonegap 프로젝트에서 해봤습니까? 시도했는데 작동하지 않기 때문에 – Jigberto

+0

@ JigsweelJigsweel, 아니,하지만 WP7에서 제대로 작동합니다. 내가 말한 것은 특정 전화 업체에 한정된 것이 아니므로 Phonegap 및 jQuery Mobile이 지원하는 모든 기능을 사용해야합니다. 나는 그것이 당신을 위해 일하지 않는다면, 당신이 jQuery Mobile 페이지를 어떻게 만드는지에 문제가 있다고 제안 할 것입니다. jQuery 모바일은 HTML 형식이므로 데스크톱 브라우저에서 먼저 작동하도록하십시오. 그런 다음 Phonegap 프로젝트에 HTML 파일을 추가하십시오. 그래도 문제가 계속되면 더 많은 질문을 게시하십시오. – asgeo1

+0

WP7에서 작동하지 않고 외부 링크를 열려고 시도했습니다. http://coenraets.org/apps/directory/jqm/index.html 페이지에 전환 효과가없고 디자인이 매우 추합니다. – Jigberto

관련 문제