2013-12-18 1 views
2

편집 : 그래서 분명히 class = "button"을 추가하십시오 ... 누군가 다른 클래스가있는 것에 대한 참조를 제공 할 수 있습니까? 우리는 이것에 대한 정보를 찾을 수 없습니다 .. 감사합니다XDK를 사용하면 다른 페이지로 어떻게 링크합니까? 하이퍼 링크가 비활성화되었습니다

우리는 HTML5에서 XDK를 사용하여 응용 프로그램을 만들고 있습니다, 그것은 꽤 다른 전망을 가지고 있습니다. 우리는 다른보기로 갈 때마다 다른 HTML 페이지에 링크 만 할 계획이었습니다. 그러나 우리는 하이퍼 링크가 작동하지 않으며 비활성화되고 버튼이 연결되지 않는다는 것을 곧 알게되었습니다.

내 그룹의 사람들 중 한 명은 그녀가 여러 개의 그룹을 가지고있는 것을 보았고 그 그룹을 보여 주거나 숨기고 UI 탐색을 사용하는 것이 유일한 방법이라고 말했습니다.

미리 감사드립니다.

+0

XDK는 기본적으로 App Framework UI 프레임 워크를 사용합니다. 당신은 그것을 사용하여 일련의 페이지를 만드는 방법에 대한 지침을 찾고 있습니까? – profMobi

답변

7

Intel XDK는 클래스 정의를 삽입하지 않거나 특정 프레임 워크를 사용해야합니다. 이는 사용자가 제공 한 CSS, HTML 및 JS 파일을 사용하여 HTML5 하이브리드 모바일 응용 프로그램을 구성하기위한 도구입니다.

새 프로젝트를 만들 때 만들어지는 샘플과 기본 "빈"프로젝트를 보면 다음 "팬텀"JS 파일 중 하나 이상에 대한 참조가있을 수 있습니다 :

intelxdk.js 
cordova.js 
xhr.js 

처음 두 개 (intelxdk.js 및 cordova.js)는 특별한 "장치 API"JavaScript 라이브러리입니다. 실제로 프로젝트 디렉토리에서 찾을 수 없으며, 에뮬레이터를 사용할 때 및 프로젝트를 빌드 할 때 자동으로 포함됩니다 (HTML5 코드 및 애셋을 대상에 고유 한 원시 래퍼로 "감싸는"). 건물 - 아무 것도 컴파일하지 않고, 그것을 당신이 구축 한 대상 플랫폼에 설치할 수있는 하이브리드 네이티브/HTML5 컨테이너 앱으로 변환합니다.

세 번째 앱에서 CORS 문제를 처리하기위한 특수 도우미 JS 라이브러리입니다.

이러한 세 가지 JS 파일 중 어떤 것도 클래스 또는 HTML 태그 등을 정의하지 않습니다. 단순히 "상단"의 JavaScript와 "하단"의 원시 코드로 구성된 대상 특정 장치 API를 구현합니다. 귀하의 응용 프로그램은 자바 스크립트 인터페이스를보고 상호 작용하며, 사용해야하는 API 만 있습니다 (이는 전적으로 선택 사항입니다).

이 모든 것을 소개하려면 Intel XDK Documentation page을 참조하십시오.

즉, 앱이 어떤 프레임 워크와 구조를 사용하는지 결정해야합니다. 즉, 부트 스트랩과 jQuery를 사용하려면 그렇게 할 수 있습니다. App Designer 또는 App Starter 도구를 사용하기로 결정하면 레이아웃에 영향을 미치는 일부 클래스를 정의합니다. 그러나 이러한 도구를 사용하여 HTML 및 CSS를 정의 할 필요는 없으며 직접 또는 원하는 UI 프레임 워크 라이브러리를 사용하여 수행 할 수 있습니다.

코드는 데스크톱 브라우저에서 렌더링되는 것이 아니라 장치의 일부인 내장 된 "webview"입니다. 이러한 웹보기에는 데스크톱 브라우저에서 사용하던 것과 동일한 메모리 및 CPU 리소스가 없기 때문에 최상의 결과를 얻으려면 "간결하고 의미있는"방법을 배워야합니다. HTML5 기술을 사용하여 휴대 전화에 웹 사이트를 만들지 않고 모바일 앱을 만듭니다.

호프가 도움이 되었으면 좋겠어. 배경 자료는 see our HTML5 web site을 이용해주세요. 지금은 조금 슬림하지만 시간과 자원이 허용하는 예제와 배경 자료를 추가하고 있습니다.

호프가 도움이 되길 ...

+0

p.s. webview HTML5 기능 지원은 OS 버전과 공급 업체마다 다를 수 있습니다. 예를 들어 안드로이드 2.3 대 안드로이드 4.0과 HTC 대 삼성 대 iOS 등 – xmnboy

+1

, 그렇다면 page1.html의 요소에서 page2.html로 어떻게 이동합니까? –

+0

단일 페이지 응용 프로그램 (SPA)을 만들어야합니다. 다중 페이지 응용 프로그램은 webview 환경에서 제대로 작동하지 않습니다 (가능하지만 권장되지 않음). 몇 가지 가이드 라인은이 문서 페이지를 참조하십시오. http://cordova.apache.org/docs/en/5.0.0/guide_next_index.md.html#Next%20Steps – xmnboy

관련 문제