Dojo Mobile開発学習編


Dojo Mobile開発
App技術開発QQ群:347072638
技術コンサルティング、APPカスタム開発連絡メールアドレス:[email protected]
時代は変わって、技術は革新して、あなたが受け入れるかどうかにかかわらず.初めてDojo Mobileを認識し、JQuery Mobile、PhoneGapなどの一連のモバイルアプリケーションWebAppのフレームワークと似ているような気がします.主に基幹HTML 5+CSS 3+JSの実装で、異なるプラットフォーム(iPhone/iPad/Android/BlackBerry/windows phone 8)に対して対応するコントロールや特性を実現しているので、WebAppなのかオリジナルAppなのか分からないように見えます.
Dojo Mobileの使い方
Dojo Mobileを使うのはとても簡単で、
require([
  "dojox/mobile/parser", // (Optional) This mobile app uses declarative programming with fast mobile parser
  "dojox/mobile",        // (Required) This is a mobile app.
  "dojox/mobile/compat"  // (Optional) This mobile app supports running on desktop browsers
], function(parser, mobile, compat){ Optional module aliases that can then be referenced inside callback block
  // Do something with mobile api's.  At this point Dojo Mobile api's are ready for use.
);

プロファイルでasync:1を使用すると、Dojoスクリプトが非同期でロードされ、ページがすばやくロードされて表示されます.
テーマ
HTMLヘッダ参照
<pre name="code" class="html">
<script type="text/javascript" src="dojox/mobile/deviceTheme.js"></script>
 
 Dojox Mobile 
 提供了一套 
 视觉主题, 可以根据不同平台浏览器指定显示主题,让WebApp视觉效果有一种原生应用的感觉。 
  
 

也可以自定义主题

<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/custom/custom.css"></link>

iPhone
<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/iphone/iphone.css"></link>

iPad
<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/iphone/ipad.css"></link>

Android
<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/android/android.css"></link>

Blackberry
<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/blackberry/blackberry.css"></link>

WindowsPhone
<link rel="stylesheet" type="text/css" href="dojox/mobile/themes/windows/windows.css"></link>

未完待機.
APP開発技術qq交流群:347072638