カテゴリー: aaoh.sora

“aaoh.sora”は
“aaoh.kaze”を利用してガジェットを作成するにための
マルチGadgetフレームワークです。

ライブラリのソースは
とりあえずWindows サイドバーガジェットでの
電卓ガジェットをダウンロードしていただき
 http://gallery.live.com/liveItemDetail.aspx?li=6b73dedf-1461-46b5-bd04-8d1fea6db165
拡張子をgadgetからzipに変更して
解凍してもらうと
libディレクトリがそれに該当します。
詳細はこちらを見ていただくと幸いです。

内容は下記のようになっています。

################
ガジェットプラットフォーム
################

対応ガジェットプラットフォームは
“aaoh.kaze”に準じて下記なります。

 Windows サイドバーガジェット
 Opera ウィジェット
 Mac OS X Dashboard ウィジェット
 Adobe AIR
 iGoogle ガジェット
 Google デスクトップ ガジェット
 Yahoo!ウィジェット

################
ファイル構成
################

“lib”ディレクトリ直下にはJavaScript、
“lib/css”ディレクトリにはスタイルシート、
“lib/images”、”lib/sub-images”ディレクトリには
画像ファイルを置いています。

スタイルシートは通常用、IE用、モバイル用の
3種類に分かれています。

画像ファイルは基本的に
通常時、オンマウス、オーバーマウスの画像を
1画像にまとめており
スタイルシートにて画像の位置をずらして
表示を行っています。
その画像を”lib/images”に置いています。

スタイルシートにて画像の位置を変更できない
ガジェットプラットフォーム用に
画像を分割したものを
“lib/sub-images”に置いています。

ファイル構成は下記となっています。

 lib/aaoh.sora.js
 lib/aaoh.sora.t.png
 lib/aaoh.sora-core.js
 lib/aaoh.sora-ex.js
 lib/css/aaoh.sora.style.css
 lib/css/aaoh.sora.style_ie6.css
 lib/css/aaoh.sora.style-mobile.css
 lib/css/aaoh.sora-ex.style.css
 lib/css/aaoh.sora-ex.style_ie6.css
 lib/css/aaoh.sora-ex.style-mobile.css
 lib/images/aaoh.sora-ex.img-update-load.png
 lib/images/aaoh.sora-ex.img-update-none.png
 lib/images/aaoh.sora-ex.img-update-upd.png
 lib/images/aaoh.sora.img-close.png
 lib/images/aaoh.sora.img-loading.png
 lib/images/aaoh.sora.img-max.png
 lib/images/aaoh.sora.img-option.png
 lib/images/aaoh.sora.img-tab-act.png
 lib/images/aaoh.sora.img-tab-inact.png
 lib/sub-images/aaoh.sora.img-close_down.png
 lib/sub-images/aaoh.sora.img-close_over.png
 lib/sub-images/aaoh.sora.img-close_up.png
 lib/sub-images/aaoh.sora.img-max_down.png
 lib/sub-images/aaoh.sora.img-max_over.png
 lib/sub-images/aaoh.sora.img-max_up.png
 lib/sub-images/aaoh.sora.img-option_down.png
 lib/sub-images/aaoh.sora.img-option_over.png
 lib/sub-images/aaoh.sora.img-option_up.png
 lib/sub-images/aaoh.sora.img-tab-act_down.png
 lib/sub-images/aaoh.sora.img-tab-act_over.png
 lib/sub-images/aaoh.sora.img-tab-act_up.png
 lib/sub-images/aaoh.sora.img-tab-inact_down.png
 lib/sub-images/aaoh.sora.img-tab-inact_over.png
 lib/sub-images/aaoh.sora.img-tab-inact_up.png

################
パッケージ構成
################

パッケージ構成、機能は下記となっています。

 aaoh.sora
  マルチGadgetフレームワークルートパッケージ

 aaoh.sora.Control
  コントローラ機能

 aaoh.sora.Model
  モデル

 aaoh.sora.Main
  メイン画面機能

 aaoh.sora.Option
  オプション画面機能

 aaoh.sora.ControlEx
  拡張コントローラ機能

 aaoh.sora.ModelEx
  拡張モデル

 aaoh.sora.MainEx
  拡張メイン画面機能

 aaoh.sora.OptionEx
  拡張オプション画面機能

 aaoh.sora.App
  アプリケーション機能

################
使い方
################

各ガジェットにて最初に”lib/aaoh.kaze.js”を読込んで下さい。
その後、JavaScriptとして”lib/aaoh.sora.js”を読込んで下さい。

メイン画面では”aaoh.sora.MainEx”を継承したパッケージに
オプション画面には”aaoh.sora.OptionEx”を継承したパッケージに
処理を記述することにより
ガジェットプラットフォームに依存しない為
同一ファイルにて管理することができます。

スタイルシートには”lib/css/aaoh.sora-ex.style.css”を
インポートしたものを使用してください。

Windows サイドバーガジェット、Opera ウィジェット、
Mac OS X Dashboard ウィジェット、Adobe AIR、
iGoogle ガジェットでは
“lib/aaoh.sora.js”を読込むことにより
その他の必要なJavaScriptライブラリも読込まれます。

Google デスクトップ ガジェット、Yahoo!ウィジェットでは
自動で読み込まれないので
“lib/aaoh.kaze-core.js”、”lib/aaoh.kaze-ex.js”も
読込むようにしてください。