・ このブログの記事(テキスト・画像)について

2012年3月30日金曜日

【JQueryMobileとPhoneGap】 画面遷移編

前回の続き

画面遷移を行う方法のメモ。

【JQueryMobileとPhoneGapで開発する目的】

 JQueryMobileとPhoneGapを採用することで、マルチプラットフォーム開発を目指す。
異なる、ディスプレイの大きさに対応したアプリ開発を目指す。

【環境】
Eclipse 3.7 (基本的な設定済みとする。)
Jquery mobile  1.0.1
Phone Gap 1.5
Android1.6 is01
Android2.3 003sh端末
Android4.0 Galaxy Nexus
JQueryMobileとPhoneGapの環境構築済みとする。
【手順】
1.index.htmlにpageを追加する。 

2.端末へインストールする。
遷移前の初期画面、リストをタップする。
遷移後の画面





 以上で、画面遷移の設定が完了した。

0 件のコメント:

コメントを投稿