実際、私のアプリケーションではグラフを描くのに、WebView と Flot: Attractive JavaScript plotting for jQuery を組み合わせて実現しました。
公式の Using Local Web Content with WebView にあるように WebView は local な HTML/javascript などを読み込み可能です。
例えば、Alloy の View 側で app/assets/etc/local.html を読み込むには次のように
<Window title="hogehoge">
<WebView id="webview" url="/etc/local.html"></WebView>
</Window>
という指定になります。
local.html 側では
<head>
<title>Local HTML</title>
<link rel="stylesheet" type="text/css" href="local.css"/>
<script src="local.js"></script>
</head>
と書くと local.html と同階層＝app/assets/etc 配下の local.css, local.js を読み込み、利用することが出来ます。
（もちろん、local.html 内でも Javascript を記述可能）
また、local な Javascript の利点として次の２点があります。
-
You can use Titanium.App.addEventListener and
Titanium.App.fireEvent to receive and send application-level events.
-
Events can be logged using the Titanium.API logging methods.
（ Titanium.UI.WebView の Local Scripts より引用）
注意点としては、javascript を script タグなどで静的に読み込みしてしていなくて、生成した HTML で読み込むようなケース。
そのような場合には
For local JavaScript files not referenced in static local HTML files, for example, a dynamically-genereated HTML file referencing a local JavaScript file, rename the file extension of the local JavaScript files to '.jslocal' instead of '.js'.
とあるように拡張子を .js → .jslocal に変える必要があるようです。
0 件のコメント:
コメントを投稿